MaWD 4.01 Activities
Essential Standards
4.00 - Understand the fundamentals of web design.
4.00 - Understand the fundamentals of web design.
- 4.01 - Understand the fundamentals of HTML5 and CSS.
- How do web pages work?
- What is HTML and how does it work?
- How does CSS work with HTML?
- What are the 3 types of CSS?
4.01 Web Browsers- 20 Things I learned about the Web and Browsers Quest
Directions: Students will use the internet as a resource and work in pairs to answer their assigned question (s). The pairs then report back to the entire class so everyone learns some basics about the Web and Web browsers.
4.01_web_browsers-_20_things_i_learned_about_browsers_and_the_web_quest.pdf |
4.01 Basic HTML Tag Notes
Directions: Use the HTML tutorial at the W3Schools website http://www.w3schools.com/html/html_intro.asp to find the correct HTML tag and an example (including closing tags) for each tag in the chart below. Complete the tutorial through the HTML Quick List, omitting Tables and Forms.
4.01_basic_html_tag_notes.docx |
4.01 Basic Web Page Practice Activity
Directions: You will use the files below to create a basic web page.
|
|
4.01 HTML Elements Tag Notes
Directions: Work the HTML tutorial at the W3Schools website http://www.w3schools.com/html/html_intro.asp to find the correct HTML tag and an example (including closing tags) for each tag in the chart below. Complete the tutorial through the HTML Quick List, omitting Tables and Forms
4.01_html_elements_tag_notes.docx |
4.01 HTML Color Codes Activity
Directions: Use the resources provided for instruction (4.01HTMLandColor.ppt).
4.01_html_color_codes_activity.docx |
4.01 Understanding CSS Activity
4.01_understanding_css_activity.docx |
4.01 The Next 12 Tags
4.01_the_next_12_tags.pdf |
4.01 Codecademy Tutorials
4.01 Review
mawd_4.01_review.pdf |
MaWD Activities 4.02
Essential Standards
4.00 - Understand the fundamentals of web design.
4.00 - Understand the fundamentals of web design.
- 4.02 - Understand the concepts of responsive web design.
- What challenges do mobile devices present to Web designers?
- What are the basic concepts of responsive web design
4.02 Viewing Websites in Responsive Design View
4.02_viewing_websites_in_responsive_design_view.pdf |
4.02 Key Terms
4.02_key_terms.pdf |