آموزش طراحی وب سایت | قسمت دوم

0
113
27 تیر 1399
0
113
27 تیر 1399

همان طور که در مقاله «آموزش رایگان طراحی وب سایت | قسمت اول» ذکر شد، امروزه یکی از بهترین راهکارها برای کسب درآمد، (یادگیری) طراحی وبسایت است.

از این رو ما در ترشیز وب قصد داریم با هدف کمک به اشتغالزایی برای جوانان، طراحی وبسایت را به صورت کاملا رایگان آموزش دهیم؛ با قسمت دوم سوم آموزش همراه ما باشید . . . .

آموزش اچ تی ام ال (HTML)

اچ تی ام ال زبان پایه طراحی سایت، است. در واقع تمام طراحان وب برای موفقیت در کار خود بهتر است حداقل این زبان را یاد بگیرند.

کلمه HTML مخفف عبارت Hyper Text Murkup Language و به معنای «زبان نشانه گذاری فرامتنی» می باشد.

نکته ای که باید به آن توجه داشت این است که اچ تی ام ال یک زبان برنامه نویسی نیست، بلکه یک زبان نشانه گذاری است. به دستورات اچ تی ام ال اصطلاحا «تگ» گفته می شود (البته در سری آموزش های طراحی وب ترشیز وب برای رعایت اصل پاس داشتن زبان پارسی، به جای کلمه تگ، از کلمه دستور استفاده خواهد شد).

دستورات اچ تی ام ال با <tagname> شروع شده و با </tagname> خاتمه می یابند. که به جای «tagname»، نام دستور قرار می گیرد

سختار کلی یک سند (صفحه) اچ تی ام ال به صورت زیر است؛ دستورات استفاده شده در این ساختار ر ان شاءالله در ادامه توضیح خواهیم داد:

  • دستور <html></html>: این دستور مشخص می کند که ما در حال طراحی یک صفحه وب (-ِاچ تی ام ال) هستیم.
  • دستور <head></head> دستوراتی که بین این دستور قرار می گیرند، توسط مرورگر و موتور های جست و جو خوانده می شوند و غالبا برای کاربر غیر قابل فهم و مشاهده هستند.
  • دستور <title></title> همان طور که مشخص است برای تعیین عنوان صفحه وب به کار می رود.
  • دستور <body></body> دستوراتی که محتوای صفحه را مشخص می کنند بین این دستور قرار می گیرند.

طراحی اولین صفحه وب:

برای طراحی صفحات اچ تی ام ال، نیاز به نرم افزار خاصی ندارید و تمام دستورات را می توانید در نرم افزار Notepad ویندوز هم وارد کنید.

پس نوت پد را اجرا و دستورات فوق را در آن وارد کنید:

آموزش طراحی وب سایت | ترشیز وب

آموزش طراحی وب سایت | آموزش رایگان اچ تی ام ال | آموزش html | ترشیز وب

حال پس از تعیین محل و نام فایل، آن را جزئیات را مطابق تصویر زیر تنظیم و سپس ذخیره کنید. دقت کنید اینکدینگ فایل (مشخص شده با پیکان قرمزرنگ) حتما روی utf-8 تنظیم شود. چراکه در آینده که ان شاءالله قرار است محتوای صفحه را وارد کنید، بخش قابل توجهی از محتوا را متون فارسی تشکیل می دهد و اگر utf-8 انتخاب و تنظیم نشود، متون فارسی به درستی نمایش داده نخواهدشد.

آموزش طراحی وب سایت | آموزش رایگان اچ تی ام ال | آموزش html | ترشیز وب

منتظر قسمت های بعدی آموزش باشید . . .

اشتراک گزاری:

ترشیز وب

دیدگاه ها (0)

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*
*

نماد های اعتماد

ترشیز وب به استناد نماد های زیر، دارای مجوز رسمی از کلیه مراجع مربوطه در جمهوری اسلامی ایران می باشد!

گردونه را بچرخانید تا هدیه بگیرید

  • با وارد کردن رایانامه (ایمیل) خودتان از ترشیز وب هدیه بگیرید
  • تعداد مجاز چرخش به ازای هر رایانامه معتبر: 1 بار
  • ضد تقلب
چرخش گردونه و دریافت هدیه
هرگز
بعدا یادآوری کن
نه ممنون