Web 1: build a semantic html5 page
Goal
The student must understand basic html5 elements and what is meant by semantics. The goal is to have an accessible page for spoken browsers and the visually impaired that can be easily styled. The page must validate correctly with the W3’s html validator, https://validator.w3.org.
We will start with a basic structure that will include a: * header * main ** two sections * an aside * footer The content can be Lorem Ipsum, https://lipsum.com/ or whatever you want. You don’t have to style it yet. The CSS references are only if you want.
Tutorials
I am not sure how useful Linda.com is for this.
Basic:
-
'HTML Crash Course For Absolute Beginners,' https://www.youtube.com/watch?v=UB1O30fR-EE
-
'Basic HTML5 Skeleton File,' https://www.taniarascia.com/basic-html5-file/
-
'HTML5 Tutorial,' https://www.w3schools.com/html/default.asp
-
'HTML5 Semantic Elements,' https://www.w3schools.com/html/html5_semantic_elements.asp
Intermediate:
-
'CSS Crash Course For Absolute Beginners,' https://www.youtube.com/watch?v=yfoY53QXEnI
-
'A Complete Guide to CSS Concepts and Fundamentals,' https://www.taniarascia.com/overview-of-css-concepts/
-
'CSS Tutorial,' https://www.w3schools.com/css/default.asp
General References
-
Tania Rascia has a gem of a site with easy to understand introductory to intermediate tutorials - https://www.taniarascia.com/blog/ - on css, mysql, php, and jquery
-
'Mozilla Developer Network,' https://developer.mozilla.org/en-US/.