A simple webpage made about my hobbied, not hard coding at all, just a intro to coding.
Basic HTML tags were explored such as html, head, and body tags. comments were created for the purpose fo documentation and index.html page was uploaded to the web server.
HTML semantic elements, such as header, footer, nav, and section were used in this porject. The div element was also used create structure.
Embedded and external style sheets were created. ID, class, and multiple selectors were explored as well as debugging and validating css code.
Futher practice on teh CSS Basics was conducted. This project was done with less instructions and more trial and error.
The concepts of the CSS Box model which includes specifying values for border, margin, and padding. The page flow of elements were controlled by the float and clear properties.
Further practice on HTML structure and CSS layout were explored. Two projects were created using these concepts.
Font families, web fonts, and pseudo-elements were created in this project.
Relative and absolute links were explored, and the pros and cons of using each were learned. screen shot:
The different image file types were evaluated, as well as when to use them. Background image, image map, and favicons were created to enhance design.
Content was organized using unordered, ordered, and description lists. A nav bar for links and a table to display information was used.
Media Queries were used extensively to create responsive navigation and implement adaptive content. The browser's emulator was used to view the website under different screen sizes.
Further practice on responsive design was conducted. As the screen size shrinks the logo disappears and regular text is used.
Only HTML and CSS was used to create a professional three page website that promotes a web design business. Past concepts were used and it was great to see a nicely designed product.