My Hobbies: Experimental Web Page

Experimental webpage using HTML and CSS, with my hobbies as content.

Unit A: Starting with HTML

We get started with HTML elements and basic functions.

Unit B: Structuring HTML content

We implemented new elements and started using attributes.

Unit C: Starting with CSS

We start with the basics of HTML, like changing the font and background color.

About US: Unit C extension

We replicate Unit C and implement a large text/paragraph.

Unit D: Laying out elemets with CSS

We make a webpage more visually appealing by laying out elements using CSS.

Longpage: Unit D extension

We did the same as Unit D, but we added more text and made the layout adapt to it.

Unit DCB Review I: News Webpage

We made a home page for a News website, and this is one of my favorite website layouts we made.

Unit DCB Review II: Home page

This is a simpler design for a home page.

Unit E: Formatting text with CSS

We make more improvements for our text formatting and layout, like the drop cap on the first letter at the start of a paragraph.

Unit F: Inserting links

We interconnect the webpages within the website, as well as linking them to other files and web pages.

Unit G: Inserting Image

We insert images as background and part of the content on the website for Lakeland Reeds Hotel. We also link within the page to different places on the same page.

Unit H: Organize content with lists and tables

We implemented ordered lists, unordered lists, and description lists on the previous web page. Formatting the table was easier, but still complex to do.

Unit I: Implementing Responsible Design

We implemented a responsive design using media queries for the different screen sizes that users might have. We also create responsible navigation and adaptive content.

Unit J: Creating and Processing Web Forms

Updating the hotel website page, we added a form to contact and schedule the rooms and dates, using the form's structure, buttons, and drop-down menus.

ACME Project: Different perspectives on web design

We followed a video to create this web design page. We added a showcase with an image, newsletter subscription, and text boxes displayed on the sidebar in the page.