I have started a nine week html course and these are the projects I have worked on that helped me to learn and find my way
While the project isn't something too big it was to get the simplicitiy of learning what a html file is and how to create one
The page looks real basic because it is but the knowledged obtained has taught me how to debug my HTML code as well as validate it. But the project included div elements, Special characters, and include semantic Elements such as a footer and header.
While the design isn't flashy it was necessary to learn about designing a website. It gave me a crash course on everything CSS related. Such as creating a embedded style sheet which allows you to create rules such as style rules. With that comes a external style sheet which has to be linked in order to design the website yourself. Also here is creating ID and Class selectors which allows you to place rules for those specific codes. Which is for those specific codes.
The challenge was to further the education of designing a website and becoming more and more comfortable with css.
The project looking like a colorful mess was to teach you about box models, setting margins, width, padding, and borders, expanding on what else is possilbe using CSS. Also the way text, boxes and possibly even images are positioned on the website. Also included is viewport which was a small stepping stone to media query, but also included was attributes.
What was included on the video review for this class. Was to learn and continue to learn about the nav tag for navigation, the article tag which is the story part of the website. Also included is header, footer, section, and main. Main is basically the front page the most important parts of saud website, while the section is that specific story to it. Header is is the Introduction to what is happening such as News which is wide spread national and local. But Local and National news are their own headers big on the scale of their section.
Finally this Review was to get a better grasp on CSS. But with this came a easier and simple lesson on header background color, font color, and a plethora of other style rules that helped me build this very website.
Project E looks more sophisticated in the fact that it looks like a genuine welcome page of a website. With the coloring being proper this sections was to learn about fonts; such as font familiesm the size of the font line height, even the color of fonts. But learning RGB color, for fonts but also for background color.
Another simple but elegant looking website F was to learn about different type of links onto a website, such as relative links the ones that send you to another page created for the website. Absolute links are different that they can send you to completely different websites. Using psuedo-class and determing where they can go on the website such as on the sides or as a sub-header.
Now the beauty of coding this section was to learn about images, whether you are inputting the images on their own, or putting them into the background. Another wonderful part was the image map which is like drawing outlines of whatever it is that you want to draw. Also included are figure captions which is like a brief discription of image that leads you to that specific part of the website.
Section H teaches you about lists. Whether they are ordered lists meaning numbered, unorder lists which means bullet points, and finally description list which is extra work but makes the list look cleaner through the titles. Also included is the nav bar, and creating tables also with table is the span of column and rows.
Inclusion which has been a big topic in todays modern age. Which also occurs in media such as specifications for tablets, phones, computers, and any other media sources. Which is media query included in that can be a responsive design, or adaptive contant meaning in order to see it you'd have to interact with it to see the entire piece
The unit I challenge was to help increase the knowledge specifically for media query which gave better idea on how you can disappear certain material. Which can only show the material you deem absolutely necessary.
This chapter was about creating a interactive form, in designing it, having areas to type text fields customzing it to however you want it to be. Boxes that can be checked, and option buttons. Practically making a website page interactive for the user to input data for any reason, schedule a appointment for doctors, weddings, hotel stay.
The ACME project was to create a website and use all of the chapters into one big project. It is a little bit of everything from all the projects we had worked on into one website. So that I can create my own websites to do with whatever I choose to do with it.