|
ایجاد اولین سند
بعد
از خواندن این درس توانائیهای زیر را در ساخت صفحات وب
بدست می آورید:
1- آشنایی و درک تگهای HTML
2- باز
کردن محیط کاری متناسب برای ایجاد یک سند HTML
3-
استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن
مطالبی به عنوان توصیه بطوریکه در صفحه نشان داده
نشود
5- باز کردن سند در Browser برای نمایش آن تحت وب
1- تگ های HTML
وقتی یک مرورگر وب
صفحه ای مانند صفحه فوق که شما مطالعه می کنید را نشان می
دهد، صفحه از یک فایل متنی خوانده میشود.
کدهای ویژه اي
بکار برده شده اند که با علامات <> نشانه گذاری شده
اند. قالب عمومی تگ های HTML بصورت فوق می باشد :
<
نام تگ / >رشته کاراکتری < نام تگ >
(البته
بعضی تگها بصورت فرد عمل می کنند
)
مانند:<H2>What are html tag</H2>
این تگ بیان می کند که
مرورگر وب متنی را بصورت زیر نمایش می دهد :
What are
HTML tags
- بعدا در مورد تگهای < Hn > توضیح
بیشتری خواهیم داد.
تذکر :
مرورگر وب
نسبت به استفاده از حروف بزرگ یا کوچک حساسیت ندارد.بر
خلاف برنامه های کامپیوتر ، اگر شما ایرادی در HTML داشته
باشید ، کامپیوتر شما دچار هنگ نمی شود و ایراد بسادگی با
رفتن در داخل سند HTML بر طرف میشود. مرورگر شما ، دارای
یک سند لغات کوچک می باشد . یکی از جنبه های جذاب HTML ،
این است که اگر Browser شما نداند که تگی که در آن نوشته
شده چیست ، آن را نادیده می گیرد. برای مثال :
<h3><wiggles>what are HTML tag?</h3></wiggles>
مثلا تگ < H3 >
< /H3 > مورد حمایت مرورگر قرار می گیرند . ولی با
مرورگرهای فعلی < wiggle /> و < wiggle >
حمایت نمی شوند . اگر ما برنامه نویس یک مرورگر وب بودیم
عملکردی برای تگ < wiggle > در نظر می گرفتیم
.
2- باز کردن محیط کاری
برای کامل
کردن این بحث ، از ابتدا بهتر است که یک پنجره جدید ایجاد
کنید. برای اینکه به شما اجازه می دهد که ضمن نگهداری
پنجره فعلی ، پنجره ای جدید برای کار خودداشته باشید. شما
خیلی راحت می توانید بین پنجره ها و اطلاعات مختلف گردش
داشته باشید . مراحل ایجاد محیط کاری را در اینجا بیان می
کنیم :
1- از منوی File مرورگر خود ، گزینه New Window
را انتخاب کنید . پنجره دوم ظاهر می شود . اولین پنجره
کتاب شماست و پنجره دوم محیط کاری برای تکمیل دروس HTML
2- فایل متنی خود را باز کنید
3- ایجاد سند HTMl
یک سند HTML شامل دو قسمت می باشد ( قسمت های تیتر و
بدنه )
- قسمت تیتر ، شامل اطلاعاتی در مورد سندی که
نشان داده می شود است .
- بدنه ، شامل کلیه مواردی می
باشد که در یک صفحه وب نشان داده می شود .
موقعیت تگ < title
> و < title /> داخل دو تگ < head > و <
head /> می باشد و این که در صفحه نشان داده نمی شود پس
کار آن چیست ؟
تگ < html > شناسه یگانه ای است
برای هر سند HTML و در قسمت Title bar بار مرورگر شما
نمایش داده می شود .
در درس 3 شما می آموزید که چگونه
رشته کاراکتر را برای Title اضافه کنید و در صفحه وب شما
ظاهر شود . ذکر این نکته ضروری است که دراین تگ توضیح اسم
نویسنده و تاریخ ایجاد سند HTML ذکر می شود و شما می
توانید هر نکته ای را درون این تگها نمایش دهید . ولی فقط
در سند HTML قابل رویت می باشد و در صفحه وب شما قابل
مشاهده نیست.
3- سند خود را به نام Lesson1.html ذخیره
کنید و آن را در فولدر خاص مورد نظر خود نگهداری کنید
تذکر
( برای استفاده کنندگان ویندوز 3.1 ) :
شما باید
سند HTML خود را با نام HTM .نام فایل ذخیره کنید .
بنابراین نام فایل شما در این مثال Lesson1.htm خواهد بود
. نگران نباشید مرورگر شما به اندازه کافی هوشمند می باشد
و می داند که آخر نام فایل شما HTM می باشد . HTM نیز یک
فایل HTML می باشد .
استفاده کنندگان ویندوز 95 به بالا
می توانند نام فایل را Lesson1.html قرار دهند . طبق مثال
فوق با استفاده از این اسم و پسوند مرورگر فایل شما را
مانند یک فایل HTML می خواند و آن را بصورت صفحه وب نشان
می دهد .
بر گشت به بالای صفحه
نمایش سند در یک صفحه وب
1- بر گردید به مرورگر وب که برای محیط کاری
از آن استفاده می کنید . از منوی File گزینه Open را
انتخاب کنید .
2- از کادر محاوره ای که باز می شود ،
سند مورد نظر ایجاد شده را باز کنید .
3- حال در Title
bar مرورگر خواهید دید Lesson 1
چک کردن
فایل
سند خود را با صفحه وبی که در پیش رو
داریدمقایسه کنید، بعد از نگاه کردن نمونه از دکمه Toolbar
back استفاده کنید تا مرورگر شما دوباره به این صفحه باز
گردد . اگر سند شما با سند نمونه تفاوت داشت دوباره مروری
بر مطالبی که وارد کردید داشته باشید . از اشتباهات معمولی
که وجود دارد عدم مشاهده Titlebar می باشد . متنی که بین
تگ های < title > و < title /> قرار داده شده
در Title بار نشان داده نمی شود . از اشتباهات معمول دیگر
برای کسانی است که از برنامه های پردازشگر لغات برای Type
HTML استفاده می کنند و نمیتوانند آن را در مرورگر باز
کنند .در این صورت صفحه آنها پر از کاراکترهای اضافی است
.
اگر شما به دنبال یک Editor ساده و ارزان هستید
پیشنهاد ما به شما Notepad می باشد
وارد کردن
پاراگراف جدید و شکستن خط
1- باز کردن محیط
کاری
2- رفتن به پنجره ویرایشگر متنی
3- باز کردن
سند (lesson1.html)
4- برای انتقال دادن جملات از موس
استفاده کنید .
شما در این قسمت سایت آموزش از راه دور
(Training the web) را دنبال خواهید کرد و در این درس می
آموزید که چگونه پاراگراف جدید ایجاد کنید یا فاصله ای
ایجاد کنید .
5- حال به سند html خود باز گردید و این
متن را در آنجا انتقال دهید .
6- تغییرات خود را دخیره
کنید .
7- به مرورگر خود باز گردید .
8- اگر سند
کاری شما باز نیست می توانید از منوی File ، گزینه Open
استفاده کنید . (طبق قبل)
9- پنجره جاری را برای دیدن
تغییرات Refresh کنید .
10- به سند ویرایشگر متنی باز
گردید .
11- دوباره تگهای زیر را به جملات اضافه کنید
.
< h2 / > آموزش از راه دور < h2 >
شما در این قسمت از سایت آموزش از راه دور را دنبال
خواهید کرد . < P > در این درس می آموزید که چگونه
یک پاراگراف جدید و فاصله ایجاد کنید .
12- تغییرات
خود را ذخیره کنید .
13- به مرور گر خود باز گردید و
Refresh کنید و نتایج تغییرات را مشاهده کنید.
بر گشت به بالای صفحه
صورتهای
دیگر شکستن پاراگراف
از روشهای دیگرایجاد
پاراگراف استفاده از خطوط افقی یا تگ hr می باشد .
شما
می توانید یک خط راست و مستقیم ایجاد کنید . قالب عمومی
html برای ایجاد خط تگ < hr > می باشد .
در آخر
تگ < Br > مجبور می شود که متن شکسته شود مانند <
p > بدون اینکه نیاز به وارد کردن خط خالی داشته باشید
. تگ < br > مانند تگ < p > متن را مجبور به
ظاهر شدن در خط جدید می کند . شما از این تگ در هنگام
نوشتن اشعار و غیره استفاده می کنید .
URL- چیست ؟
قدرت واقعی وب
در توانایی آن در ایجاد ابر متن هایی است که وابسته به
اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ...
انیمیشن در یک کامپیوتر راه دور قرار داده شده است www
پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform
Resource Location است برای مشخص کردن موقعیت مکان خود
استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در
زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی
شروع
درس
در مرحله اول شما a برای اتصال به صفحه دوم
یک ابر متن ایجاد کنید این اتصال محلی نامیده می شود زیرا
هر دو یک کامپیوتر مستقر هستند.
اتصال به
فایلهای محلی
ساده ترین روش اتصال این است که
فایل HTML دیگری که در همان شاخه سند ما قرار دارد ایجاد گردد و در
صفحه وب به نمایش در آید
برای لنگرگاه
لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب
یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از
بسته شدن اولین تگ و قبل از شروع < a / > قرار می
گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر
آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک
اتصال دنبال کنید:
1- ابتدا فایل Lesson1.html را باز
کنید .
2- در زیر لغت آموزش از راه دور متن زیر را وارد
کنید .
"در اینجا ما سعی می کنیم شما را با بزرگترین
سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را
ترجمه و برای استفاده شما در سایت بکار ببریم" .
3- حال
عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را
مطالعه خواهید کرد
بر گشت به بالای صفحه
اتصال به شاخه های دیگر
نوع دیگر اتصال ، اتصال به فایل در شاخه ای به
جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در
آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه
آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در
شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه
استفاده می کنیم .
مراحل زیر را انجام دهید :
1- در
کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .
2-
فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید
.
3- فایل Lesson2.html را در ویرایشگر خود باز کنید
. |
