WEB STRUCTURAL NAVIGATION - WHAT YOU NEED TO KNOW

Hello professor and class,

This week I'd discuss about the structure of site navigation. Beside Cascading Style Sheet (CSS), navigation is one of the most important thing when creating a web page. This either make or break the viewer's interest when they visit your site. There are 2 main structures that guarantee to make your page look better and more organized:


  1. Main Navigation: also called global or primary navigation. This show the top-level pages that is right below the home page. This style of navigation is generally used for sites that have a lot of information and they want the users to conveniently access right away such as FAQs, applications, etc. 
  2. Local Navigation: also called sub-level navigation or page-level navigation. This style of structure is below main navigation and goes into more details per page. This way, the user can focus on the the information each sub-level page provides. Some arrangement examples are Inverted-L, Horizontal, Embedded Vertical (Right or Left).


Comments

Post a Comment

Popular posts from this blog

Course Project _ Week 4 Milestone

Image
Professor and class, This week, I like to discuss about the outline of my course project. I started to implement the box model to the CSS. I'd like compare the original sketched out outline with the implemented HTML codes. I hope everyone can take a look and give me feedback for improvement. Figure 1: Original Sketched Outline Figure 2: Implemented HTML/CSS Outline As you can see, I still want to keep the vertical navigation. I used class "active" in the <img> tags to I can enable the highlight when the menu option is chosen. I so wanted to added a photo for the header. I decided to go with purple theme color to match with the logo. The content section is divided into 2 columns for different information posted. I'm still working on the details in the next couple of weeks. What I want to do next is figure out how to move the content section up right next to the navigation area so the design looks more balanced. I was thinking to insert a slid...
Read more

Week 5 Course Project Progress

Image
Hi professor and class, This week I continue to update on the progress on my course project. I added more information in the pages as well as created a survey form for feed back. I included text fields for name, email address; text area for more feedback space, radio buttons, check boxes, option list. There is one problem that I have which is displaying the Information Received website. After hitting the "submit" button, the error message reads "the local host server is not found." I'm doing more research and trying to figure out why the error happened to fix it for next week. Below are my progress pictures. Thanks for your feedback! -Mai
Read more

Week 1 Blog Post

Image
Hello professor and class! It took me a while to figure out what I want to write for this blog. Beside coding, gaming is another passion of mine. Recently, Heroes of The Storm is my favorite one that I've been playing during free time. Then it hit me! I would want this page to be about gaming strategies and experience. My course project is creating a website that give my audience a crash course about Heroes of The Storm. Everything including character picks, map control and more. I'd like to introduce new and intermediate players  about upcoming news. This also includes patch updates as well as talent statistics and how well they are doing in the meta. I hope this blog will capture it all my experience learning HTML/CSS and have fun posting about my favorite game at the same time. Thanks for stopping by! -Mai
Read more