INTERACTIVE DESIGN

 

LECTURE

We learned how to begin writing HTML in today's lecture lesson, which was based on the mockup page that we had built. Mr. Ahmad believes that it is critical that we separate our link pages, replace them with correct titles, and put them all in a single folder in order to make the process simpler overall. He also advised us to rename the HTML file with a single word or two words separated by an underscore, such as the example below:

 home-index.html 

magazine-magazine.html

clothing-clothing.html

addtocart-addtocart.html

about-about.html

And then, since the majority of us are using the same design, which means we all have no margin, he told us how to set the margin to zero so that the website begins at the edge of the window. Additionally, he taught us where the properties panel was located in Dreamweaver  since we were unfamiliar with it at the time. Later on in the presentation, he explains how to include CSS in HTML and why it is important to include CSS. Mr. Ahmad also showed us how to incorporate a menu bar onto our website, which was quite helpful. I also learnt how to adjust the font using the selector button, and was advised that changes such as font size, type, and alignment should be made here, and that the CSS sheet must be selected before any changes can be made else an error would occur. I was quite pleased to have learnt this since it was necessary for me to apply this method in my code later on because I had developed it in this manner. He showed us how to enter the photo as well as how to place the typeface on top of the picture, which was really helpful.

Today's lesson was quite informative, and I feel I will be able to begin working on my project immediately since Mr. Ahmad covered all of the key material in today's session. And I'm feeling really positive about getting started on my project.