نکاتی در مورد HTML :
hyprer text markup Language یا html زبان برنامهنویسی کامپیوتر برای شبکه جهانی web میباشد.
زمانی که یک سایت وب ایجاد میکنید، جهت قراردادن متون، تصاویر، انیمیشن و صدا و یدئو در صفحات web که سایت را تشکیل میدهند از HTML استفاده میکنید.
بعلاوه، HTML اجاره میدهد تا پیوندهای فرامتن و دکمههای محاورهای را اضافه کنید که صفحات وب را به صفحات دیگری از سایت وبتان و به سایر سایتهای web مرتبط میسازند.
طراحی وب یک فرآیند خلاقیت web را با آن ایجاد کنید.
HTML یک زبان علامتگذاری متن نه یک زبان برنامهنویسی است.
درتئوری، یک صفحه ایجاد شده با HTML باید توسط هر فردی که یک کامپیوتر دارد، یک مرورگر وب دارد و به اینترنت دسترسی دارد قابل مشاهده باشد.
در عمل توانایی مشاهده تمامی محتویات یک صفحه web به توانائیهای مرورگر بستگی دارد.
مرورگرهای web برنامههایی میباشند که HTML فایلهای صفحه web را تفسیر میکند متون، تصاویر و انیمیشن را برروی صفحه نمایش کامپیوتر بازدید کننده به نمایش میگذارند.
بطور جداگانه یا با کمک سایر برنامههای نصب شده مرورگرها میتوانند فایلهای صدا و ویدئو رد پخش کنند.
جدیدترین ویرایش مرورگرهای محبوب web ، اینترنت explorer از مایکروسافت و netscope navigator از شرکت netscope است.
برای بازدید کنندگان جهت دسترسی به صفحات web تان نخست آنها باید به اینترنت مرتبط شوند و یک مرورگر وب را آغاز نمایند.
پس از اینکه سرور web یک صفحه web را به کامپیوتر بازدیدکننده ارسال کرد مرورگر html web فایل صفحه web را تفسیر میکند م محتویات فایل را به صورت متن و تصاویر گرافیکی در پنجره برنامه کار بروی مرورگر به نمایش میگذارد.
سرورهای web و مرورگرهای web جهت برقراری ارتباط از (HTTP) hypertext transport porotocol
استفاده میکنند بغیر از انجام سایر عملیات پروتکل HTTP روشن ارسال پیامها بوسیله مرورگرها و سرورهای web و ساختار پیامها را مشخص میکند.
جهت طراحی و ایجاد سایتهای web پیچیده فقط باید یک درک اولیه از جریان تقاضا و پاسخ HTTP داشته باشید.
نشانههای HTML :
در ماهیت یک صفحه web یک فایل متن است که حاوی دستورات به شکل کدها و خصایص HTML میباشد.
این نشانهها فرامینی میباشند که مرورگر web بعداً جهت قالببندی متون و افزودن تصاویر گرافیکی برروی صفحه web از آنها استفاده میکند.
تعدادی نه تمامی فرامین HTML به نشانه شروع و یک نشانه پایان نیاز دارند.
این نشانهها را نشانه contniner مینامیم.
زیرا دستورات نشانه شروع در مورد هر چیزی که صفحه web بین نشانه شروع و نشانه پایان شامل میباشد بکارگرفته میشوند.
یک فرمان HTML با یک نشانه < شروع="" وسپس="" نام="" جهت="" ایجاد="" یک="" نشانه="" و="" خصایص="" شروع="" میشود="" و="" با="" یک="" علامت=""> خاتمه مییابد.
جهت ایجاد یک نشانه پایان برای یک نشانه شروع یک علامت(/) در مقابل نشانه قرار میدهیم بنابراین یک نشانه شروع به صورت
و یک نشانه پایان بصورت میباشند.
نام نشانه به مرورگر web هدف نشانه را میگوید خصایص پس از نام نشانه اطلاعات بیشتری را
نام نشانه به مرورگر web هدف نشانه را میگوید خصایص پس از نام نشانه اطلاعات بیشتری را جهت اجرای دستورات د راختیار مرورگر قرارمیدهند.
برای مثال کد زیر چگونگی شروع و پایان نشانههای paraghraph را نشان میدهند.
در این مثال نشانه به مرورگر web دستور میدهد متن را تا نشانه با استفاده از قوانین قالببندی پیش فرض به نمایش گذارد.
exampel of paragraph نشانههای HTML section : جت سازماندهی قسمتهای مختلف HTML که یک صفحه web را تعریف میکنند از یکسری نشانه section استفاده میشود.
انواع نشانههای HTML در هر قسمت صفحه web یک هدف خاص دارند.
- قرار میگیرد.
- نشانههای شروع و پایان بدنه اصلی پس از قسمت سرآیند صفحات web قرار میگیرند و بدنه اصلی صفحه web را مشخص میکند.
کد زیر محل قرارگرفتن صحیح نشانهها را نشان میدهد.
the web pages title the paragraph of page نشانههای HTML empty : علاوه بر نشانههای محفظه HTML از یک نوع دوم نشانه با نام نشانههای خالی استفاده میکند.
در حالیکه نشانههای محفظه محتویات صفحه را دربر میگیرند.
نشانههای خالی به یک نشانه پایان نیاز ندارند.
برای مثال، در کد زیر جهت حرکت به خط به بعد قبل از به نمایش گذاشتن ورودی بعدی در صفحه از نشانه استفاده شده است.
exampel of html this text lin 1 this text line 2 ایجاد یک صفحه web ایجاد و فایلهای متنی HTML ساده است جهت ایجاد یک فایل HTML ، یک برنامه ویرایشگر متنی را باز کنید و سپس کد HTML را وارد کنید.
پس از وارد نمودن عبارات HTML ، فایل را بعنوان یک فایل متنی با پسوند html ذخیره سازید.
برای مثال کد زیر را در ویرایشگرتان تایپ کنید.
example of a simple HTML document Hello world !
here Iam اکنون کارتان را در یک فایل صفحه web ( با پسوند htm یا html ) برروی دیسک سخت ذخیره سازید.
در صورت تمایل یک پوشه با نام HTML examples ایجاد کنید و سپس فایل مثال را در پوشه ایجاد نموده بعنوان test page ,htm تغییر نام دهید و ذخیره سازید.
برای آزمایش اولین صفحه web ، مرورگر web را شروع کنید و سپس ورودی File ://c:\HTML exampls \tesr page htm را در فیلد address مرورگر وارد نماید سپس کلید Enter را فشار دهید اکنون اسماً یک نویسنده صفحه web میباشید.
کار با فونتها: بازدیدکنندگان سایت web صفحه متنی را با نوع قلم، سبک، رنگ و اندازه کاراکتر پیش خود مشاهده میکنند.
مگر اینکه این عناصر را در HTML صفحه web مشخص کرده باشید.
مرورگر web بازدیدکننده تنظیمهای پیش فرض برای متن به نمایش گذاشته را بوسیله مرورگر کنترل میکنند با استفاده از نشانههای فونت شروع و پایان می توانید وضعیت ظاهری متن به نمایش گذاشته شده بوسیله مرورگر web بازدید کننده را کنترل کنید توجه داشته باشید که نشانههای فونت تنزل یافتهاند یعنی نسخههایی که در آینده برای مرورگرهای web ارائه میشوند احتمالاً نشانه را پشتیبانی نخواهند کرد و بهتر است از نشانه و خصایص آن استفاده کنید.
اگرچه میخواهید با استفاده از خصایص در نشانه وضعیت ظاهری متن را تغییر دهید میتوانید این تغییرات را با ابعاد قوانین css بدست آورید.
میتوانید به خصایص زیر را در نشانه شروع فونت استفاده نمایید.
صفت color رنگ متن را تعریف میکند مقادیر رنگ میتواند اسامی (مانند”red” ،”green” و…) باشد.
یا میتوانید اعداد پایه 16 سهتایی( مانند FFOOO # و….) باشد.
که مقدار رنگهای مخلوط شده برای قرمز، سبز، آبی را برای مرورگر web مشخص میکند.
صفت size اندازه متن را با استفاده از اعداد –7 تا 7 تعریف میکند.
هرچه این مقدار کوچکتر باشد اندازه font کوچکتر میشود.
صفت face را با نوع قلم font را تعریف میکند اگر نوع face در کامپیوتر موجود نباشد آنرا نادیده میگیرد و از پیش فرض استفاده میکند.
مرورگر web مقادیر پیش فرض برای رنگ، اندازه، و نوع قلم را کنترل میکند جهت بازگردانیدن متن به مقادیر پیش فرض مرورگر یک نشانه در پایان متن قرار دهید.
font color example this is red helvet p>this is normal/ نوشتن یک متن در صفحه web : برای نوشتن یک متن در صفحه پاراگراف مورد نظر را در علامت قرار میدهیم بعد از نشانه پاراگراف بعدی ما بعد از یک خط خالی قرار میگیرد.
اگر بخواهیم به خط بعدی برویم یک نشانه را قرار میدهیم توجه داشته باشید که نشانه نشانه پایانی ندارد.
تغییر رنگ متن در یک فایل HTML : در صورت عدم مشخص نمودن رنگ متن در یک صفحه مرورگر web متن را با رنگ پیش فرض مرورگر به نمایش میگذارد.
اگر میخواهید رنگ یک لغت یا گروهی از لغات را تغییر دهید از صفت color در نشانه استفاده کنید.
افزودن گرافیک به یک صفحه web از طریق یک نشانه نشاه img اجازه میدهد تا تصویر گرافیکی را بر روی یک صفحه web قرار دهید.
یک نشانه حاوی یک خصوصیت src است که نام مسیر فایل گرافیکی را در اختیار مرورگر web قرار میدهد.
بنابراین اگر نشانههای تصویری به صورت میباشند.
توجه کنید که مقدار خصوصیت src حاوی مسیر و نام فایل است برای مثال کد زیر از مرورگر web میخواهد تاتصویر بر فایل phto.jpg ذخیره شده در پوشه images از سرور web را بدست آورد وبه نمایش بگذارد.
کد htlm زیر تصویر house ,jpy را به نمایش میگذارد.
in=mage of a house ساختن صفحه web با front page درمرحله اول از منوی file قسمت new وسپس page or web را انتخاب میکنیم یک صفحه ایحاد میشود که همان صفحه web ما است که برای طراحی آماده است.
در زیر صفحه سه گزینه preview,html,normal دیده میشود که برای اضافه کردن فرمانهای html داخل html میرویم.
ایجاد یک سایت web از آغاز: microsoft front page الگوها و wizard های بسیاری را فراهم کرده است.
که میتوانید برای ایجاد سایتهای web پیچیده با اندکی کار از آنها استفاده کنید.
ولی اگر هیچکدام از این گزینهها نیاز شما را فراهم نکند چه میتوان کرد.
این زمانی است که نیاز به دانستن نحوه ایجاد یک سایت web از آغاز دارید.
ساخت یک سایت web از آغاز درک کاملتری در مورد نحوه کار سایتهای web ایجاد شده توسط الگوها و wizard ها به شما میدهد.
به عنوان مثال علیرغم اینکه نیاز به دانستن پیچیدگی ساختار نانوبری یک سایت web مبتنی بر front page ندارید اطلاعات پایهای در مورد نحوه پسوند خوردن صفحات تصمیم در مورد نحوه تغییرات بدون شکستن عناصر را آسان میکنند.
سادهترین راه برای درک ساختار یک سایتweb ساخت جزءبه جزء آن است.
ایجاد یک سایت web جدید: تصورکنید که با استفاده از یک wizard سعی در ایجاد یک سایت web کردهاید ولی نتیجه کار شما را ارضاء نکرده است.
شاید wizard صفحههایی را ایجادکرده باشد که نیاز نداشتهاید صفحههایی را که نیاز داشتهاید ایجاد ننموده باشید.
میتوانید این سایت web را به طرق متعدد تغییر دهید، ولی در مورد نتیجه مطمئن نخواهید بود ئ شلوغی کار شما راعصبی نخواهد کرد ایجاد یک website بصورت دستی و از آغاز شما را با کار مأنوس خواهد کرد.
گامهای زیر را دنبال کنید: اگر front page باز نیست آن را باز کنید.
اگر چهارچوب وظیفه new page web نمایش داده نمیشود در منوی file به new اشاره کرده و سپس روی page or web کلیک کنید تا این چارچوب باز شود.
درچارچوب وظیفه new page or web روی empty web کلیک کنید.
جعبه مکالمه web file templates بازمیشود که آیکون empty web انتخاب شده است.
بایستی محل و نام سایت web جدید را مشخص کنید.
قبل از نام محل، اسم گرداننده و یا http:// را قید کنید.
محل و نام سایت وب جدید خود را به صورت نام فایل / نام دایرکتوری\ :c 5-روی ok کلیک کنید.
Front page یک سایت وب جدید و تهی ایجاد کرده و آن را با نام و محل مشخص شده ذخیره میکند.
هنگامی که پردازش خاتمه یافت ساختمان پشتیبانی سایت را در folder list خواهید داشت.
6- کاوشگر windows را باز کرده و سایت web جدید را باز کنید.
7- کاوشگر windows را ببندید.
8- در منوی file روی close web کلیک کنید تا سایت web بسته شود.
قالببندی پس زمینه یک صفحه web : سایت garden co که در پوشه کاری قرار دارد را باز کنید.
در folder list روی فایل index.htm دو بار کلیک کنید تا در پنجره ویرایش نمایش صفحه باز شود.
درمنوی format روی back garden کلیک کنید.
جعبه مکالمه page properties باز میشود که برگه back grand میباشد.
در بخش colors روی پیکان روبه پایین درانتهای سمت راست کادر background کلیک کنید تا ناحیه انتخاب رنگ باز شود.
روی more colors کلیک کنید تا جعبه مکالمه more colores باز شود.
رنک را انتخاب کنید.
می توانید کد هگزا دسیمال نیز بدهید.
به روش دیگر نیز میتوانید عمل کنید.
روی format وسپس background کلیک کنید.
در بخش formatting از جعبه مکالمه page properties کادر کنترلی back ground picture را انتخاب کنید و با دکمه browse محل فایل انتخاب کنید.
مهترین مطلب جهت درک پردازش فرمهای HTML این است که چه چیزی در کجا رخ میدهد.
زمانیکه یک بازدید کننده یک صفحه web را که در یک form ندارد مشاهده میکند سرور فقط درخواست مرورگر را برای صفحه web و اقلام صفحه مانند گرافیک و انیمیشن پاسخ میدهد.
درک نشانهها و صفتهای استفاده شده جهت ایجاد form : بطوریکه قبلاً در این فصل ذکر شد علاوه بر فیلدهای متن ، دکمههای رادیویی و کادرهای انتخاب استفاده شده برای درخواست ورود اطلاعات توسط بازدیدکنندگان میتوانید زیر دکمهها، متن تصاویر گرافیکی و سایر شیء های صفحه web را برروی یک form قرار دهید.
نشانههای form شروع و پایان ()HTML بخشهایی از فایل HTML که باید در form قرار گیرند را د راختیار مرورگر web قرار میدهند.
توجه داشته باشید که form در یک صفحه web یک container است.
برای مثال با خواندن مطالب این فصل چگونگی تعویض مکانهای نگهداری برای فیلدهای ورود اطلاعات و دکمهها در بین یکسری نشانههای form شروع و پایان را جهت ایجاد فرمهایی که اطلاعات جمعآوری میکنند ارائه میکنیم.
action=”http://www.Nvibznet 2.com /-scribts/-p2/frmscrpt.cgi” Mehtod =”post” Enctype=”application /x-www-form-urlancoded”> (uniform resouree Locator )(URL)-action یا آدرس web که مرورگر web درخواستهای بازدیدکننده را به آن ارسال میکند برای مثال جهت ارسال نتیجه form .
فهرست مطالب عنوان صفحه نکاتی در مورد HTML : 1 نشانههای HTML : 3 نشانههای HTML section : 4 نشانههای HTML empty : 5 ایجاد یک صفحه web 5 کار با فونتها: 6 نوشتن یک متن در صفحه web : 8 تغییر رنگ متن در یک فایل HTML : 9 ساختن صفحه web با front page 10 ایجاد یک سایت web از آغاز: 10 ایجاد یک سایت web جدید: 11 قالببندی پس زمینه یک صفحه web : 12 درک نشانهها و صفتهای استفاده شده جهت ایجاد form : 14