آموزش طراحي وب سايت از پايه – قسمت سوم
با سلام خدمت همه علاقه مندان با قسمت سوم آموزش طراحي وب سايت از پايه در خدمت شما هستيم. در اين قسمت شما نحوه سازمان دادن وب سايت و ساخت اولين صفحه وب خودتان را تجربه خواهيد كرد . اميدوارم همانند مقاله هاي گذشته نظر خودتان را براي ما ارسال نماييد.
ساخت اولين صفحه وب سايت شما
در هر جاي كامپيوتر كه دوست داريد فلدري به نام my-first-webpage بسازيد.
textEditor خودتان را كه در جلسات قبل توضيح داديم باز كنيد كد زير را در آن كپي كنيد
صفحه وب خودتان را ساختيد!
طراحي سايت در مشهد
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: براي ليستهاي غير ترتيبي
به مثال زير دقت كنيد:
آموزش طراحي وب سايت از پايه – قسمت سوم
با سلام خدمت همه علاقه مندان با قسمت سوم آموزش طراحي وب سايت از پايه در خدمت شما هستيم. در اين قسمت شما نحوه سازمان دادن وب سايت و ساخت اولين صفحه وب خودتان را تجربه خواهيد كرد . اميدوارم همانند مقاله هاي گذشته نظر خودتان را براي ما ارسال نماييد.
ساخت اولين صفحه وب سايت شما
در هر جاي كامپيوتر كه دوست داريد فلدري به نام my-first-webpage بسازيد.
textEditor خودتان را كه در جلسات قبل توضيح داديم باز كنيد كد زير را در آن كپي كنيد
صفحه وب خودتان را ساختيد!
طراحي سايت در مشهد
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: براي ليستهاي غير ترتيبي
به مثال زير دقت كنيد: