Lab 1 Reflection

     Lab 1 of DD was about the most basic of HTML. In this lab we created a simple HTML and wrote about how to create an HTML file in the code of our page. The first thing we did was setup Adobe Dreamweaver. Adobe Dreamweaver is a code editing software which gives us a platform to write code. It also has a live preview and can upload files to a server. These features would be helpful later on in the lab since it allowed us to view the shanges made to our document as we edited the code and allowed us to host our file on a classroom server for the world to see. But as of right now there were a few things needed to be set right before we started coding. We needed to change background color of the software, which was done in preferences, to match the color we would use when taking the Dreamweaver CetiPort exam. We also set the size of the text to a larger size so we could see what we were doing and have an easier time coding. After that came actual coding.
     In Dreamweaver we created a new file in HTML. In the code the tags that were needed to create an HTML file were already there. We started by changing what was in between the <title> tags from Untitled to Lab 1. Then we needed to change what would be displayed on the screen, mostly by working in between the <body> tags. Our lab needed a heading consisting of the course name, lab number, lab title, and author's name; size of text decreasing in that order. This was done using <h1>, <h2>, <h3>, <h4>, and <h5> tags with the size of the text decreasing as the number associated with h increased. This allowed us to make some headings bigger or smaller than others. After the entire heading was complete we wrote about how to create an HTML file in <p> tags. Once this was done we saved the file into the proper folder on our computer and uploaded the file on to the class server. 
     These skills are important to a web designer because a web designer should know how to create actual web pages. These skills are the basics in creating a web page and uploading them to a server for people to access. It allows a web designer to express their ideas or design in code and make it live on the Internet. It is a big step from the design/mock up stage of a web page to the development and live hosting stage. In simpler terms, it is the 'web' in 'web designer'. 

Comments

Post a Comment

Popular posts from this blog

Favicons

Image
     Favicons are small square graphics, ranging from 17 x 17 px to 28 x 28 px in preferred size, that give a graphical representation of the site the user is visiting. The favicon appear in the address bar on the left. The main reason websites use favicons is to improve their user's experience. Favicons, by giving a graphical representation of their site, make it easy for the user to recognize the site they're on while they might be switching tabs or scrolling through a list of bookmarks. A favicon adds to a website's uniqueness by making it stand out and different from other sites through use of graphics.      To create a favicon you need a favicon generator, a software where you can design your favicon. Sites may be owned by businesses that have logos to represent themselves but when it comes to favicons simply converting the image file for the logo into a .ico (file format that favicons use) may not be optimal. Favicons have a limited size, biggest siz...
Read more

Favorite Teacher Project Reflection

Image
     The second project for DD this year was about creating a website in appreciation of your favorite teacher. This project was a lot like the our first project except it revolved around a teacher and not movies, otherwise, it required all the same skills we learned in the first project. Just like in the first project, the beginning steps were not in the computer, rather, they were on paper. After deciding which teacher to make the site about (Ms. Sakhno), I begun by creating wireframes both of the website itself and how the folders for the project would be organized. My website wireframe consisted of 4 pages all with relative links that took the user to all the other pages from any single page. There was a home page, which explained the purpose of the site and why the teacher I chose was my favorite, a biography page, which described the teacher's life up until now, a subject page, which discussed the subject the teacher taught, a trivia page, which displayed an infog...
Read more

Lab 20 Reflection

Image
     Lab 20 incorporated many of the things we learned from Lab 18, with the functionality holding many similarities. In Lab 20 we were to create a webpage that compares 2 numbers, x and y. The user is supposed to be able to see if x is greater than y, y is greater than x, x and y are equal, etc. The interface is similar to Lab 18; there is an area to input two values, there is an area with many buttons that lead to a specific outcome, and there is an area to view what the outcome is. Unlike Lab 18, the buttons don't perform an arithmetic operation on the 2 values but check if a certain comparison between the 2 values is true or false. The result area, instead of displaying the result of an arithmetic operation done on 2 numbers, displays if a certain comparison between 2 values is true or false, essentially displaying the result of clicking the now comparison buttons.      I started Lab 20 just like I started Lab 19, by duplicating the code for Lab 18. T...
Read more