تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 14 از 14

مقاله: آموزش کامل HTML اختصاصی وی بی ایران - جلسه دوم

    1. آموزش کامل HTML اختصاصی وی بی ایران - جلسه دوم »

      آموزش کامل HTML اختصاصی وی بی ایران - جلسه دوم

      نگارش: , by (طراح استایل / مدیر ارشد)
      2013/03/27 10:26 PM
      امتیاز:  (2 رای ، میانگین : 5.00 )

      با سلام خدمت شما دوستان عزیز و همراه این آموزش

      با جلسه دوم آموزش HTML در خدمتتون هستیم امیدوارم که نرم افزار DreamWeaver رو دانلود کرده باشید و همراه با آموزشی که میدم بهتون شما هم اجراش کنید تا خوب یاد بگیرید.

      فعلا براتون میخوام مشخص کنم که HTML اصلا چیه چند نوع داره و...
      تفاوت HTML با XHTML

      خیلی از شما ها مطمئنا اگر سراغ اموزش های طراحی وب رفته باشید مطمئنا با کدی یا صفحه ای یا چیزی به نام XHTML برخوردید که پیش خودتون گفتید خب این چه فرقی با HTML داره ولش کن بگذریم بریم این همونه شاید این مدل اسپورتشه !

      نه HTML با XHTML باهم یکمی فرق دارن ولی به قول معروف XHTML همون اسپورت شدشه یعنی پیشرفته تراز HTMl هست همچنین استاندارد هاشونم یکمی فرق داره که خدمتتون عرض میکنم گه چی میکنن این 2 با هم

      HTML مخفف Hyper Text Markup Language هست در واقع زبان HTML دارای یه سری برچسب ها هست که موقعی که مرورگر اونها رو به اشکال مختلف بارگزاری میکنه و خروجیش هم میشه مثل همین سایت که میبینید.

      XHTML مخفف Extensible Markup Language هست البته X این زبان از XML گرفته شده حالا کاری نداریم در موردش توضیح میدم براتون.. این زبان یکمی سخت گیرانه تر از HTML هست ولی خوب در عوض انعطاف بیشتری داره و وبی که شما مینویسید خیلی مرتب تر هست تا اونی که با HTML نوشتید.دیگر خاصیت این زبان امکان استفاده از css در این زبان هست که باعث شده اینقدر پیشرف کنه این زبان

      در زبان XHTML شماباید حتما در کدنویسی قانون Body و Head و DOCTYPE و Html رو رعایت کنید اما در قانون HTML چنین چیزی وجود نداره.

      در ادامه میخوام چند نمونه تفاوت از این 2نوع کد نویسی بهتون نشون بدم که کاملا متوجه قضیه بشید.

      ببینید در زبان HTML ما میتونیم علامت " رو برداریم و نزاریمش هیچ اتفاقی هم نمیافته و کد ما به درستی اجرا میشه مثلا در کد زیر نگاه کنید:
      کد:
      <div id=header></div>
      علامت " وجود نداره و کد به درستی در زبان html کار میکنه ! اما در زبان XHTML نگاه کنید:


      کد:
      <div id="header"></div>
      از علامت " استفاده شده که اگر در این زبان این هارو رعایت نکنیم ما یک کدنویسی غیراستاندارد داریم.

      دیگر تفاوت این 2 زبان به بزرگی کوچکی حروف هست که در زبان HTML مشکلی نداره اگر رعایت نکنیم اما در XHTML حتما باید به بزرگی و کوچکی توجه داشته باشیم.

      یکی دیگر از تفاوت های این 2زبان این هست که شما در زبان HTML میتونید یک تگ رو نبندید ولی در زبان XHTML باید حتما تگ با علامت " / " بسته بشه! در مثال زیر توجه کنید:
      در زبان HTML:

      کد:
      <img src="logo.png" alt="logo" width="50" hight="50">
      در زبان XHTML:
      کد:
      <img src="logo.png" alt="logo" width="50" hight="50" />
      دیگر تفاوتشان این هست مثلا در زبان HTML شما میتونید در مقداری که نامش با نام شاخص یکی باشه رو حذف کنید و به کار نبرید اما در XHTML به این شکل نیست.

      کد:
      <hr hight="50" width="50" noshade>
      درزبان XHTML:
      کد:
       <hr hight="50" width="50" noshade="noshade" />

      فکر میکنم برای فهمیدن فرق بین HTML و XHTML اینهارو بدونید کافی باشه...



      چگونه پیکربندی کردن یک صفحه وب

      ببینید دوستان عزیز شما فرض کنید میخواید یک ساختمان بسازید اول از همه بعد ازانجام یه سری کار و... میرید سراغ پی ساختمون! حالا کاری به مقاومتش نداریم شما یه ماشین 50چرخ سیمان خالی کن توشکد نویسی هم همونجوره باید مثل ساختمان اول پایش رو بسازیم حالا پایش رو چطور بسازیم که مقاوم باشه رو بهتون میگم.

      شما با اولین چیزی که داخل یه کدنویسی HTML روبرو میشید این هست <html> </html> ... که با <html> شروع میشه کد و با <html/> تموم میشه.

      بعد از اون کد به DOCTYPE میرسید که در اینجا میخواید مشخص کنید که از چه نسخه و نگارشی از کد نویسی میخواید استفاده کنید.این DOCTYPE کلا به 3 دسته تقسیم میشه که عبارتند از:


      • Strict
      • Transitional
      • Frameset




      Strict: در زبان برنامه نویسی X-HTML هر از مدتی بعضی از عناصر و شاخص ها و مقدار ها حذف می شوند و ممکن است چیز های جدیدی جای آن ها را پر کند . در صورتی که شما از عناصر و شاخص ها و مقدار هایی که حذف شده اند در صفحه وبی که DOCTYPE آن " Strict " می باشد استفاده کنید صفحه شما یک صفحه وب غیر استاندارد به شمار می آید . همچنین در چنین صفحه های وبی که DOCTYPE آن ها Strict می باشد استفاده از فریم ها منع شده است .

      Transitional : در این نوع DOCTYPE شما می توانید از عناصر و شاخص ها و مقدار هایی که حذف شده ان نیز استفاده نمایید بدون این که صفحه وب شما از حالت استاندارد خارج شود . همچنین این DOCTYPE هم مانند Strict استفاده از فریم ها را منع کرده است .

      Frameset : این نوع DOCTYPE هم مانند Transitional به شما اجازه استفاده از عناصر و شاخص ها و مقدار های حذف شده را می دهد با این تفاوت که در این نوع DOCTYPE اجازه استفاده از فریم ها را دارید .


      خب بعد از اینها میخوام براتون DOCTYPE رو در زبان HTML بگم که در 3 نوع که بالا بهتون گفتم چگونه معرفی کنیم:

      برای Strict:
      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      برای Frameset:
      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
      برای Transitional:
      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      حالا برای XHTML به این صورت هست:


      برای Strict:

      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      برای Frameset:
      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">




      برای Transitional:
      کد:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      خب اینم از DOCTYPE در HTML !
      فعلا تا اینجا برای جلسه دوم کافی هست تا انشاا... در جلسه های بعدی بهتون عناصر رو تک تک معرفی کنم.
      تشکر فراموش نشه

      با تشکر

      نویسنده: Leberman
      پخش اختصاصی از وی بی ایران



      ویرایش توسط Leberman : 2013/04/03 در ساعت 11:59 AM
  1. Top | #11
    کاربر سایت

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    37

    پیش فرض

    مبارکه حاجی
    ارشد شدی
    تحویل بگیر

    ممنون از بابت آموزش های خوبت

    کاربر مقابل از PerSiaNOFFliNe بابت این پست مفید تشکر کرده است:





  2. گیفت کارت آیتونز

  3. Top | #12
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    327
    میزان امتیاز
    43

    پیش فرض

    ببخشید دو مورد :

    خب بعد از اینها میخوام براتون DOCTYPE رو در زبان XHTML بگم که در 3 نوع که بالا بهتون گفتم چگونه معرفی کنیم:
    فک کنم اینجا منظورتون HTML بوده چون در پایین تر XHTML رو نوشتید.


    در اول کد های برنامه Dram Weaver با Transitional آغاز شده بهتر نیس از Frameset استفاده کنیم که اجازه استفاده از فریم ها هم داشته باشیم؟؟؟؟

  4. Top | #13
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط Hossein1993 نمایش پست ها
    ببخشید دو مورد :


    فک کنم اینجا منظورتون HTML بوده چون در پایین تر XHTML رو نوشتید.


    در اول کد های برنامه Dram Weaver با Transitional آغاز شده بهتر نیس از Frameset استفاده کنیم که اجازه استفاده از فریم ها هم داشته باشیم؟؟؟؟
    ویرایش شد.

    گفتم که خودتون انتخاب میکنید و اگر میخواید فریم داشته باشید خب از Frameset میتونید استفاده کنید اما کلا استفاده از فریم در زبان های HTML توصیه نمیشه چون باعث ایجاد باگ میشه.

    کاربر مقابل از Leberman بابت این پست مفید تشکر کرده است:


  5. Top | #14
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    327
    میزان امتیاز
    43

    پیش فرض

    نقل قول نوشته اصلی توسط Leberman نمایش پست ها
    ویرایش شد.

    گفتم که خودتون انتخاب میکنید و اگر میخواید فریم داشته باشید خب از Frameset میتونید استفاده کنید اما کلا استفاده از فریم در زبان های HTML توصیه نمیشه چون باعث ایجاد باگ میشه.
    آها دقیقا همینو میخواستم بدونم که دیگه شما جواب دادید.

    ممنون بابت آموزش :گل:

    کاربر مقابل از Neghab_Dar بابت این پست مفید تشکر کرده است:


صفحه 2 از 2 نخستنخست 12

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. پاسخ: 2
    آخرين نوشته: 2013/05/06, 08:34 PM
  3. آموزش کامل HTML اختصاصی وی بی ایران - جلسه یک
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 17
    آخرين نوشته: 2013/03/28, 11:23 AM
  4. پاسخ: 0
    آخرين نوشته: 2012/10/14, 05:49 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/10/13, 10:39 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •