Log Page

In Week 1, my website had a very basic design, reminiscent of early internet pages. Each page featured different colors and lacked any sense of style or consistency.

In Week 2, I simplified the color scheme, opting for a more balanced palette (currently pink). I also incorporated modern fonts, my favorite one "Poppins," centered and aligned contents, and designed a header navigation menu for better organization, and a personal logo to use as a Main Page button. To do all of this, I created a CSS stylesheet to manage the design.

In Week 3, I uploaded my picture and turned it into an image map with clickable areas linked to pages about food, music, and movies I like. I also removed all images exceeding 100KB and resized and compressed them for better performance.

In Week 4, I worked on the layout for the Sweet Strawberry Waffles page, making sure the images are aligned properly with the text. I added margins to the first and last images and made sure their captions are centered. I’ll continue refining the design and adding more content next week.

In Week 5, I made improvements in design of the layout. I made sure that I have a container div that includes at least 2 div blocks inside, which are navigation, main-text and footer divs. I kept the navigation bar same since it was identical in all pages. I have changed the active tab color to black, to make it highlighted. Also improved other areas of the layout.

In Week 6, I wrote a peer-review for a colleague's website. I checked the layout, structure, and the decisions she took design-wise. I reviewed it in many aspects, gave some suggestions to improve and also mentioned some design distractions in my review. Overall, it was a user-friendly website

List of Tools

1. HTML (Sublime Text Editor)
2. CSS (Sublime Text Editor)
3. Adobe Photoshop