آموزش اچ تي ام ال

شروع موضوع توسط bache + ‏19 نوامبر 2005 در انجمن مسایل عمومی طراحی و توسعه‌وب

وضعیت موضوع:
موضوع بسته شده است.
  1. bache +

    bache + Active Member

    ارسال‌ها:
    1,615
    تشکر شده:
    76
    امتیاز دستاورد:
    36
    در اينجا ميخام اچ تي ام ال از پايه تا پيشرفته براتون اموزش بدم البته تا جايي كه در توانم هست و اميدوارم استاداي مجيد انلاين هم كمك كنن فق خواهش ميكنم از زدن پست هاي بيخود خودداري كنيد من الان دارم رو مقاله اول كار ميكنم و به زودي ميزارم
     
    نوشته شده توسط bache + در ‏19 نوامبر 2005
  2. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    اوه ! منتظریم استاد ! :)

    (این پست من نمونه پستهای بی مورده ! اینجوری کسی پست نزنه ها ! اینم بعدا پاک میکنم :d )
     
    نوشته شده توسط Ali_ix در ‏19 نوامبر 2005
  3. bache +

    bache + Active Member

    ارسال‌ها:
    1,615
    تشکر شده:
    76
    امتیاز دستاورد:
    36
    تگهاي ابتدايي

    خوب اين درس اول
    چتمل(همونhtml)تمام سيستمش با كد و تگ هست خوب من اول ميشينم تگ ها رو بهتون ميگم بعد از يه ارشيو تگ ميشينيم اينارو ميچينيم كناره هم تا يه چيزي بهمون بده
    خوب يه سري كد واجبو الجباره كه بايد در اول و اخر صفحه به كار بره اون كدها اين ها هستند كه دربارش توضيح ميدم
    <html>
    ين تگ معلوم ميكنه كه اين صفحه چتمل هست و اول و اخر صفحه قرار ميگيره و تگ پايانيش هم اينه</html>
    تگ بعدي<head>هست كه نماينده قسمت بالايي صفحه و هدر هست و تگ پايانيش هم </head>ست
    تگ بعدي كه بين تگ <head>قرار ميگيره تگ <title> هست كه اين نمايانگر اسم اين صفحه يا عنوان اين صفحه است كه در تيتل صفحه نمايش داده ميشه تگ پايانيش هم </title>هست
    بيشترين تگ كه ماهاش كار داريم <body>ه نمايانگر بدنه صفحه است تگ پايانيش هم </body>هست
    تا اينجا ما يه صفحه داريم به اين شكل
    کد (Text):
    <html>
    <head>
    <title></title>

    </head>
    <body>
    </body>
    </html>
    خوب مهمترين چيز تو يك سايت ارتباط با صفحات ديگست كه ما بهش ميگيم لينك حالا چطور ميتونيم لينك بديم تگ <a>البته اين تگ در تگ <title>كار نميده
    خوب تگ پاياني اون هم </a>هست
    خوب ميريم تو جزييات تگ <a>
    href="آدرس لينك(ادرس صفحه اي كه ميخواين لينك بدين)"
    </a>
    لبته اين تگ ها كلي جزييات دارن كه موقع طراحي صفحه تك تك بهتون ميگم
    خوب نمونه ميشه اين
    کد (Text):
    <a href="url link">link</a>
    خوب تو صفحه اين كد به اين صورت نمايش داغده ميشه
    link
    تگ بعد كه تگ پاياني هم نداره و خيلي كاربرد داره نقش همون اينتر رو تو ورد داره تگ <br> هست اين تگ 1 سطر فاصله ميده
    تگ بعدي تگ <hr>ست كه اينم لنگه تگ بالايي هست تفاوتش اينه كه يه خط هم ميكشه يعني در اصل اگه اين تگ رو تو صفحه بزاريد هم 1 سطر فاصله ميده هم يه خط هم مياره تو صفه يعني شكل زير
    __________________
    بابا اينجا اچ تي ام الش خاموشه پدره ادم در مياد يه تا سطر بنويسه:mad: بقيشو بعدا مينويسم
     
    نوشته شده توسط bache + در ‏19 نوامبر 2005
  4. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    استاد آیا تگ Doctype برای صفحات لازم نمیباشد ؟
     
    نوشته شده توسط Ali_ix در ‏19 نوامبر 2005
  5. bache +

    bache + Active Member

    ارسال‌ها:
    1,615
    تشکر شده:
    76
    امتیاز دستاورد:
    36
    <!doctype>

    در اين بخش ميخواهم در مورد تگهاي قسمت <head> برايتان توضيح دهم . همانطور که ميدانيد تگهاي Html را به دو بخش اصلي تقسيم کرديم ، يکي قسمت سر يا همان head ديگري قسمت بدنه يا body که هر دو مابين دو تگ اصلي<html></html> نوشته ميشوند، اما يک تگ هم وجود دارد که خارج از اين قانون عمل ميکند و در اولين خط شروع کدنويسي بايد آنرا بنويسيم يعني قبل از تگ آغاز کننده <html>و آن DTD يک صفحه وب ميباشد که مخفف Document Type Definition است و کار آن معرفي نوع تگها خصوصيات آنها و قوانيني که بايد در آن صفحه وب بکار برده شود که بطور خلاصه در تگ مربوط به آن توصيف ميشود. تگ مشخصه DTD ، <!doctype> ميباشد و مانند بقيه تگها داراي خصوصياتي هست، البته اين تگ اختياري است چون بعضي از مرورگرها بدون آن هم صفحه را نمايش ميدهند ولي بهتر است که نوشته شود.

    هر نسخه از HTML يک DTD مخصوص به خود را دارد و نسخه هاي معتبر HTML عبارتند از: 2, 3.2, 4 و نسخه جديد آن Html 4.01 ميباشد و اگر از کدهاي XHTML هم استفاده ميکنيد ، آنرا هم بايد مشخص کنيد. همانطور که در بخشهاي قبل گفتم اعلام و به رسميت شناختن تگهاو نسخه هاي HTML , XHTML به عهده W3C ميباشد .

    DTD براي HTML 4.0

    <!DOCTYPE html public “-//w3c//DTD HTML 4.0//en”>

    و براي XHTML 1.0

    <!DOCTYPE xhtml public “-//w3c//DTD XHTML 1.0 strict//en”>

    بعد از اين تگ روال معمول کدنويسي را انجام ميدهيم. حالا ميپردازيم به تگهاي مربوط به قسمت سر يا همان head .

    <head></head>

    مابين اين دو تگ اطلاعات مربوط به همان صفحه وارد ميشود که در مرورگر نشان داده نميشود و فقط اسم صفحه است که در نوار عنوان مرورگر نمايش داده ميشود. اين اطلاعات بيشتر براي سايتهاي جستجوگر مانند گوگل مفيد ميباشند که در بخش اين سايتها بيشتر توضيح خواهم داد.

    تگهاي لازم براي اين قسمت به شرح زير ميباشند:

    <title>, <base>, <meta>, <link>, <script>, <style>

    <title></title>

    بين اين دو تگ هر چي نوشته شود در نوار عنوان مرورگر title bar نمايان خواهد شد. دقت داشته باشيد که از اسامي کوتاه استفاده کنيد چون جمله طولاني را نصفه نشان ميدهد و همچنين اگر فارسي بنويسيد در سيستمهايي که قابليت فارسي ندارند به صورت علامت سوال نمايان ميشود.

    <base>

    در مواردي که بخواهيد آدرس اصلي وب سايت را همان ابتدا معرفي کنيد ، از اين تگ استفاده ميکنيد. خاصيت اين تگ اينست که در هنگام درست کردن لينکهاي داخلي وب سايت ديگر نيازي به نوشتن آدرس کامل نيست و فقط ميتوانيد در خصوصيت href=” “ لينکها، اسم دايرکتوري در صورت نياز و اسم خود فايل را بنويسيد.

    <base href="http://www.sitename.com">

    دقت کنيد که نوشتن پروتکل http اجباري است.

    <meta>

    متا تگها اطلاعات مربوط به موتورهاي جستجوگر را کنترل ميکنند. در اين تگها هر نوع اطلاعات که براي جستجو نياز باشد را وارد ميکنيد ، مانند کلمات کليدي يا نام سازنده سايت و يا تاريخ راه اندازي و از اين قبيل که در بخش سايتهاي جستجوگر بيشتر توضيح خواهم داد. خصوصياتي را که در اين تگ ميتوانيد بکار بريد،

    http-equiv=” “, name=” “ , content=” “

    براي معرفي کلمات کليدي سايت بايد خصوصيت http-equiv=”keyword” قرار دهيم و کلمات مورد نظر را در خصوصيت content=” “ وارد کنيم،

    <meta http-equiv=”keyword” content=”html, web, amoozesh, amouzesh”>

    همچنين ميتوانيد نوع رمزگذاري encoding مرورگر را در اين قسمت معين کنيد که براي بکار بردن حروف فارسي بايد از utf-8 استفاده کنيد که در قسمت فارسي نويسي توضيح خواهم داد.

    <meta http-equiv=”content-type” content=”text/html;charset=utf-8”>

    اين تگ به مرورگر ميفهماند که بايد از حروف و علامتهاي يونيکد براي نمايش صفحه استفاده کند. براي وارد کردن اطلاعات ديگر هم مانند زير عمل ميکنيد:

    <meta name=”author” content=”your-name”>

    اگر شما نميخواهيد که صفحه اي در هارد ديسک کاربر سايت شما ذخيره شود تا بتوان آنرا بصورت offline هم ببينند، از اين تگ بايد استفاده کنيد:

    <meta name=”pragma” content=”no-cache”>

    يا اينکه آن صفحه هر لحظه اطلاعاتش عوض ميشود و ميخواهيد تا بيننده سريع آن اطلاعات را ببيند، از خاصيت refresh مرورگر استفاده کرده و اين تگ را اضافه ميکنيد:

    <meta http-equiv=”refresh” content=”5”>

    که آن عدد زمان بر حسب ثانيه است. اگر ميخواهيد که بعد زمان معين همان صفحه به يک صفحه ديگر يا يک وب سايت ديگر هدايت شود خصوصيت زير را اضافه کنيد

    <meta http-equiv=”refresh” content=”5;url=http://www.sitename.com/page01.htm”>

    <link>

    اين تگ براي زماني است که ما بخواهيم از اطلاعات يک فايل مانند style sheet در آن صفحه استفاده کنيم،

    <link rel=”stylesheet” href=”stylesheets_folder/menu.css”>

    <script>

    کدهايي مانند javascript را در اين تگ کنترل ميکنيم که در بخش جاوا اسکريپت توضيح خواهم داد.

    <style>

    تگ مشخصه Style sheet ميباشد که در بخش مربوطه توضيح داده شده است.
     
    آخرین ویرایش: ‏19 نوامبر 2005
    نوشته شده توسط bache + در ‏19 نوامبر 2005
  6. justin

    justin Member

    ارسال‌ها:
    131
    تشکر شده:
    8
    امتیاز دستاورد:
    16
    این مقالاتو من قبلاً یه جایی خونده بودم..فکر کنم تو مقالات همین مجید آنلاین بود ...آقا تو بیکاری برو کلوچه ای بزن چرا میای تاپیک بیخود میزنی آخه:d

    اینم لینک مقالاتی که ورداشتی کپی کردی آوردی اینجا paste کردی :

    http://www.majidonline.com/page.php?page=content&op=cntshow&code=50

    http://www.majidonline.com/page.php?page=content&op=cntshow&code=60

    http://www.majidonline.com/page.php?page=content&op=cntshow&code=66

    آقا الان متوجه شدم که خیلی بی کاری...

    (این پستو واسه این زدم که دیگه نیای تو پستهای من سرک بکشی دعوا راه بندازی....)
     
    آخرین ویرایش: ‏20 نوامبر 2005
    نوشته شده توسط justin در ‏20 نوامبر 2005
  7. bache +

    bache + Active Member

    ارسال‌ها:
    1,615
    تشکر شده:
    76
    امتیاز دستاورد:
    36
    علي جان لطف كن اين چرتو پرتهاي اين مرتيكه ... رو پاك كن تا نزدم اينجا لهش نكردم
    اخه افغاني اين لينكهايي كه تو دادي كجاش شبيه من استغفرالله حالا بيا كار خير كن شيطونه ميگه خواهشن علي جان اين پستهاي بيخود(همين اين هم)پاك كن مرسي قسمت بعدو بزودي ميزارم
     
    نوشته شده توسط bache + در ‏20 نوامبر 2005
  8. d@nial

    d@nial Active Member

    ارسال‌ها:
    4,305
    تشکر شده:
    109
    امتیاز دستاورد:
    36
    توهین به کاربران سایت ممنوع!
     
    نوشته شده توسط d@nial در ‏20 نوامبر 2005
  9. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    همین نزاشتن محدودیت سنی (بیشتر سن عقلی) هست که این مشکلات رو به وجود میاره دیگه !

    شما دوتا برای چی توی حوزه استحفاظی من به هم توهین کردید ؟ :D

    ~ Justin به فرض که ایشون مقالات را از جایی کپی کرده باشه با نام خودش شما نباید اینطوری صحبت میکردی.
    ~ bache + شما هم باید به همون گزارش کردن و پیغام خصوصی اکتفا میکردی و خودت دست به کار جواب دادن و .. نمیشدی که به دیگارن توهین کنی !

    حق ندارید دعواهای بین خودتونو به محیط انجمنها بکشید.

    من به مدیر کل گزارش میدم تا با هردوتون برخورد کنه !

    تاپیک هم تا اطلاع ثانوی قفل میشه.
     
    نوشته شده توسط Ali_ix در ‏20 نوامبر 2005
وضعیت موضوع:
موضوع بسته شده است.

به اشتراک بگذارید