|
|Next
مقدمه
HTML مخفف Hyper text mark up language ( زبان کد گذاری ابر متن ) می باشد
.
HTML در واقع زبان ساخت صفحات وب می باشد . این صفحات می تواند حاوی متنهای
آرایش شده ، Link ، تصاویر ، جدول ، Plug – in و ... باشند . استقبال زیاد
از این زبان و همچنین کمبود کتابهایی که در این زمینه وجود دارند ما را بر
آن داشت تا بدون پرداختن به جزئیات بسیار ریز و غیر ضروری ، منبعی ساده و
در عین حال کلی ارائه دهیم که مطالعه آن برای خوانندگان خالی از لطف نخواهد
بود .
جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad
که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید
نیست .
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با اینترنت
داشته باشند .
ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :
- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
درس
1 - ایجاد اولین سند HTML
بعد از خواندن این درس توانائیهای زیر را در ساخت صفحات وب بدست می
آورید:
1- آشنایی و درک تگهای HTML
2- باز کردن محیط کاری متناسب برای ایجاد یک سند HTML
3- استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن مطالبی به عنوان توصیه بطوریکه در صفحه نشان داده نشود
5- باز کردن سند در Browser برای نمایش آن تحت وب
1- تگ های HTML
وقتی یک مرورگر وب صفحه ای مانند صفحه فوق که شما مطالعه می کنید را نشان
می دهد، صفحه از یک فایل متنی خوانده میشود.
کدهای ویژه اي بکار برده شده اند که با علامات <> نشانه گذاری شده اند.
قالب عمومی تگ های HTML بصورت فوق می باشد :
< نام تگ / >رشته کاراکتری < نام تگ >
(البته بعضی تگها بصورت فرد عمل می کنند )
مانند:
این تگ بیان می کند که مرورگر وب متنی را بصورت زیر نمایش می دهد :
What are HTML tags
- بعدا در مورد تگهای < Hn > توضیح بیشتری خواهیم داد.
تذکر :
مرورگر وب نسبت به استفاده از حروف بزرگ یا کوچک حساسیت ندارد.بر خلاف
برنامه های کامپیوتر ، اگر شما ایرادی در HTML داشته باشید ، کامپیوتر شما
دچار هنگ نمی شود و ایراد بسادگی با رفتن در داخل سند HTML بر طرف میشود.
مرورگر شما ، دارای یک سند لغات کوچک می باشد . یکی از جنبه های جذاب HTML
، این است که اگر Browser شما نداند که تگی که در آن نوشته شده چیست ، آن
را نادیده می گیرد. برای مثال :
مثلا تگ < H3 > < /H3 > مورد حمایت مرورگر قرار می گیرند . ولی با
مرورگرهای فعلی < wiggle /> و < wiggle > حمایت نمی شوند . اگر ما برنامه
نویس یک مرورگر وب بودیم عملکردی برای تگ < wiggle > در نظر می گرفتیم .
2- باز کردن محیط کاری
برای کامل کردن این بحث ، از ابتدا بهتر است که یک پنجره جدید ایجاد کنید.
برای اینکه به شما اجازه می دهد که ضمن نگهداری پنجره فعلی ، پنجره ای جدید
برای کار خودداشته باشید. شما خیلی راحت می توانید بین پنجره ها و اطلاعات
مختلف گردش داشته باشید . مراحل ایجاد محیط کاری را در اینجا بیان می کنیم
:
1- از منوی File مرورگر خود ، گزینه New Window را انتخاب کنید . پنجره دوم
ظاهر می شود . اولین پنجره کتاب شماست و پنجره دوم محیط کاری برای تکمیل
دروس HTML
2- فایل متنی خود را باز کنید
3- ایجاد سند HTMl
یک سند HTML شامل دو قسمت می باشد ( قسمت های تیتر و بدنه )
- قسمت تیتر ، شامل اطلاعاتی در مورد سندی که نشان داده می شود است .
- بدنه ، شامل کلیه مواردی می باشد که در یک صفحه وب نشان داده می شود .
|Next |
