CIS-363B Course Project - Week 3

This week we were tasked with taking last week's conceptual web diagram and creating a page layout and navigation diagram. This diagram has to show the placeholder elements and the navigation elements that we intend to use. Last weeks' assignment was helpful in allowing me to organize my ideas for my website. This assignment is even more helpful to organize it. My webpage seems to be shaping up quite nicely. 

 My diagram below shows all the html pages that I plan on designing and constructing in the next few weeks. I have taken each page and designated the header which will hold the h1 tag to contain my text. The body element will hold a table of contents on the home page which will also contain links to any of the e-zine pages. The other pages will contain articles and images as the content of their bodies. The body will use an h2 tag to create the subheader. The footers will be quite important for containing copyright information and holding navigation tabs. I plan on having the option for the user to click on the Next Page link to move forward through the numeric pages. They should also be able to navigate backwards using a Previous Page link. I want the user experience to feel like really flipping through a paper magazine. 


Stay tuned as the progress of my webpage continues.....

Comments

Post a Comment

Popular posts from this blog

Understanding Binary Notation vs. Decimal Notation

Course: NETW202 - Introduction to Networking It’s important to understand the difference between a binary number system and a decimal number system because IPv4 addresses are made up of 32-bits. Bits are written in binary but are converted into decimal notation for easier readability (Academy, C.N., 2017). No one wants to read a bunch of 0’s and 1’s. The decimal system is a sequence of 10 digits ranging from 0 to 9. Because the decimal system is made up of a sequence of 10 numbers, its base is 10. This is important because the base number becomes your radix, or the number upon which you apply an exponent to get the positional value. The position in the decimal number sequence becomes the exponent which you use to identify the result – the positional value. As stated in several earlier posts, binary is made up of the numbers 0 and 1. Because it is only made up of 2 numbers, its base is 2. So 2 is your radix. A bit has 8 digits of 0’s or 1’s, so the sequence position ranges f...
Read more

CIS-355A Java Course Project

Image
Java, java, java. What a fun and versatile language. I've spent the past 7 weeks learning it in my Java Application course taught by Professor Rick Bird. While I'm admittedly no expert, I do believe I have the basics down.  For our course project, we were required to create an Order Application for a Flooring Company. The user requirements summarized are:            1. Must have 3 tabs.           2. Must select flooring type: wood or carpet           3. User must enter length and width of their room.           4. Must calculate cost and the room area.           5. Must obtain customer information.           6. Must create two lists: Order Summary and Order List           7. Must connect to a table in a database. As I'm sure you can ascertain this project was not easy and involved a lo...
Read more

CIS-363B- Week 5 Lab

Image
This week's lab involved using HTML forms. HTML forms are a superb way to interact with the user of your website. The lab required us to build a website check out page that displayed items the user bought, the total and then gathered valuable information to complete the purchase. I used a table to show the items the user purchased seen below:  I put thumbnails within my table to show the user the item they were purchasing, the description, the cost of the item and the quantity. Then at the bottom of the table I tallied up the grand total.  At the bottom of the page is where my HTML form begins. It is here that the form collects important user information like their name, address, shipping options, and payment information. The form has quite a bit of validation to ensure the user not only enters the required values but that they enter it correctly. I used place holders and tool tips to inform the user of the required format.  I also used drop-down lists for...
Read more