Modularization Plan

Description: A key component of maintainable web sites is modularization of common elements across the site. You will be responsible for designing and implementing modules of common code within your site. Besides the design and implement, you will document each module and post your "Modularization Plan" to your web site. The plan must include a list of all modules and the links or other data that each one contains. This plan will be in xhtml format and will be posted to your assignments area.

Module 1: Header

The Header Module is at the top of each page. I have the each site looking up header.inc in the header section of each website. This file is located in my module folder on my website. Here are the things that will be in the header:

  • Logo: This will be created by me or someother person close to me. But it should be in the upper left hand corner of each page.
  • Title of Website: I am still debating if this should be incorporated in with the logo or to make it seperate.
  • Tagline: I am thinking of a cool tag line about myself so people can remember me and my website in a very few number of words.
  • Search Navigation: In the upper right hand corner of each page I am debating on putting the search bar there or placing something else there beneficial to my website.

Module 2: Navigation

This module will be the main navigation of my website. I will have two other sections on each page that will have navigation but they will not be modules. They will change depending on what page you are on. But this module will be place right under the 'Header' and it will have links to the main navigation of the website. The name of the file will be nav.inc and will be located in the module folder on my web site. Here are the links that the navigation will have:

  • Home: This will take you to the home page.
  • Personal: There will be a tab right next to the home tab that will take you to a group of pages about my personal life. Things such as my childhood, my present life situation, where I want my future to head, and about my family.
  • Professional: Next there will be a professional tab which will be a link that takes you to a set of pages that talk more about my professional life. This will include my Resume, about my schooling, work history, and awards and achievements that I have recieved throughout my life.
  • Contact: This will be a simple page that will guide someone through the process of getting in contact with me. It will even include a comment fill in section where they just click submit and it sends it to me via email.
  • SpotLight: This tab will look different than the others and will stand out as something different. But this will be a link to my wife's jewelry business Spot Light Jewelry which will take you to place where you can purchase items.

Module 3: Footer

This will be located at the very bottom of each website. This module will also be found as a file in the module folder called footer.inc and it will have a combination of links and information for site visitors.

  • Copyright: Will contain basic copyright info about my website.
  • CIT 230: There will be a link to my CIT 230 webpage where you will be about to find assignments and other information that has helped me build this website.
  • Site Plan: This will contain a link to my site plan webpage which will be useful to visitors.
  • Site Map: A link where people can get a detailed breakdown of all the websites ShaunHutchings.com has to offer.
  • Contact Me: This link will also take you to the contact page. It is important to me that people are aware and see that they have a an opportunity to contact me.
  • SpotLight: This final things will be a link to my Spot Light Jewelry section (spotlightjewelry) where people can purchase jewelry if they want.

Non-Modules

There will be several sections in my website that are not considered modules because they will be changing for the most part on each page. They are very important to my website and I felt like I should at least include these in my modulariztion plan to show that I have thought out the modules to the best of my ability. Here are the extra sections (div):

  • Sub Nav: It will be located right under the main navigation module and it will have a bunch of sub navigation links to help visitors easily move around within the website. Still debating if I want to eleminate this section and include it in as a drop down list when you click on a topic within the main navigation. We will see.
  • Side Nav: This will have a side navigation on the left side of each website that will include quick links and references to important pages on my website or links to other website relavant to the topic. This is kind of like a mini module. It will change for segments or groups of pages but it will change.
  • Content: The heart of the website. This will contain all the information that makes my website unique and my own. Thist WILL be different on every website.

There still may be some changes to my website as I get better at programing and designing. This is just a first draft and preliminary step to building my website. These things may change throughout the life of my website. Things also may be addes or taken away as seen appropriate. If you have any comments, suggestions, advice, critism, or help PLEASE contact me. Find the contact button below or above.