پباده سازي تارنما در مشهد مقدس
در اين فصل شما مي توانيد اولين كاغذ اينترنت خودتان را خوي نماييد و با XHTM آشنا خواهيد شد و قدم به قدم كارهاي خويش را در مرورگر آزمايش ميكنيد .
بگذاريد دقيق شويم ! طراحي اينترنت سايتي كه شما مي بينيد به سه لايه اصلي تقسيم مي شود :

design - web - 06 . gif
يادگيري اين سه لايه شما‌را به يك طراح تبديل ميكند!
لايه نخستين لايه محتوي است كه مثل شاسي ماشين است و دربرگيرنده تگهاي متفاوتي مي باشد . لايه دوم لايه نمايش است كه به موادسازنده HTML شكل و ظواهر مي دهد و لايه سوم لايه اخلاق است كه حركت و پويايي صفحه ها را مشتمل بر مي شود .
چيزي كه در اين كتاب فراگيري داده مي شود مرتبط با 2 لايه HTML و CSS است .

ديدن Source برنامه :

ديدن كد برنامه مي تواند به يادگيري شما سرعت ببخشد ولي بايد در گزينش اينترنت سايت خويش توجه نماييد تا نادرست آنان مسير يادگيري شمارا تغيير ندهد . روش كار بدين صورت است كه موشواره را درروي كاغذ جايي غير از تصاوير ببريد و كليك راست كنيد و view page source يا view source را بزنيد .
بايد ورقه اي مثل زير در فايرفاكس ببينيد :

design - web - 07 . jpg
يا در IE
design - web - 08 . jpg

عنصرها اصلي يك صفحهHTML :

يك DOCTYPE
يك TAG
يك TAG
يك
” CONTENT - TYPE CONTENT= ” TEXT/HTML; CHARSET=UTF - 8″/>

حال مي خواهيم با تك تك اين موادسازنده آشنا شويم :
داك تايپ DocType : Document Type Definition
اولين آيتم برگه است سواي مسافت . اين يك ضابطه است .
همانطوري كه فايل word 2007 در نمايش در 2000 در گير مشكل مي شود HTML ها با داك تايپ هاي گوناگون نيز نمايش متعدد در مرورگرها خواهند داشت .
در واقع اين داك تايپ است كه به مرورگر مي گويد اين مدرك از چه نوعي است و بايد به چه ترتيب Render شود . شيوه رندر شدن و تفاوت هاي آن‌ها بايد در مرحله رشته اي تري مطرح شود .
داك تايپ ها نيز در زمان زمان بوجود مي آيند يعني مثل word گونه هاي جديدي روي قبلي ها عرضه مي شوند نظير HTML5 كه به تازگي ارائه شده شده‌است .
براي ديدن داك تايپ هاي جانور به اين نشاني بريد http : //reference . sitepoint . com/html/doctypes

“ - //W3C//DTD XHTML 1 . 0 STRICT//EN ”
“ HTTP : //WWW . W3 . ORG/TR/XHTML1/DTD/XHTML1 - STRICT . DTD “ >

به كدهاي داك تايپ اعتنا نماييد : ما در اين خط مي گوييم جور مدرك چيست و آدرسي كه بايد به اين مدل گواهي در اينترنت سايت كنسرسيوم جهاني اينترنت World Wide Web Consortium يا اين كه W3C , اشاره كند كدام است .
اكنون دو دسته داكتايپ مي‌باشند كه استفاده بيشتري دارا‌هستند Transitional و Strict
همانطوري كه گفتم فعلا دنبال تفاوت اين داك تايپ ها نباشيد به آن نيز خواهيم رسيد .
تاكيد ميكنم : اولين آيتم برگه است سواي مسافت . اين يك ضابطه است .

موادسازنده HTML :
گذشته از اين كه موادتشكيل دهنده HTML را شرح دهم بايد با معنا تگ ( tag ) آشناشويد . تگ يعني اسمي كه ميان اين دو <> قرار گيرد و اسم تگ به عبارتي متني است كه بين اين دو <> قرار مي گيرد

تگ HTML
تگ HEAD

تگ ها مي توانند مشتمل بر يك‌سري attribute ( خصوصيت ) باشند :

” HTTP : //WWW . W3 . ORG/1999/XHTML ” DIR= ” RTL ” >

dir يك اسم attribute است و rtl , value ( ميزان ) آن است كه بين ” ” قرار گرفته است .
design - web - 09 . gif

تگ ها به دودسته container و empty تقسيم مي شوند . تگ هاي container مشتمل بر يك تگ بازشونده و يك تگ بسته شونده مي باشند به نمونه بالا اعتنا نماييد HTML گشوده شده و بسته شده‌است . تگهاي empty مختلف ميباشند نظير نمونه زير

” IMAGES/TEST . JPG ” ALT= ” TEST ” />

تگ هاي empty را مي توان به طور container استفاده كرد ولي در داك تايپ هاي xhtml توصيه شده‌است كه تگ هاي empty را به به عبارتي شكل empty بنويسيم
در استفاده از تگ ها بايد دانيد كه از چه نوعي مي‌باشند تا گواهي شما مبتلا error نشود بعنوان نمونه در صورتي تگ div را به طور empty بنويسيم در گير error مي شويم .
نگران نباشيد كم كم تمامي آن‌ها را خواهيد فراگرفت . بياييد همين شرايط كنوني تو اينترنت عبارت روبرو را كاوش كنيم :

EMPTY TAG IN HTML

بسيار عالي شما نيز اين نتايج را پيدا كرديد :

•

•

•
•
•
•
•
•
•
•

•

اين را گفتم كه هيچ وقت دنياي اينترنت و كاوش را فراموش نكنيد .
غير از داك تايپ ها تمامي موادتشكيل دهنده ورقه باطن تگ HTML است كه دربرگيرنده 2 بخش مي شود head و body
عنصر HAED
اين يك تگ container است و در بالاي مدرك گذشته از body قرار مي گيرد و مشتمل بر اطلاعاتي در باره كاغذ است مثل title , meta , css و … . .

” CONTENT - TYPE ” CONTENT= ” TEXT/HTML; CHARSET=UTF - 8″/>

طراحي سايت در مشهد