طراحي صفحات HTML وب
فهرست صفحه
مفاهيمHTML & XHTML 1
يك صفحه وب چيست 2
طرزكارصفحات وب 3
درموقع مروروب چه اتفاقي مي افتد 3
نحوه ويرايش صفحات وب 4
دوراه توليدصفحات وب 5
نرم افزارهاي توليد وويرايش HTML 6
- ويرايشگرهاي ساده متن
- ويرايشگرهاي مخصوصHTML
- نرم افزارهاي گرافيكي توليدكننده كدهايHTML
ايجاد كردن يك صفحه وب 7
دستورها ويا برچسب هايي كه دريك صفحه وب وجوددارد
(دستورهاي مشترك) 7
شكست خطوط وپاراگراف ها 8
ايجاد اتصال وپيوند(link) به صفحات وب ديگران 9
ايجاد اتصال وپيوند(link) بين صفحات وب خودتان 11
ادرس هاي وابسته 12
انتشارصفحاتHTML 13
ايجادوتنظيم يك سايت وب اينترنتي 13
انتشارصفحات وب با نت اسكيپ 14
انتشارصفحات وب با كمك Microsoft IE 15
مفاهيم HTML &XTHML
اين برنامه درواقع نرم افزاري است كه كامپيوتر شما براي مرور و نشان دادن صفحات وب به ان
نياز خواهد داشت.ازجمله معروف ترين مرورگرهاي اينترنتي مي توان به كاوشگراينترنت شركت
مايكروسافت (اينترنت اكسپلورر ومرورگرنت اسكيپ اشاره نمود.گردش دروبي كه ازنظرمحتوي
و يا شكل متشابه ايده هاي ذهني شما را جذب كرده و باعث مي شودبارها به ان مراجعه كنيد.
يك صفحه وب چيست ؟
نيز درواقع يك نوع زبان برنامه نويسي كامپيوتري است كه چگونگي قرار گرفتن وارتباط بين
متن ها تصاويروسايرHtmlزبا ن علامت گذاري عناصرموجوددريك صفحه را توضيح داده ودر
خود نگه مي دارد. را سرويس دهي كنند.درواقع همين صفحات بهم پيوسته بودند كه وب جهاني يا
htmlتا سال 1993 تقريبا 100بنا نهادند. ازان زمان بتدريج برنامه هاي مرورگروبه جهت مشاهده
اين صفحات نوشته واختيار مردم wwwقرار گرفت*
ولي بعلت مقبوليت روزافزون صفحه هاي وب تعدادي از (text) مرورگرهاي اوليه فقط قادربه
نشان دادن متنها برنامه نويسان مرورگرهايي را طراحي كردند كه علاوه برمتون قادربه نشاندادن
تصاويرگرافيكي نيزبودند. نام داشت كه بواسطه توليد يكي ازمعروفترين مرورگرهايموجودmore
Anderssenيكي از اين برنامه نويسان يعني مرورگر نت اسكيپ به مردي مشهور و ثروتمند بدل
گشت*
به عنوان رابط اصلي واستاندارداينترنت مورد توافق همگان قرار گرفته اند صفحاتHtmlامروزه
ميتوانند علاوه بر نشان دادن متن ها ي ساده با تحت پوشش قرار دادن تصاوير گرافيكي صداها و
وحتي ويدئويك برنامه محاوره اي وتعاملي كامل رااينترنت بوجود اوردند *
فقط دراينترنت يافت نمي شوند. بلكه امروزه شبكه هاي كامپيوتري htmlهمان طوركه مي دانيد
صفحات وب بسياري ازشركتهاي معتبر درسراسردنيا (اينترنت) ازصفحات وب براي فراهم كردن
اطلاعات تجاري واقتصادي مورد نيازكارمندان مشتريان خود استفاده مي نمايند.همچنين در ساخت
و نمايش تبليغات تجاري درشبكه هاي تلويزيوني انتخاب اول مي باشد. بعلاوه شركت ماكروسافت
htmlهاي تبليغاتي مختلف امروزه dvdها يا Cd يوني ويا وبرروي را به صورت مستقيم در رابط
هاي مختلف بزرگترين سيستم عامل دنيا (يعني ويندوز)قرارداده است.به عن htmlنيزهاي وب وبه
صورت رابط وب به نمايش گذاشته مي شوند linkودرايوهاي مختلف همگي ازطريق ان مثال فايل
ها در همه جا حضور دارد وخوشبختانه شما هم اكنون با يك انتخاب صحيح در يك مسيرصحيح
Html پس در يك كلام قرار گرفته اند*
نام دارد كه در واقع ويرايش Xhtml-1 و ديگري Html وجود دارد. 4- Htmlدر حال حاضر دو
ويرايش ازبرنامه مي باشد. شما درطي مطالعه اين مطالب اين دوزبان برنامه نويسي وب چگونه با
زبان ديگري بنام Html-4 پيشرفته و كاركرده استانداردمربوط به هرسه موردفوق را مي توانيد
در ادرس http://www.wxml يعني درسايت كنسر كنسرسيوم وب جهاني در اينترنت بيابيد.
عبارت جديد:
Xmlدرواقع مخفف كلمه extensible markup languageيا زبان علامتگذاري قابل توسعه
مي باشد.دربرنامه نويسي html ما دستوراتي استفاده مي كنيم كه از قبل دراستانداردها وقواعددس
دستوري ان زبان تعريف شده وكارمشخصي انجام مي دهند.درصورتي كه درزبان مشخصي انجام
مي دهند. در صورتي كه در زبان xmlما مي توانيم ازدستورهايي با نامهاي اختصاصي كه توسط
خودمان تعريف مي شوند استفاده كنيم برتري زبان xhtmlكه ما به انhtml توسعه يافته مي گوييم
اين است كه چگونگي نشان دادن داده ها رادراختيار ما قرار داده درصورتي كه xmlتوانايي نحوه
سازمانده اي اين داده ها را در اختيار ما مي گذارد*
طرز كار صفحات وب
صفحه هاي وب خيلي شبيه صفحات كاغذ و يا مجله هاي معمولي مي باشد.وبا مكانيسم مشاهده هر
هرصفحه وب بسيارساده به نظرمي رسدشما به كامپيوتر خود مي گوييدكه مايل به ديدن چه صفحه
اي هستيدوبعدازفشاردادن يك تكمه صفحه مذكوربرروي مانيتور شما به نمايش درمي ايد اگراين
صفحه برروي كامپيوتر ديگرمي باشد(مثلا برروي سايتي دراينترنت مدتي طول مي كشد تا به در
خواست شما پاسخ داده شود*
البته تفاوتهاي عميق تري را ميتوان بين يك صفحه وب و يك صفحه كاغذ معمولي مجله روزنامه
ويا يك كتاب پيدا كرد. ولي شما بعنوان يك صفحه وب بايد بعضي از عمده ترين اين تفاوتها اشنا
باشيدبه عنوان مثال ما مي توانيم صفحه وبي دركامپيوتر خودمان داشته باشيم كه هريك ازعناصر
موجود بر روي ان در يك كامپيوتر مجزا ذخيره شده باشد.*
اگرچه چنين پديده اي نا متحمل است ولي غيرممكن نيست.مثلا مي توان صفحه وبي درست كردكه
متن موجود در ان برروي كامپيوتري دراستراليا تصاويران برروي كامپيوتري درروسيه صداهاي
ان بر روي كامپيوتري در كانادا ذخيره شده باشند*
در موقع مرور وب چه اتفاقي مي افتد؟
وب جهاني ياwww عملا ازمدل استانداردسرويس دهنده/سرويس گيرنده استفاده مي نمايد اين كلمه
اي است كه بدون شك شما نيز با ان برخود داشته ايد.وقتي شماادرسي نظيرhttp://www.site t
http://www.site topgo.com را درپنجره ادرس مرورگر وب خود تايپ كرده كليدو enterرا
فشار مي دهيد. كامپيوتر شما به عنوان يك سرويس گيرنده عمل كرده وجز كامپيوترهاي سرويس
گيرنده اينترنت قرارمي گيرد. كامپيوترهايشما به عنوان يك سرويس دهنده خاصي بنامdirectory
Assistance server رفته و ادرس شما به زبان قابل فهم براي ماشين ترجمه خواهد شد.دراين در
خواست ترجمه شده وبه سمت كامپيوترميزبان سايت مورد نظرشما هدايت يا مسيريابي خواهد شد.
دراين هنگام كا م كامپيوترميزبان(درصورت وجود) به عنوان يك سرويس دهنده عمل كرده ويك
كپي ازفايل html مربوط به صفحه وب درخواستي را به سمت كامپيوترشما برگرداند.دراين هنگام
فايل html مذكور توسط سرويس گيرنده(دراين مثال كامپيوتر شما)در يافت شده وتوسط مرورگر
وب موجود تفسير مي گردد. بدين ترتيب مرورگر وب شما با اجراي اين دستورهاي html صفحه
وب حاصل ازان ربرروي صفحه نمايش ظاهر مي نمايد*
نحوه ويرايش صفحات وب
ساخت يك صفحه وب در واقع تايپ يك سري دستور وايجاد يك فايل متني است. شما مي توانيد
تايپ اين متن را توسط هرپرداشگرويا ويرايشگرمتني كه در اختيار داريد انجام داده و فايل مذكور
را ذخيره نماييد*
اگراين فايل توسط مرورگر وب باز شود صفحه حاصل اان درپنجره مرورگرنمايش درمي ايد.حال
اگربخواهيدازعناصرگرافيكي صوتي ويا حتي ويديوئي استفاده نموده ويا يك صفحه وب محاوره ا
ره اي ايجاد كنيد. كافي است دستورهاي html محل ذخيره فايل هاي رسانه اي مذكور را به اطلاع
مرورگربرسانيد.بنابراين اولاما مستقيما اين فايل ها رادرمتن مذكوردرج نكرده وثانيا فايلها ي فوق
به صورت مستقل از صفحه وب در محل خود باقي ميمانند ولي در هنگام نمايش مجموعه انها به
به عنوان يك سند واحد نشان داده مي شوند. با استفاده ازاين برنامه هاي ويرايشگرتصاويرشما مي
توانيد بدون ايجادتغييردرفايل اصلي html تغييرات موردعلاقه خود رابرروي تصويرمذكوراعمال
نموده ويا حتي انها را با تصاويرديگري تعويض نماييد. فايل هاي تصاويرهمواره مستقل ازفايلهاي
html ذخيره شده. و بدين ترتيب شما مي توانيد با يك فايل تصويري ان را در صفحات وب متعدد
مورد استفاده قراردهيد
دو راه توليد صفحات وب
دوراه براي توليد صفحات وب وجوددارد.يا شما دستورهايhtmlرادريك ويرايشگر متن صورت
ساده تايپ كرده ويا ازبرنامهاي گرافيكي خاص براي توليد صفحات وب استفاده مي نماييد.اين نرم
افزارها خود به صورت خودكا ر كدهاي htmlلازم را براي شما ايجاد مي نمايند.كه توصيه ميشود
ازنرم افزارهاي فوق استفاده نشود چرا كه اين نرم افزارها داراي دونقطه ضعف عمده ميباشند.اول
اينكه بسياري از انها صفحات وب را به صورت صحيح نشان نداده ودوم انكه كدها htmlتوليد
شده فوق العاده نا مرتب بوده و اصول صحيح كدنويسي در انها رعايت نمي گردد*
البته از ميان تمام نرم افزارهاي مذ كور نرم افزارfrontpage 2000 از اين قاعده مستسني است.
چراكه با اين نرم افزاربه راحتي مي توان كدهاي html را ويرايش كرد. بعلاوه با ارائه يك رابط
كار كاربري قوي گرافيكي طراحي صفحات را تا حدودي سريع ترنموده است.ودراين نرم افزاربه
راحتي كدهاي html جديدرا بركدهاي موجود اضافه نمود.نرم افزاربا يك ويرايش گر ساده نظير
notepad هم به اضافه نرم افزار گفته شده مي باشد كه ساده تر عملي تروعلمي تر مي باشد*