تبلیغات
akhbarmohandesi - طراحی سایت در مشهد

امروز:

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

پباده سازی 
با درود سرویس تمامی طرف داران به یادگیری پباده سازی تارنما . با نصیب سوم یادگرفتن پباده سازی تارنما از پایه در سرویس شما هستیم . در این نصیب شما طریق اداره دادن اینترنت سایت و ساخت اولین ورقه اینترنت خودتان را تجربه خواهید كرد . امیدوارم همانند مقاله های قبل لحاظ خودتان را برای ما ارسال نمایید . 


ساخت او‌لین کاغذ تارنما شما 

در هر جای كامپیوتر كه دوست دارید فلدری به اسم my - first - webpage بسازید . 

textEditor خودتان را كه در جلسات پیشین توضیح دادیم گشوده كنید كد زیر را در آن كپی كنید 

“ - //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″/> 


THE MOST BASIC WEB PAGE IN THE WORLD

THIS IS A VERY SIMPLE WEB PAGE TO GET YOU STARTED . 
HOPEFULLY YOU WILL GET TO SEE HOW THE MARKUP THAT DRIVES 
THE PAGE RELATES TO THE END RESULT THAT YOU CAN SEE ON 
SCREEN .

THIS IS ANOTHER PARAGRAPH , BY THE WAY . JUST TO SHOW HOW IT 
WORKS .






از textEditor آیتم file>save as را بزنید پنجره ای نظیر زیر نمایش می‌یابد : 

design - web - 15 . gif 

مسیر فلدر پیشین را بدهید تا در آنجا ذخیره شود . 
اسم پوشه را گزینش فرمائید ولی با پسوند html مثل my - first - webpage . html 
از منوی كشویی save as type مورد all files را گزینش فرمایید 
از منوی كشویی Encoding آیتم UTF - 8 را گزینش نمائید . 

و درحال حاضر دكمه save را بزنید . 
هم اکنون در فلدر متبوع فایلتان را با مرورگر گشوده نمائید . تبریك شما اولی ورقه اینترنت خودتان را ساختید! 



design - web - 16 . gif 
اهمیت UTF - 8 

این كاراكتر ست ( Character Set ) اذن می‌دهد لهجه های دیگر نیز بتوانند به صدق ورقه شما‌را ببینند . فرض كنید یك كاربر كره ای كه گویش انگلیسی ندارد بخواهد کاغذ شما‌را ببیند , این كاراكتر ست است كه اذن می‌دهد شما با مشكلی مواجه نشوید . 

او‌لین ارزیابی شما 

یك مقایسه و یك تحلیل معمولی بین كد شما و ظاهری كه در مرورگر می‌بینید , قادر است در یادگیری شما كمك شایانی كند : 

design - web - 17 . gif 
زمان قابل قبولی است كه در امر 2 تگ p و h1 و اما عنصرها دیگر کلام كنیم . 

تیترها و سلسله مراتب آن ( H ) 



تیترها موادتشکیل دهنده بلاك و بسته شونده ( container ) میباشند و سلسله مراتب منحصر به خویش را دارا هستند و از h1 تا h6 وجود دارا‌هستند . 
از h1 برای مهمترین عنوان از h2 برای عنوان كم قیمت خیس و از h3 برای عنوان كم قیمت خیس از h2 و به همین ترتیب تا h6 

پاراگراف ( p ) 

یك تگ بلاك و بسته شونده ( container ) است و برای یك بلوك متنی استفاده می گردد این بدان معنا است كه نوشته های خوتان را بایستی درون این تگ قرار دهید . 

لیست ( list ) 

فرض كنید می‌خواهید لیست سایت های پباده سازی شده خودتان را نمایش دهید , به لیستی كه اینجانب درسایت خودم استفاده كردم یك خصوصی بزنید . 
اینجا : 

design - web - 18 . jpgو ولی لیست ها دو دسته اند : 

Ol - order list : برای لیست های ترتیبی 
Ul - unorder list : برای لیستهای غیر ترتیبی 

به نمونه زیر توجه كنید : 

“ - //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″/> 


LISTS – AN INTRODUCTION

HERE ’ S A PARAGRAPH . A LOVELY , CONCISE LITTLE PARAGRAPH .

HERE COMES ANOTHER ONE , FOLLOWED BY A SUBHEADING .

A SUBHEADING HERE

AND NOW FOR A LIST OR TWO :


THIS IS A BULLETED LIST

NO ORDER APPLIED

JUST A BUNCH OF POINTS WE WANT TO MAKE


AND HERE ’ S AN ORDERED LIST :


THIS IS THE FIRST ITEM

FOLLOWED BY THIS ONE

AND ONE MORE FOR LUCK





و درحال حاضر خروجی كار رو در مرورگر مشاهده کنید تا تفاوت های دو گونه لیست را مشاهده کنید 

design - web - 19 . gif 

ظواهر همگی لیست ها به همین آسانی نیستند و امروزه در پباده سازی تارنما ماهر استفاده متعددی دارااست . برای مثال میتوانید به فوتر وبسایت کمپانی پباده سازی تارنما اینترنت اسکالا نگاهی بیاندازید تا دیدتان نسبت به استفاده از این عنصر بازتر شود .
طراحی سایت در مشهد


نوشته شده در : جمعه 30 تیر 1396  توسط : نسرین معین غفوری.    نظرات() .

 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر