و با پوزش از تاخیر در ارائه مقاله , امیدوارم بتوانیم منظم خیس از قبلی این خصوصی آموزشی را ادامه دهیم .
با نصیب ششم یادگرفتن پباده سازی وبسایت از مبنا در سرویس شما هستیم . دراین نصیب خواهید آموخت که چه گونه چندین ورقه را در کنار نیز در اختیار بگذاریم و بین آنها تکان کنیم .
آیا ساختن یک کاغذ کافی است؟در بخش های پیشین ساخت یک ورقه از تارنما را آموختیم و اکنون میخواهیم یکسری برگه را در کنار نیز داشته باشیم و بین آنان با پیوند دهی جنبش کنیم . در واقع این یک workshop برای گردآوری اندوخته های شماست .
در بالا کاغذ ای با اسم index . html میسازیم :
“ - //W3C//DTD XHTML 1 . 0 Strict//EN ”
“ http : //www . w3 . org/TR/xhtml1/DTD/xhtml1 - strict . dtd ” >
” http : //www . w3 . org/1999/xhtml ” >
” Content - Type ”
content= ” text/html; charset=utf - 8″/>
” header ” >
” sitebranding ” >
BubbleUnder . com
” tagline ” >
Diving club for the south - west UK – let ’ s make a
splash!
” bodycontent ” >
Welcome to our super - dooper Scuba site
” divers - circle . jpg ”
alt= ” A circle of divers practice their skills ”
width= ” 200″ height= ” 162″/>
Glad you could drop in and share some air with us! You ’ ve
passed your underwater navigation skills and
successfully found your way to the start point – or in
this case , our home page .
طرز ساخت و تگهای مصرف شده در نمونه فوق پیش از این توضیح داده شدهاست . ( سورس تگ img را با چهرهای در کامپیتر خویش مالامال نمایید )
درحال حاضر در فلدری که ورقه شما موجود هست از پوشه index . html بایستی 2 توشه نسخه برداری بگیرید . براین اساس :
پس از گزینش فولدر
edit > copy
و آن گاه 2 توشه
Edit > paste
را می زنید درحال حاضر 3 پوشه شبیه دارید که بایستی 2 تای نسخه برداری شده را تغییر تحول اسم دهیم برای همین روی آنان کلیک راست موشواره را فشار میدهیم و مورد یrename را میزنیم تا بتوانیم اسم مناسب را به آنها بدهیم . یکی را contact . html و دیگری را about . html اسم گذاری میکنیم .
محتوای 3 کاغذ فوق یکسان است و بایستی محتوای صفحه های را بازنویسی فرمائید تا با نیز یکی نباشد برای این عمل صفحه های دوم وسوم را با ابزار هایی که توضیح داده شدهاست نظیر NotePad گشوده نمایید و تایتل و محتوای هر برگه را نسبت به اسم آن تغییرو تحول دهید . به صورت نمونه عبارت contact us را برای تگ تایتل در کاغذ contact . html انتخب کنید .
پس از تغییرات در 2 برگه جانور آنها را save نمائید . ( روش save کردن در جلسات قبل توضیح داده شدهاست )
لینک و پیوند کردن صفحه های به نیز :
برگه اولیه یا این که به عبارتی index را گشوده فرمایید و همت فرمایید از آن به کاغذ contact بروید!
آری این قابلیت فعلا نیست و برای جنبش بین صفحه ها متفاوت شما بایستی از link و یا این که anchor استفاده کنید .
” filename . html ” >Link text here
href : یک attribute است و گویا آدرسی است که قرار است به آنجا لینک و پیوند شود
filename . html : اسم کاغذ ایست که قرار است به آنجا لینک و پیوند شود
Link text here : چیزی که در ورقه html به چشم میخورد و اسم پیوند متبوع است
این نکته را هیچوقت فراموش نکنید که از لغت ها با مضمون برای پیوند دهی استفاده فرمائید و از کلماتی مثل “ اینجا را کلیک کنید ” خودداری کنید .
درحال حاضر بایستی برای پیوند دهی بین صفحه های یک منو و یا این که navigation تارنما را بسازیم . توجه نمائید شیوه ساخت navigation تارنما مضاعف با اهمیت است و ساختاری که درپی توضیح داده می گردد ساختاری دلخواه و استاندارد برای منوی تارنما هست و خوب تر است حال حاضر نگران ظواهر آن نباشید در پی مقالهها ظواهر آن را خوشگل می کنیم!
ساخت یک منویnavigation
” navigation ” >
” index . html ” >Home
” about . html ” >About Us
” contact . html ” >Contact Us
اکنون کد زیر را برفراز همگی صفحه های پس از تگ div با آی دی header بیشتر فرمایید . به صورت نمونه برای برگه index
“ - //W3C//DTD XHTML 1 . 0 Strict//EN ”
“ http : //www . w3 . org/TR/xhtml1/DTD/xhtml1 - strict . dtd ” >
” http : //www . w3 . org/1999/xhtml ” >
” Content - Type ” content= ” text/html;
charset=utf - 8″/>
” header ” >
” sitebranding ” >
BubbleUnder . com
” tagline ” >
Diving club for the south - west UK – let ’ s make a
splash!
” navigation ” >
” index . html ” >Home
” about . html ” >About Us
” contact . html ” >Contact Us
” bodycontent ” >
Welcome to our super - dooper Scuba site
” divers - circle . jpg ” width= ” 200″ height= ” 162″
alt= ” A circle of divers practice their skills ” />
Glad you could drop in and share some air with us!
You ’ ve passed your underwater navigation skills and
successfully found your way to the start point – or in
this case , our home page .
اکنون به راحتی میتوانید بین 3 کاغذ جنبش کنید .
نکته تالیف کننده : شایسته ترین مکان برای قرارگیری منوی تارنما نیز از حیث ظواهر و نیز در ساختار html بالاترین نقطه ورقه است . مطمئن باشید این به نفع شماست!
و در پایان 3 ورقه خواهید داشت که به راحتی قابلیت و امکان تکان بین یکدیگر را داراهستند .
design - web - 48 . gif
در گردهمایی سپس در باره تگ های blockquote strong , em , توضیحات بیشتری ارائه خواهم بخشید و بعد نوبت افزودن استایل ( ظواهر ) به کاغذ است .
برای تمرین این گرد هم آیی شما یکسری منو را در تارنما های متفاوت مرور نمائید به صورت نمونه برای روز جاری به پباده سازی تارنما اینترنت اسکالا رجوعنمایید و نحوه لینک و پیوند دهی دراین وبسایت را ملاحظه کنید . آن گاه توضیح دهید که چرا صفحاتی که لینک و پیوند شدهاست پسوند ندارند؟