سلام آموزش XHTML بخش اول طراحي مقدماتي صفحات وب بحث مقدماتي : - شبكه ( تعريف – كاربرد ) - internt ( تعريف – امكانات لازم براي اتصال به اينترنت ) - سايت ( تعريف – كاربرد) - آدرس سايت ( كاربرد – ساختار) - صفحات وب web ( تعريف – ساختار – كاربرد ) - لينك ( تعريف – كاربرد ) آموزش XHTML بخش دوم طراحي مقدماتي با زبان XHTML -محيط طراحي ( كد نويسي ) : NOTEPAD -محيط نمايش ( اجرا ) : INTERNET EXPLORER ( IE ) ايجاد فايل XHTML ( صفحه وب ) : مراحل : 1-باز كردن NOTEPAD 2-كد نويسي به زبان XHTML 3-ذخيره كردن فايل با پسوند HTM اجرا يا نمايش فايل ايجاد شده : 1-مراجعه به آدرسي كه فايل در آن ذخيره شده 2-كليك يا دابل كليك روي آيكن فايل مورد نظر امكانات لازم براي اتصال به اينترنت : 1-كامپيوتر 2-مودم ( اينترنال – اكسترنال) 3-كابل رابط 4-خط تلفن 5-اشتراك 6-ايجاد آيكن اتصال به اينترنت استفاده از اينترنت : 1-نرم افزار ( INTERNET EXPLORER – IE ) 2-آدرس سايت ( سايتهاي مهم با نام موتور جستجوگر مثل : GOOGLE- YAHOO-MSN ) آدرس سايت : مثال : http://www.microsoft.com پسوند . نام سايت . WWW //: http پسوند : نشاندهنده نوع سايت مثال : COM پسوند سايتهاي تجاري . دات / اسلش HTTP قانون
بخش سوم صفحات وب : صفحات تشكيل دهنده سايت WEB : تار عنكبوت لينك (LINK ) : پيوند بين صفحات وب در يك سايت كد نويسي : -تگ : شروع و پايان هر دستور( عنصر ) تگ شروع < > شكل كلي تگ شروع : … > " مقدار" = صفت2 " مقدار" = صفت1 عنصر< <HTML xmlns="http://www.w3.org/1999/xhtml"> تگ پايان </ > شكل كلي : >عنصر</مثال: </html> - عنصر : كد يا دستور -صفت : مانند متغير است براي عنصر كه مي تواند مقدارهاي مختلفي داشته باشد. -مقدار : رشته اي براي صفت صفت dir : نوشتن متن از راست به چپ rtl و يا از چپ به راست ltr مثال : <"HTML xmlns="http://www.w3.org/1999/xhtml" dir="rtl> درج توضيحات : شكل كلي > --متن <!— مثال: > --تمرين-- <! نمايش كاراكترهاي خاص : شكل كلي كد كاراكتر&# مثال : ¥ تگ head : اطلاعاتي را در مورد سند براي مرور گر مشخص مي كند . شكل كلي : تگ شروع : > head < تگ پايان > /head < تگ title : عنوان سند در نوار عنوان پنجره مرورگر IE را مشخص مي كند . شكل كلي : </title> عنوان مورد نظر<title> تگ body : بعد از تك پاياني title قرار ميگيرد و تگ پاياني آن قبل از تگ پاياني </html>قرار ميگيرد . <body> ….. </body>
بخش چهارم تگ p : براي درج پاراگراف استفاده مي شود . شكل كلي : </p> متن پاراگراف مورد نظر <p > براي ايجاد پاراگراف خالي از تگ p بصورت <p/> مي توان استفاده نمود . براي شكستن متن به سطر بعد از <br/> مي توان استفاده نمود . صفت align : تعيين نحوه چيدمان متن كه داراي مقادير زير است : Left چپ چين center وسط چين Right راست چين justify تنظيم از دوطرف شكل كلي : </p> متن پاراگراف مورد نظر <p align=" "> تگ font : براي تغيير در قالب بندي كاراكتري متن مثل فونت – سايز و رنگ متن استفاده مي شود . شكل كلي : </font> متن مورد نظر <font face=" " color =" " size=" "> بخش پنجم تگ h : براي عنوان بندي متن مورد استفاده قرارمي گيرد . شكل كلي : > عددh /< عنوان متن > عددh < مثال : </h1> فصل اول <h1> تگ hr : براي ترسيم خط با رنگ دلخواه استفاده مي گردد . شكل كلي : "/> نام رنگ" <hr color = مثال : <hr color=" yellow"/> تگ a : براي پيوند بين صفحات وب استفاده مي گردد . شكل كلي : حالت اول : </a> متن "> آدرس سايت مورد نظر" <a href= مثال : </a> سايت ياهو <a href="http://www.yahoo.com"> حالت دوم : </a> متن "> نام لينك# نام فايل لينك" <a href= مثال : </a> ورزش <a href="n1.htm#varzesh"> حالت سوم : </a> متن "> نام لينك# آدرس فايل لينك<a href="file:/// مثال : </a> ورزش <a href="file:///d:\alborz\n1.htm#varsesh"> براي انجام لينك دستور زير را در فايل لينك تايپ نماييد : "/> نام لينك" <a name= مثال: <a name="varzesh"/> حالت چهارم : ارسال پيوند به صندوق پستي شكل كلي : </a> متن "> آدرس پستي مورد نظر<a href="mailto: مثال : </a> ارسال نامه <a href="mailto: mailto:ahmad@yahoo.com"> چندرسانه اي تگ img : براي نمايش تصوير در صفحه وب استفاده مي گردد . شكل كلي: />"متن"=title "متن"=alt " آدرس ونام فايل تصويرمورد نظر<img scr=" صفت scr : آدرس ونام فايل تصويرمورد نظر در كامپيوتر صفت alt : پيام جايگزين تصوير در صفحه وب صفت title : نمايش پيام در صورت نگهداشتن اشاره گر ماوس برروي تصوير مثال : <img scr="d:/picture/p1.jpg" "/> كامپيوتر پنتيوم چهار=" title " كامپيوتر" = alt تگ bgsound : پخش يك فايل صوتي هنگام نمايش صفحه وب شكل كلي : "/> عددvolume=" " عدد" loop= " آدرس و نام فايل صوتي <bgsound scr =" صفت scr : آدرس ونام فايل صوتي مورد نظر در كامپيوتر صفت loop : تعداد دفعات پخش فايل صوتي صفت volume : تعيين بلندي پخش صدا مثال : <bgsound scr="d:/sound/s1.way" loop="2" volume="1"/>
