Positioning Lab Group Work
Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.
Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.
Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
Syllabus Review and Semester Overview HTML Cheatsheet Activity Using the following code snippets build the HTML Cheatsheet. Upon completion. Examine and tweak the CSS to your liking. Make it your own. Structure/Content Design Behavior Include the following script in the head of your document: <script src=”https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js”></script> Additional Information on Prism.js
Using the following code snippets build the HTML Cheatsheet. Upon completion. Examine and tweak the CSS to your liking. Make it your own. Structure/Content Design Behavior Include the following script in the head of your document: <script src=”https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js”></script> Additional Information on Prism.js
Codecast | Source | Header Image URL Creating and attaching a Stylesheet Color and Typography Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Codecast | Source | Header Image URL Creating and attaching a Stylesheet Color and Typography Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Codecast | Source | Header Image URL Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography
Peer Evaluation Form – Please complete for each team member. Do not evaluate yourself. Failure to do so will forfeit all points you would receive from your team. – Due 11/10 Reflection – On your blog please collect your thoughts and discuss/reflect on your experience with the final project. Speak to your roll on the […]
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography CSS Box Model – Description | Demonstration
Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page. Use today’s session to work on and complete this assignment. You are welcome to partner with a classmate to work on this but each of you must submit code that you have […]