دست چین ها

دست چین ها

دست چین ها

آموزش جامع و کامل HTML از پایه تا پیشرفته
مدیریت دست چین ها حضور شما را در این سایت خیرمقدم عرض میکند.
لطفا در صورت تمایل جهت حمایت از سایت کلیک کنید.
  • مطالب اخیر سایت
  • مطالب محبوب
  • آموزش جامع و کامل HTML از پایه تا پیشرفته

     

    به طور کلی html سنگ بنای هر سایتی است html یک زبان شیء گرا می باشد به طوری که شما می توانید با استفاده از این زبان به میزان دلخواه در سایت خود اشیاء تولید کنید همانند دکمه های رادیویی , چک باکس ها,کادر جستجو و یا همانند قسمت به دنبال ما درصفحه ی اول همین سایت, کار با html بسیار ساده می باشد و نیاز به هیچ پیش نیازی ندارد بلکه این زبان پیش نیاز تمامی زبان های دیگر می باشد.

    برای دیدن بقیه مطلب لطفا بر روی ادامه مطلب کلیک کنید.

     

    آموزش html

     

    مقدمه

    با عرض سلام خدمت تمامی ایرانیان عزیز داخل و خارج کشور هدف از طراحی این سایت آموزش طراحی وب سایت و بالا بردن فرهنگ این هنر زیبا می باشد که این تیم سعی کرده با آموزشی بسیار ساده و شیوا بصورت کامل منظور را به مخاطبش برساند در فضای اینترنت شما می توانید تمامی زبان های برنامه نویسی را آموزش ببینید ولی یکی از اساسی ترین مشکلات یادگیری در اینترنت نبود منبعی کامل می باشد که باعث گیج و گنگ شدن مخاطب می شود به طوری که هر چند قسمت را باید در سایت های مختلف و با آموزش های مختلف پیدا کرده و در کنار هم گذارده تا بتواند آن را درک کند و از آن استفاده کند که متاسفانه انرژی و انگیزه را از مخاطب گرفته و وقت او را تلف می کند اولویت ما قبل از تاسیس این سایت بر این بود که کوچکترین مسائل را هم توضیح داده و از توضیحات کلی پرهیز کنیم و نکته به نکته همانند یک استاد خصوصی به شما آموزش دهیم تا مبتدی ترین افراد هم بتوانند بطور کل مسائل مطرح شده را درک و به یک منبع کامل دسترسی داشته باشند ودر صورت داشتن سوال یا مشکلی از طریق ارتباط با ما مشکل خود را رفع کنند شما میتوانید چه در زمینه طراحی وب سایت و چه در زمینه ی آموزش از ما کمک بگیرید که این افتخار بزرگی برای این تیم می باشد

    امیدوارم که از مطالب مطرح شده به نحو عالی استفاده کنید و روزی تک تک شما هموطنان به برنامه نویسان قدرتمندی تبدیل شوید و تلاش ما این است که بتوانیم شما را در این راه همراهی کنیم با ما آسوده باشید

     


    HTML چیست

     

    به طور کلی html سنگ بنای هر سایتی است html یک زبان شیء گرا می باشد به طوری که شما می توانید با استفاده از این زبان به میزان دلخواه در سایت خود اشیاء تولید کنید همانند دکمه های رادیویی , چک باکس ها,کادر جستجو و یا همانند قسمت به دنبال ما در صفحه ی اول همین سایت, کار با html بسیار ساده می باشد و نیاز به هیچ پیش نیازی ندارد بلکه این زبان پیش نیاز تمامی زبان های دیگر می باشد,این زبان برای خلق اشیاء صفحه از یک سری تگ با همان(بر چسب ) استفاده می کند و بدین وسیله مرورگر وب می تواند تمامی عناصر صفحه را در صورت درستی کد نویسی شناسایی کند و به کاربر نمایش دهد

    برای شروع بکار با html  لزوما نیاز به هیچ نرم افزاری ندارید و می توانید از notepad در ویندوزتان استفاده کنید برای شروع به یادگیری html می توانید نحوه آماده سازی یک سند html را در قسمت پایین مشاهده کنید

     

     


     

     

    قبل از هر چیز آن چه که قبل از یادگیری لازم است بدانید به شرح زیر می باشد:

    برای شروع به کار با HTML باید کارهایی را انجام دهید:

    1.برای کار با HTML ما به یک ویرایشگر متن(notepad یا همان New Text Document)  نیاز داریم تا کدهایمان را در آن بنویسیم در تمامی ویندوز ها ویرایشگر متن موجود می باشد که شما می توانید از طریق کلیک راست موس بر روی دسکتاپ و رفتن به قسمت new و انتخاب یک text document به آن دسترسی پیدا کنید البته می توان با نوشتن کلمه ی notepad در قسمت run نیز به آن دسترسی پیدا کرد.

    2.شما به یک مرورگر وب برای کارتان نیاز دارید که از مهمترین آن ها میتوان به google chrome,internet explorer,opera اشاره کرد اما پیشنهاد ما به شما مرورگر chrome می باشد تمامی این مرورگرها در اینترنت به صورت رایگان موجود است همانطور که مرورگر internet explorer در تمامی ویندوزها بصورت رایگان موجود میباشد بهتر است کدهایی را که مینویسید با چند مرورگر تست کنید زیرا در HTML قسمت هایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.

    3.شما برای کار با HTML نیاز نیست که به اینترنت متصل باشید البته که می توان فایل های نوشته شده توسط خودتان را در سرورها قرار دهید شما می توانید با یک مرورگر وب کدهای خود را مشاهده کنید و با notepad هم کدهای جدیدی بنویسید و از ساختن سایت خود لذت ببرید برای شروع کار شما یک notepad بر روی دسکتاپ خود بسازید البته هر جای دیگر هم می توانید بسازید notepad خود را باز کرده و در نوار بالا بر روی فایل کلیک کنید و گزینه save as را بفشارید و طبق مثالمان دسکتاپ را انتخاب کنید,هر اسمی که دوست دارید برای فایلتان انتخاب کنید و در آخر اسم باید وارد کنید html. یا htm. به مثال mohammad.html یا mohammad.htm که به این معنی است که نوت پد ساخته شده برای استفاده از دستورات HTML است.در صورت موجود بودن گزینه ای به نام encoding آن را بر روی utf-8 قرار دهید با این کار شما می توانید فارسی بنویسید ولی در صورت انتخاب نکردن utf-8 جملات فارسی شما در مرورگر به درستی نمایش داده نمی شود و لازم به ذکر است تمام زبان های دنیا به خوبی با utf-8 کار میکنندو در آخر هم بر روی گزینه ی save کلیک کنید و پس از این می بینید که یک آیکون مرورگر بر روی صفحه ی دسکتاپ شما قرار گرفته است که این به این معناست که فایل نوت پد شما به آن مرورگر متصل شده است(توجه کنید که برای آسانی کارتان در همان جایی که نوت پد خود را ساختید مثل دسکتاپ در همان جا save کنید همانند مراحل شماره 3)در حال حاظر نوت پد شما باز می باشد و هر کدی که داخلش بنویسید را می توانید درون مرورگر خود مشاهده کنید پس کد مورد نظر خود را نوشته و از نوار بالا بر روی گزینه file کلیک کرده و بر روی save کلیک کنید و وارد مرورگر خود شده و یک refresh کنید تا تغییرات را مشاهده کنید

    نکته:در صورتی که نوت پد بسته شود به این معناست که ارتباط میان نوت پد و مرورگر قطع شده در این موقعیت شما باید نوت پد خود را باز کرده و از منوی بالا گزینه ی file و دکمه ی save as را بفشارید و در قسمت نام فایل,اسم مرورگر خود را(منظور اسمی که خودتان برایش انتخاب کردید همانند اسم mohammad در شماره 3 که توضیح داده شده) با پسوند html وارد کنید و دکمه ی save را زده تا دوباره این دو صفحه به یکدیگر وصل شوند.

    تاریخ: 1393/دی/20
    نویسنده: مرتضی
    بازدید: 267

    هیچ نظری برای این مطلب وجود ندارد

    شما اولین نفر باشید

    ارسال نظر جدید





    برای افزایش امنیت لطفا کدی را که در تصویر زیر می بینید در کادر وارد کنید :
    CAPTCHA Image   Reload Image
    Enter Code*:


    گزارش مطلب

    در صورت بروز مشکلات زیر از این بخش اقدام کنید :

    - خرابی لینک دانلود
    - خرابی لینک تصاویر و عدم نمایش آنها
    - مشکلات املایی و نگارشی
    - عنوان و موضوع غیر مرتبط و مسائل دیگر

    توضیحات مربوط (الزامی) :

    برای افزایش امنیت لطفا کدی را که در تصویر زیر می بینید در کادر وارد کنید :
    CAPTCHA Image   Reload Image
    Enter Code*: