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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 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 | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    238
    میزان امتیاز
    27

    پیش فرض

    Like دستت طلا

  2. Top | #3

    پیش فرض

    همیشه این برای من سوال بود ، مثلا توی DOCTYPE که برای Transitional نوشته میشه از همچین قسمتی استفاده میشه :

    کد:
    "-//W3C//DTD XHTML 1.0 Transitional//EN"
    ما وقتی داریم از زبان فارسی استفاده میکنیم اون EN باید بشه FA ؟

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

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

    پیش فرض

    نقل قول نوشته اصلی توسط m.yMJJ نمایش پست ها
    همیشه این برای من سوال بود ، مثلا توی DOCTYPE که برای Transitional نوشته میشه از همچین قسمتی استفاده میشه :

    کد:
    "-//W3C//DTD XHTML 1.0 Transitional//EN"
    ما وقتی داریم از زبان فارسی استفاده میکنیم اون EN باید بشه FA ؟
    نه! شما کد هاتون رو به زبان EN مینویسید نه Persian !
    استاندارد هست دیگه

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

    ورژن ویبولتین
    4.2
    نوشته ها
    824
    میزان امتیاز
    92

    پیش فرض

    مثال تشریح شده

    اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
    متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
    متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
    متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

    یه سوال داشتم

    این برنامه Dreamweaver اشتباهات xhtml رو هم اصلاح میکنه ؟

    یا نشون میده که اشتباه نوتیم یا فقط برای html هستش ؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    3,054
    میزان امتیاز
    363

    پیش فرض

    نقل قول نوشته اصلی توسط TVDL نمایش پست ها
    مثال تشریح شده

    اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
    متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
    متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
    متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

    یه سوال داشتم

    این برنامه Dreamweaver اشتباهات xhtml رو هم اصلاح میکنه ؟

    یا نشون میده که اشتباه نوتیم یا فقط برای html هستش ؟
    اون خطی که اشتباه داره قرمز میشه

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


  6. Top | #7
    مدیر ارشد

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

    پیش فرض

    نقل قول نوشته اصلی توسط TVDL نمایش پست ها
    مثال تشریح شده

    اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
    متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
    متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
    متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

    یه سوال داشتم

    این برنامه Dreamweaver اشتباهات xhtml رو هم اصلاح میکنه ؟

    یا نشون میده که اشتباه نوتیم یا فقط برای html هستش ؟
    اين برنامه درواقع كمكتون ميكنه كه كدتون رو سريعتر و استاندارد بنويسيد.
    همچنين همونطور كه عليرضا عزيز گفت اگر جايي رو اشتباه بنويسيد ارور ميده

    5 تشکر توسط:


  7. Top | #8
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    شما تو دریم ویور هر چی بنویسی خودش اونو درست میکنه
    این خیلی بده
    ادم یادنمیگیره

    یعنی شما بدون اینکه هیچ تگی باز کنی مثلا بنویس test بعد همونو سیو کن به html بعد تو مرورگر همونو نشون میده

    یا اگه مثلا این که اشتباه هست بنویسی

    <body>
    test
    </body>

    همونه
    اصلا نمیشه فهمید

    بعد میشه جلسه بعد امشب باشه ؟

  8. Top | #9
    مدیر ارشد

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

    پیش فرض

    نقل قول نوشته اصلی توسط RSPF نمایش پست ها
    شما تو دریم ویور هر چی بنویسی خودش اونو درست میکنه
    این خیلی بده
    ادم یادنمیگیره

    یعنی شما بدون اینکه هیچ تگی باز کنی مثلا بنویس test بعد همونو سیو کن به html بعد تو مرورگر همونو نشون میده

    یا اگه مثلا این که اشتباه هست بنویسی

    <body>
    test
    </body>

    همونه
    اصلا نمیشه فهمید

    بعد میشه جلسه بعد امشب باشه ؟
    جلوي ديد شما اين برنامه براتون صحيحشو مينويسه كه بفهميد كجاي كارتون اشتباه بوده!
    بعدش بحث ما كد نوشتن استاندارد هست مگرنه شما داخل نوت پد هم بنويسيد پسوندشو بزنيد .hml اجرا ميشه!

    انشاا... سعي ميكنم هر شب آموزش بدم

    4 تشکر توسط:


  9. Top | #10
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط Leberman نمایش پست ها
    جلوي ديد شما اين برنامه براتون صحيحشو مينويسه كه بفهميد كجاي كارتون اشتباه بوده!
    بعدش بحث ما كد نوشتن استاندارد هست مگرنه شما داخل نوت پد هم بنويسيد پسوندشو بزنيد .hml اجرا ميشه!

    انشاا... سعي ميكنم هر شب آموزش بدم
    بعد وقتی یه تگ باز میکنید وقتی میخواید ببنیدیدش خودش میبنده

    به هرحال ممنون عزیز

    اگه امشب باشه خیلی عالی میشه

صفحه 1 از 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)

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

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