آموزش طراحی سایت
چهارشنبه 17 مهر 1392 9:18 AM
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>
نرم افزار های بسیاری جهت طراحی سایت وجود دارد که من نام چند تا رو براتون می زارم
rapid css
dreamweaver
FrontPage
Sharepoint
از لحاظ کاربری به نظر بنده نرم افزار rapid css کاربردی تر و محیط بهتری دارد
برای شروع با کار ابتدا به منوی
file
new
html page را انتخاب نمایید
پس از کلیک بر روی گزینه html page صفحه پایین رویت می شود
زبان HTML شامل مجموعه ای از تگ ها و المنت ها است. در واقع همین تگ ها هستند که به Internet Browser می فهمانند که چیزی را باید نمایش دهد. پس برای یادگیری HTML باید المنت های مختلفی را یاد بگیریم. هر المنت عمومی شامل تگ شروع و پایان و محتوای المنت می باشد. در واقع تگ ها برچسب هایی هستند که برنامه نویس برای نشانه گذاری شروع و پایان المنت ها از آن استفاده می کند. فرمت تگ به این گونه است که شامل علامت کوچکتر « > » برای شروع و علامت « < » برای پایان هستند.
به طور کلی دو نوع تگ داریم : تگ باز مثل <HTML > و تگ بسته مثل < HTML/> . تفاوت اصلی تگ های شروع و پایان در این است که تگ پایان در ابتدای نام خود حاوی کاراکتر « / » می باشد.
در ادامه به شرح و بررسی چند المنت ساده در زبان HTML می پردازیم:
المنت b برای bold کردن کلمات و جملات استفاده می شود. بدین صورت که هر متنی که درون تگ باز <b> و تگ بسته <b/> قرار گیرد درBrowser به صورت Bold نمایش داده می شود. ( المنت b مخفف کلمه یbold می باشد.)
<b> This is a bold text </b>
نمونه کد کامل
<html>
<b> This text is bold </b>
</body>
این مثال در Browser به صورت زیر نمایش داده می شود:
This is a bold text
باری رویت صفحه می توانید به شکل زیر عمل نمایید
اولین تگی که باید در صفحات خود از آن استفاده کنید تگ html است که باید آنرا در ابتدای فایل HTML خود قرار دهید و تگ پایانی آن را هم باید در پایان صفحه درج کنید:
<html></html>
صفحات HTML به دو قسمت head و body تقسیم می شوند. از قسمت head معمولا برای درج عنوان صفحات و سایر اطلاعات اضافی مربوط به صفحه استفاده می شود. از قسمت body هم برای درج متون و تصاویر و به طور کلی هر آنچه را که صفحه باید نمایش دهد استفاده می کنیم. به منظور ایجاد بخش head از تگ head استفاده می کنیم که آنرا بعد از تگ <html> قرار می دهیم و برای مشخص کردن ناحیه انتهایی قسمت head از تگ پایانی <head/> استفاده میکنیم.
<html>
<head></head>
</html>
تگ body را دقیقا بعد از تگ پایانی <head/> درج می کنیم و تگ پایانی آنرا هم در آخر صفحه قبل از تگ <html/> قرار می دهیم.
<html>
<head></head>
<body></body>
</html>
ادامه آموزش
