آموزش 0 تا 100 html

جلسه اول آموزش 0 تا 100 html

تاریخ آخرین بروز رسانی : 1399/12/09

حجم فایل : 0

هزینه این آموزش در بهیم : رایگان

جلسه اول آموزش 0 تا 100 HTML

 

با سلام و عرض ادب خدمت شما دوست عزیز، امروز جلسه اول آموزش 0 تا 100 HTML رو باهم شروع میکنیم.

پیشنهاد محیط کدنویسی HTML

برای یادگیری HTML و کدنویسی آن می توانید از ادیتور های پیشرفته مانند Visual Studio Code که در پست محیط و نرم افزار های HTML بررسی کردیم  استفاده کنید. اما در ابتدای کار بهتر است از ادیتور های متنی ساده مانند notepad ویندوز استفاده کنید. دلیل این مسئله آن است که ادیتورهای پیشرفته به شما در کدنویسی کمک می کنند. و در ادامه کد ها را فراموش میکنید چون خودتون آنها را تایپ نکردین و البته این یک پیشنهاد است.

برای کد نویسی به شکل ساده در notepad ابتدا باید آن را باز کنید و سپس به صورت ساده عناصر زیر را در آن بنویسید:

html با نوت پد

ذخیره کد HTML:

حالا برای ذخیره سازی این فایل به شکل یک سند HTML باید به این شکل عمل کنید:

  • ابتدا از سمت بالا و چپ پنجره، گزینه ی File را انتخاب کنید.
  • سپس گزینه ی Save as را انتخاب کنید.
  • در پنجره ای که برایتان باز می شود نام فایل را index.html یا index.htm بگذارید.
  • و در آخر نیز Encoding را روی مقدار UTF-8 قرار دهید.

طراح سایت بهیم

چند نکته:

  • شما می توانید پسوند فایل را html یا htm بگذارید و باید بدانید این دو هیچ تفاوتی با هم ندارند. دلیل وجود htm این است که بعضی از سرور ها فایل هایی با پسوند چهار حرفی را قبول نمی کنند. بنابراین htm یک جایگزین برای html است و انتخاب پسوند با شما است.
  • دلیل اضافه کردن نام index به فایل HTML این است که وب سرور ها فایل هایی با نام index.html و index.htm و … را به عنوان صفحه ی پیش فرض حساب می کنند و آن را خودکار اجرا می کنند. بنابراین معمولا صفحات اصلی سایت ها را به شکل index نام گذاری می کنند تا وب سرور به صورت خودکار آن را برای کاربر اجرا کند.
  • قرار دادن encoding روی utf-8 به این دلیل است که ما ممکن است از زبان فارسی، شکلک ها و یا کاراکتر های غیر معمول نیز استفاده کنیم و اگر به عنوان utf-8 تنظیم نشده باشد تمام کاراکتر ها بهم خواهند ریخت.

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

طراحی سایت بهیم

 

اما  به این نکته توجه کنید که فقط برای تمرین از نوت پد استفاده کنید و استفاده از ادیتور های حرفه ای جزء واجبات کار است تا سرعت و دقت کار افزایش یابد.

 

مطالب پیشنهادی:

جلسه 0 آموزش HTML

ثبت دامنه اولین قدم طراحی سایت

لطفا از هاست رایگان استفاده نکنید

مطالب مشابه بخش آموزش