قالب html مقدماتی

طراحی قالب html

در فایل html ای که در درس قبلی ایجاد کرده ایم را به وسیله NotePad باز کرده و عنوانی که در تگ title نوشته شده است را حذف کنید، سپس بر روی دکمه Save As از منوی  File کلیک نمایید. در پنجره  Save As، نام صفحه وب را به template.txt تغییر دهید.

                            

جهت ذخیره تغییرات در یک فایل متنی بر روی Save کلیک کنید. مجددا به محیط ویرایشگر بازگشته  و از منوی File بر روی Save As کلیک کنید.

حال نام فایل را به newpage.html تغییر دهید و در قسمت Save As type، از لیست کشویی All File را انتخاب کنید.

                          

فایل را ذخیره کنید و به مسیر فایل در ویندوز بروید. اکنون باید 3 فایل موجود باشد:

                           

یکی از این فایل ها به نام فایل template یک فایل متنی است. از این به بعد شما می توانید فایل متنی را باز کرده و مراحل بالا را تکرار نمایید: بر روی Save As  از منوی File کلیک کنید، نوع فایل را در قسمت Save As type به All File تغییر دهید، سپس یک نام جدید برای صفحه وب سایت خود وارد نمایید.

مشکلی که وجود دارد اینست که اگر برروی فایل newpage.html دوبار کلیک کنید، فایل در یک مرورگر باز می شود. اما شما می خواهید که فایل را در NotePad باز کنید تا بتوانید برروی آن تغیرات انجام دهید. برای حل این مشکل شما می توانید آیتمی را به منوی Send to در ویندوز اضافه نمایید. (کامپیوترهای mac، یک گزینه open with در منوی کلیک راست دارند که ویرایشگر متنی در زیر آن قرار دارد). زمانی که بر روی فایل کلیک راست کنید، منوی زیر ظاهر می شود:

                        

در تصویر بالا، در منوی send to، گزینه notepad مشاهده می شود. انتخاب این گزینه به این معناست که ما میتوانیم به طور مستقیم و سریع کدها را در notepad باز نماییم.

برای اضافه کردن یک آیتم به منوی send to  به محیط کاوشگر ویندوز بازگشته و در نوار عنوان در بالای پنجره عبارت زیر را تایپ نمایید:

APPDATA%\Microsoft\Windows\SendT%

کلید Enter را فشار دهید تا به پوشه send to هدایت شوید.            

                                 

حال می توانید با کشیدن و رها کردن از منوی start به این پوشه، آنها را به منویSend to  اضافه نمایید.

پنجره کاوشگر ویندوز را در حالت کوچک قرار دهید. برروی دکمه start کلیک کنید از طریق منوی Allprogram>Accessories، برروی آیتم notepad بروید. دکمه سمت چپ ماوس را برروی notepad پائین نگه داشته و آنرا به محیط کاوشگر ویندوز بکشید و رها کنید.

                                 

با این کار برنامه notepad را در منوی Send to زمانیکه بر روی فایلی کلیک راست می کنید اضافه کرده اید.

حال می توانید سریعا کدهای html خود را در notepad باز کرده و تغییرات لازم را اعمال نمایید.

برای مرور این بخش، نکات مهم را یادآوری می کنیم:

- اکثر صفحات وب سایت بر روی اینترنت، طبق ساختار html نوشته شده اند.

- html، زبان نوشتن تگها است.

- تگها معمولا به صورت جفت نوشته می شوند.

- یک تگ، کلمه ای است که ما بین علامتهای کوچکتری و بزرگتری قرار گرفته است:

<HTML>   </HTML> ، <HEAD>   </HEAD> ، <TITLE>   </TITLE>

- یک جفت تگ شامل تگ آغاز و تگ پایان می باشد. در تگ پایان، یک "/" اضافه شده است.

- عبارت <!DOCTYPE HTML> را به ابتدای صفحه html اضافه کنید.