انت هنا الان : شبكة جامعة بابل > موقع الكلية > نظام التعليم الالكتروني > مشاهدة المحاضرة

Navigation Bar and Image Gallery

Share |
الكلية كلية تكنولوجيا المعلومات     القسم قسم شبكات المعلومات     المرحلة 2
أستاذ المادة حيدر محمد حبيب الخميس       24/03/2013 11:01:28
Navigation Bars
The navigation bar is a collection of links; each link leads into another page. So, one of the most important things when you design a web page is the navigation bar. It has to be easy-to-use. Also, we can see the navigation bar in all or most pages of the web site. It could be a horizontal or vertical shape; it depends of the design of the web page. By using CSS you can design HTML menus in good-looking navigation bars.
First, you have to think in a list of links when you want to design your navigation bar. As you have learned before how to use an HTML list elements, now it’s time to create the navigation bar from HTML list elements by using CSS techniques.
In the following example we will build the navigation bar from a standard HTML list.
As you know, a navigation bar is basically a list of links, so using the
    and
  • elements make perfect sense:

    Horizontal Navigation Bar
    There are two ways to create a horizontal navigation bar. Using inline or floating list items. Both methods work fine, but if you want the links to be the same size, you have to use the floating method.

    Image Gallery
    Now, it’s become easy to design many things that you have noticed in web sites that you visited. One of these is an image gallery.


المادة المعروضة اعلاه هي مدخل الى المحاضرة المرفوعة بواسطة استاذ(ة) المادة . وقد تبدو لك غير متكاملة . حيث يضع استاذ المادة في بعض الاحيان فقط الجزء الاول من المحاضرة من اجل الاطلاع على ما ستقوم بتحميله لاحقا . في نظام التعليم الالكتروني نوفر هذه الخدمة لكي نبقيك على اطلاع حول محتوى الملف الذي ستقوم بتحميله .
download lecture file topic