College Portfolio

Week 7 came with some unexpected challenges. I was unable to load my page to the DeVry server so I was unable to get a working URL to perform to major html code testing. But I did gain some perspective on browser-compatibility issues by compiling research on the internet and from having two users reviews my website.  My first reviewer was a co-worker who liked the magazine feel of my page. He used a Firefox browser to view my website and he had zero compatibility issues. The only thing he found was that one of the Back buttons was not directing to the correct page. Beyond that he made a suggestion about my table of contents. He thought they should be click-able so that you can select the article you find interesting and click a link to directly navigate to that page. I liked that idea so I added links to the Table of Contents page.  The other reviewer used a Safari browser which did present some layout problems. I used absolute positioning for a lot of my images and fig...

While the course project has been very time consuming, I will admit my webpages are shaping up nicely. Each week, I have been learning a lot and this project is turning into something to be proud of.  This week we were charged with adding some JavaScript elements to our webpages. JavaScript is what really allows for the interactive portions of websites. First, just to add a simple JavaScript element to my index.html page, I added the current date in the header. You can see this update below: The next JavaScript element that I added to my web page was added to my trends.html page. This page is built to discuss some of the more ridiculous fashion trends that women are expected to follow. I wanted to insert a comic strip that showcased this. In order show it sequentially, I decided to make a slideshow.  These happen to showcase a lot of trendy tops make it impossible to wear a bra with. Anyway, I think it adds some humor to the site. Additionally it break...

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...

This week we are creating our webpages for our course project. We have to turn in 2-3 by this Sunday. For my page, I have been learning a lot about positioning, floating and block display.  Below is a shot of part of the top of my page. I have used section and aside tags to arrange my page. I couldn't get the text in the headers to be fancy enough for my satisfaction so I made them in Word and used the img tag. Please note these are just snippets and not the full web page.                         The next photo shows the bottom half of one of my pages. As you can see I have lots of images to support the magazine article.  At the very bottom of my page I have created a navigation bar for the user to easily move forward through the website.  It will be a busy weekend of continuing web development for me. More to come!

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...

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...