علی خسروشاهی
مدرس زبان انگلیسی + مدیر بازنشسته ادبیات
نویسنده انجمن
دلنویس انجمن
کاربر ویژه انجمن
مقام‌دار بازنشسته
ایجاد Header
در این بخش ابتدا به ایجاد header یا قسمت بالای صفحه که شامل لوگو و آیتم های مربوط به منوی کاربری می باشد می پردازیم. لازم به تذکر است که تمامی کد های این قسمت در داخل تگ div بخش قبل با ID=container قرار میگیرند.
به این منظور از یک عنصر div دیگر با id = header استفاده میکنیم. اسامی که برای ID ها انتخاب می کنیم از هیچ قاعده مشخص و ثابتی پیروی نمی کنند و انتخاب آنها کاملاً به سلیقه طراح بستگی دارد، ولی بیشتر اوقات برای سادگی کار و نیز راحتی یادآوری ، از نام هایی استفاده می شود که متناسب با کاربردشان باشند. پس از قرار دادن تصویر مربوط به لوگوی صفحه در ابتدا، برای ایجاد آیتم های منو از عنصر <UL> که مخفف unordered list یا لیست نامرتب است استفاده می شود. تقریبا استفاده از این روش برای ایجاد منو های کاربری یک روش استاندارد یک روش استاندارد در بین همه طراحان در سراسر جهان به شمار می رود.
با استفاده از عنصر <UL></UL> که در داخل خود میتواند هر تعدادی از عناصر <li></li> را قرار دهد ، این امکان به طراحان داده می شود که تنها با اعمال ویژگی به عنصر <UL> بر روی تمامی عناصر زیر مجموعه آن ، آن اثر یا ویژگی را اعمال نمایند.
برای هریک از آیتم های منو که به صورت یک پیوند (link) هستند، باید مقصدی را مشخص کرد که آن مقصد عموماً آدرس صفحه ای دیگر می باشد ولی در اینجا چون ما صفحه دیگری برای این منظور نداریم ویژگی href را در تگ <a></a> مساوی با کاراکتر# قرار میدهیم و این به این معناست که با کلیک روی آن آیتم ، هیچ اتفاقی رخ نمی دهد.
HTML:
<div id ="header">
<h1><a href="#"><img src="images/particle.png" alt="Return to the home page"/></a></h1>
<ul id="categoris">
<li> <a href="#"> Articles </a> </li>
</ul>
</div>در این بخش ابتدا به ایجاد header یا قسمت بالای صفحه که شامل لوگو و آیتم های مربوط به منوی کاربری می باشد می پردازیم. لازم به تذکر است که تمامی کد های این قسمت در داخل تگ div بخش قبل با ID=container قرار میگیرند.
به این منظور از یک عنصر div دیگر با id = header استفاده میکنیم. اسامی که برای ID ها انتخاب می کنیم از هیچ قاعده مشخص و ثابتی پیروی نمی کنند و انتخاب آنها کاملاً به سلیقه طراح بستگی دارد، ولی بیشتر اوقات برای سادگی کار و نیز راحتی یادآوری ، از نام هایی استفاده می شود که متناسب با کاربردشان باشند. پس از قرار دادن تصویر مربوط به لوگوی صفحه در ابتدا، برای ایجاد آیتم های منو از عنصر <UL> که مخفف unordered list یا لیست نامرتب است استفاده می شود. تقریبا استفاده از این روش برای ایجاد منو های کاربری یک روش استاندارد یک روش استاندارد در بین همه طراحان در سراسر جهان به شمار می رود.
با استفاده از عنصر <UL></UL> که در داخل خود میتواند هر تعدادی از عناصر <li></li> را قرار دهد ، این امکان به طراحان داده می شود که تنها با اعمال ویژگی به عنصر <UL> بر روی تمامی عناصر زیر مجموعه آن ، آن اثر یا ویژگی را اعمال نمایند.
برای هریک از آیتم های منو که به صورت یک پیوند (link) هستند، باید مقصدی را مشخص کرد که آن مقصد عموماً آدرس صفحه ای دیگر می باشد ولی در اینجا چون ما صفحه دیگری برای این منظور نداریم ویژگی href را در تگ <a></a> مساوی با کاراکتر# قرار میدهیم و این به این معناست که با کلیک روی آن آیتم ، هیچ اتفاقی رخ نمی دهد.
