يکي از ساده ترين راه هاي طراحي صفحات وب استفاده از نرم افزارهایي از قبيل FRONT PAGE – Draemweaver و . . .چون استفاده از اين نرم افزارها نيازي به دانستن زبان هاي برنامه نويسي مثل HTML و خانواده آن مانند: ASP , Perl , PHP و ... ندارند. ولي براي يک طراحي بهتر و تصحيح کدهايي که اين نوع برنامه ها مي سازند لازم است که مقداري با HTML ( و تا حدي XML و XHTML ) آشنا باشيد. براي اينکه بفهميد يک تابع HTML از چه قسمت هايي تشکيل شده مسير زير را در IE دنبال کنيد:
View> Source
با اين کار يک ويرايشگر متن ( پيش فرض ويندوز Notepad ) باز مي شود. که مي توانيد نگاهي به آن بکنيد. براي اينکه کمي هم با XHTML ( که تلفيقي از HTML و XML است ) آشنا بشويد و در آينده مشکلي با آن نداشته باشيد به چند نکته زير توجه کنيد:
1- همه تابع را با حروف کوچک ( يا همه را با حروف بزرگ ) بنويسيد.
2- بخش هاي پاياني الزامي هستند.
3- مقادير صفات را داخل گيومه قرار بدهيد.
قواعد پايه:
مواد تشکيل دهنده:
1- عضوها
2- تگ هاTags
3- صفات Attributes
هر عضو يک کلمه يا سر واژه است که ساختار محتواي صفحه را مشخص مي کند. مثل p براي پاراگراف و b براي توپر ( bold ).هر عضو براي جدا شدن داخل علامت هاي زاويه اي (<> ) قرار مي گيرد که در اين صورت به آن يک برچسب ( تگ- tag ) مي گويند. بيشتر تگ ها داراي بخش پاياني هستند که براي متمايز شدن از تگ آغازي يک اسلش (/ ) قبل از اسم عضو مي آيد. مثل:<title> This is my site.</title>
براي بعضي از تگ ها براي تعريف بهتر و بيشتر از صفت ( يک ويژگي اضافي که يک عضو را دقيق تر تعريف مي کند ) استفاده مي کنيم. صفت براي تعريف خصوصياتي مثل رنگ و اندازه يک مقدار مي گيرد. براي بعضي از تگ ها بيشتر از يک صفت وجود دارد که ترتيب آن ها به عهده خودتان است. مثلا˝در تگ <img> در مثال زير صقت ها شامل src,altو align هستند:
<img src=”my photo.jpg alt=”my birthday” align=”left”>
I)ساختار صفخه: هر پرونده ( فايل ) HTML حداقل از چهار عضو ويژه و اصلي تشکيل شده است که عبارتند از html,head,title وbody .
*عضو html به برنامه مرورگر اعلام مي کند که اين پرونده از نوع html است.
*عضو head حاوي اطلاعاتي درباره صفحه است.
*عضو title نشان دهنده عنواني است که در بالاي پنجره مرورگر ديده مي شود و بهتر است که براي بيشتر صفحات ( همه شون باشه چه بهتر ) يکي باشد.
*عضو body شامل هر آن چه که در صفحه است مي باشد و باقي عضوها بين برچسب هاي (tags ) آغازين و پاياني body مي آيند.
مثال1:
<html>
<head>
<title>Title is here</tilte>
</head>
<body>This is example.</body>
</html>
رعايت ترتيب برچسب ها مهم است. همين طور گذاشتن آن ها در جاي درست، تا مرورگر توانايي تشخيص اينکه کجا آغاز و کجا تمام مي شوند را داشته باشد. به ادامه در مقاله بعدي توجه کنيد .
