FACULTY OF INFORMATION TECHNOLOGY & MULTIMEDIA COMMUNICATION

SEMESTER JANUARY 2013

CBWP3103

WEB PUBLISHING

MATRICULATION NO : 860908025452001

IDENTITY CARD NO. : 860908 – 02 - 5452

TELEPHONE NO. : 010- 3765070

E-MAIL : porkody1096@oum.edu.my

LEARNING CENTRE : GREENHILL LEARNING CENTRE

 CBWP3103 WEB PUBLISHING

TABLE OF CONTENT

1.0) INTRODUCTION

WEB SITES THAT HAVE EFFECTIVELY USED THE

2.0)
HIERARCHICAL APPROACH
ELEMENTS OF THESE WEB SITES THAT MAKE IT
3.0) EASIER TO SEARCH OR NAVIGATE FOR THE
INFORMATION

4.0) CONCLUSION

5.0) REFERENCES

Porkody a/p Letchumanan Page 2

 CBWP3103 WEB PUBLISHING

1.0 INTRODUCTION

A web page or webpage is a web document or other web resource that is suitable for the
World Wide Web and can be accessed through a web browser and displayed on a monitor or
mobile device. This information is usually in HTML or XHTML format, and may provide
navigation to other web pages via hypertext links. Web pages frequently subsume other
resources such as style sheets, scripts and images into their final presentation.

Then web navigation the hierarchical model of website navigation goes from the general
to the specific from a homepage to main sections to subsections and databases. It is a way to tie
together many areas of information into a working website structure. A visitor could easily go
from the homepage to other areas of the website and back again. Hierarchical navigation is the
most frequently used type of website visitor routing on the internet because of its flexibility and
efficiency. The goal of any hierarchical website navigation system is to provide an efficient
means of simplifying user interaction. Designing your navigation scheme in this way this
presents your visitor with a clear and simple path to access all pages in your site easily and to do
so quickly from anywhere in the website.

Lastly, the hierarchical website structure is the most common navigation structure on the
internet. In one way or another, almost every website implements some form of hierarchy in their
website. Regardless of the size of your website or the topic, a tiered structure is almost always
the most effective and efficient way to lay out your website, and for the end user to navigate. In
website a clear information structure must be used. The information structure is important to
show the arrangement or flow of the idea in a website.

Porkody a/p Letchumanan Page 3

 CBWP3103 WEB PUBLISHING

2.0) WEB SITES THAT HAVE EFFECTIVELY USED THE HIERARCHICAL

APPROACH

1) Tourism Malaysia

 http://www.tourismmalaysiausa.com/

Porkody a/p Letchumanan Page 4

 CBWP3103 WEB PUBLISHING

2) Education Website

http://www.utar.edu.my/main.jsp

3) http://www.smartreader.edu.my

Porkody a/p Letchumanan Page 5

 CBWP3103 WEB PUBLISHING

4) Company Website

http://www.infineon.com/cms/en/product/index.html

5) Shopping Website

http://www.1shopping.com.my/

Porkody a/p Letchumanan Page 6

 CBWP3103 WEB PUBLISHING

3.0 ELEMENTS OF THESE WEB SITES THAT MAKE IT EASIER TO SEARCH OR

NAVIGATE FOR THE INFORMATION

1) Search

 Large web site having a search field is incredibly helpful as well. There’s nothing like
wading through hundreds of pages to find specific content without a search feature. If
a potential customer can’t find something easily on site and make content is easy to
search through. User interface research shows that about half of web users prefer to
browse through menu lists of links to find information, and the other half will go
straight to the search box to enter keywords for search. All readers will use both the
browse and search features of a site at some point, so supporting both navigation
paradigms is important to user interface design. As the web has become larger and
more complex, the dependence on search technology has become greater; both for
users seeking information and for web publishers hoping users will find their content.
Then search navigation is heavily dependent on those interface elements and page
design features that we think of as part of the standard browsing interface. Search
navigation can help deliver the user to pages deep inside a web site.

2) Related links

 If there are “related links” somewhere, a user able to identify to what those links are
related in particular. Often it is not very clear, what the criteria for the relation is and
thus the expectations about the values for his/hers interest may be wrong. A user
should be able to judge wether the related links is helping him in following his original
path or not. The related link is more helpful for user to able to find a correct links and
easy to go related pages with use the links in WebPages.

Porkody a/p Letchumanan Page 7

 CBWP3103 WEB PUBLISHING

3) Bars Link
 Navigation bars are also widely used throughout that type of website. They provide a
way to link all or parts of the website content in a uniform manner. By placing
navigation bar on each page of website are providing an avenue, for visitors to explore
deeper into the site.

4) Site Map
 Site maps often provide a visual overview about the site. Like the other text based
overviews above there are mainly two groups of site maps that automatically
generated site maps and manually designed maps.

5) Hyperlink
 These are the links that point to some other pages within the site or to a webpage of
another site. These hyperlinks are generally blue in color and when you take the
cursor to that link, the symbol changes to a hand symbol. This is a part of web site
design and such indications can help the user to identify the hyperlinks. The main aim
of website developer is to help the user find the thing that he is looking for. If a user
is looking for a particular product, we can add links in the web page as a web site
design strategy to point to other sites and also will help user make it easier.

6) Drop-down Menus

Porkody a/p Letchumanan Page 8

 CBWP3103 WEB PUBLISHING

 We need arranged our Websites in order of categories and sub-categories. Now, how
you will arrange the Website navigation in a self-explanatory. The best way is to use
drop-down menus. We can arrange the drop-down menus either horizontally or
vertically. However, this format should be familiar for the users. The user can use
easily.

7) Contact Information

 Every website needs to have a clear contact process with a simple contact form. That
form should ask for Name, Email, and Message. Optional fields are phone number
and a drop-down for Reason for Contacting. Anything beyond that needs to be
collected on a secondary form or after you contact the new lead as the shorter and
sweeter the contact forms the greater the chance they’ll be filled out.

8) Graphics / Images

 We mentioned earlier that a website is essentially two things, images and text. The
images on a website and color scheme of the site are really what ultimately grab your
attention or not. A site that has fantastic content but terrible design/graphics isn’t
going to do any better than a site with terrible content but great design/graphics. In
my opinion they’re both needed, and having good, high quality graphics, images, and
design help show that our website is credible, offers a high quality service, and
enhances the usability of the site and the user get more attractive with out website
pages.

Porkody a/p Letchumanan Page 9

 CBWP3103 WEB PUBLISHING

9) News

 News sites are often highly categorized, and have more complex information
architecture than many other kinds of sites. Because of this, their navigation patterns
are often more complex. Which categories used will depend on whether the site is a
general news site or a topical news site. User can find more and useful information or
news from this website.

10) Homepage

 The primary function of the homepage is to give user context. It is vital that when a
user loads up the homepage they know exactly where they are. Therefore, key
navigation such as search, global and core navigation needs to be immediately visible.
The homepage must act as more than a simple directory. It should highlight important
content for the reader by the way of feature navigation and by providing short
summaries of important content. In this sense, the homepage is also “selling” to the
user the best and most exciting content the organization has to offer at any particular
time.

11) Flyout Menu

 A flyout menu is constructed similar to the dropdown menu. When the user places
their mouse over a link, another menu “flys out”, usually to the right, from the link
where the mouse is placed. Flyout menus face the same challenges as dropdown
menus but if constructed properly, they can be accessible and readable by the search
engines.

Porkody a/p Letchumanan Page 10

 CBWP3103 WEB PUBLISHING

12) About

 About Us or About is pretty standard and user who want to know more about our
details or about company detail it’s easy to know click about link given in WebPages.

13) Shopping Carts and Order Buttons

 These are important elements of any ecommerce website. If you sell products you
must provide your customers with view cart button, for example, on the top right side
below the header. Order buttons should be also well visible. The easier it is for your
customers to reach an order page the more orders it may bring, so be attentive with
that.

14) Fonts and Typography

 Fonts are the way your text looks on a Web page. And most Web pages have large
amounts of text. When you're thinking of design, you need to think about how the text
looks on a micro-level (the font glyphs, what font family, etc.) as well as the macro-
level (positioning blocks of text and adjusting the size and shape of the text). These
resources explain how to work with fonts on Web pages.

Porkody a/p Letchumanan Page 11

 CBWP3103 WEB PUBLISHING

4.0 Conclusion

The most complex web sites share aspects of all three types of information structures.
Site hierarchy created largely with standard navigation links in the page, but topical link
embedded in creating web content as the associated network links beyond the usual navigation
and site structure. Except in order to enforce strict site page, the user is likely to explore your
web site on the web for free-form way, jump across the region in information architecture, just as
they would skip through the chapters in reference books. Ironically, the organization of your site
clearer and more concrete, the easier it is for the user is free to jump from place to place without
feeling lost.

Web design is not limited to the seven key principles discussed here. Aspects such as
accessibility, readability and usability play a part, too. This is the reason why Web design is so
difficult. Getting your feet wet in design is easy, especially today, with so many content
management systems, blogging tools and themes readily available. But truly mastering all of the
facets of Web design takes time and, let’s be honest, talent. Having the ability to craft pretty
designs is just one facet, but an important one.

A navigational tool is everything that offers a user help to. So there is a good chance that
on dynamic web sites these tools are generated automatically by the system. Developers of
content management systems should design their systems to offer easy ways to use these
mechanisms.

Porkody a/p Letchumanan Page 12

 CBWP3103 WEB PUBLISHING

5.0 References

1) OUM Teks Book (CBWP3103)

2) http://wrede.interfacedesign.org/articles/navigational-tools-for-websites
3) http://en.wikipedia.org/wiki/Web_page
4) http://www.destroyallmonsters.biz/articles/guidelines-for-designers/navigational-
elements/
5) http://webaccess.berkeley.edu/developer-information/top-ten-tips/

Porkody a/p Letchumanan Page 13