بازدید: ۴٠٧

ایجاد صفحات وب (آموزش HTML & CSS)

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

 

1- برنامه نت پد(NotePad) را باز کنید. برای این منظور کافی است برروی دکمه Start ویندوز کلیک کرده، سپس از منوی Programs گزینه Accessories و بعد Notepad را انتخاب کنید.

 

صفحه نت پد خالی

 

2- در پنجره نت پد، عبارت زیر را تایپ کنید.

 

تایپ اچ تی ام ای

 

عبارت < html> را تگ می نامند. این دستور خاص باعث می شود تا مرورگر وب بفهمد که آنچه بعد از این تگ می آید یک صفحه وب است و با استفاده از HTML نوشته شده است.

3- از منوی File، گزینه Save را انتخاب کنید.

 

ذخیره فایل html

 

4- هنگامی که پنجره Save As باز می شود پوشه My Document را از فهرست کرکره ای Save in  انتخاب کنید. سپس بر روی آیکون New Folder کلیک کنید.

 

new folder

 

5- حال نام پوشه جدید را HTML Files نامگذاری کنید. حال بر روی آن دبل کلیک کنید تا در کادر Save in ظاهر شود.

 

پوشه جدید در اچ تی ام ای

 

6- در درون پوشه جدید HTML Files، پوشه جدیدی به نام Dogs ایجاد کنید. بر روی آن دبل کلیک کنید تا در کادر Save in ظاهر شود.

 

پوشه جدید dogs

 

نحوه ایجاد یک صفحه خانگی

 

1- در کادر File Name، عبارت index.html را تایپ کنید.

2- در لیست کرکره ای Save as type، بر روی All Files کلیک کنید.

 

صفحه خانگی

 

3- بر روی دکمه Save کلیک کنید. 

هر زمان که یک وب سایت ایجاد می کنید، نام index.html را به آن بدهید. هر زمان که آدرس یک وب سایت درمرورگر وب خود تایپ می کنید، index.html بطور خودکار بالا می آید. بعنوان مثال هر زمان که آدرس www.khoshkhabar.net را در مرورگر خود تایپ می کنید، صفحه خانگی و یا ابتدایی آن بطور خودکار نمایش داده می شود که بعلت وجود فایلی به نام index.html است.

4- در زیر تگ tag-html1، خطوط زیر را تایپ کنید:

 

تگ html

 

نکته: قسمت tag-head1 حاوی اطلاعاتی است که در زمان نمایش آن در یک مرورگر، بر روی صفحه شما نمایش داده نمی شوند. 

به تگ پایانی head2-tagدقت کنید. در HTML، برخی از دستورات را بعد از باز کردن آنها باید ببندید. 

متن A Home page about Dogs، تگ محسوب نمی شود. این متنی است که با تگهایی محصور شده است. تگ های tag-title1و tag-2title عنوان صفحه را برای مرورگر مشخص می کنند. 

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

تیتر صفحه در قسمت بالا و نوار عنوان مرورگر نمایش داده می شود. بعنوان مثال، تیتر صفحه زیر، Dogs است:

 

تیتر صفحه

 

5- در زیر تگ  head2-tag باید تگهای   body tag1و tag-body2    قرار گیرند.

6- در زیر تگ tag-body2  باید تگ tag-html2را ببندید. بعد از اتمام کار دستورات شما باید شبیه به شکل زیر به نظربرسند:

 

html tag

 

7- حال بین تگ های body tag1 و  tag-body2 ، عبارت Dogs Home Page را تایپ کنید.

 

فایل html

 

8- فایل index.html را ذخیره کنید.

 

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

طراحی سایت و سئو توسط ضابط