Slm project 02 creating and editing a web page
3
Project 02 Creating and Editing a Web Page Concept Map of Unit • Creating and Editing a Web Page Key Learning • Understand the elements to create a web page using a text editor Unit Essential Question • How does one create and edit a Web page using a text editor?
-
Upload
angela-edel -
Category
Documents
-
view
160 -
download
1
Transcript of Slm project 02 creating and editing a web page
Project 02 Creating and Editing a Web Page
Concept Map of Unit•Creating and Editing a Web
Page
Key Learning•Understand the elements to
create a web page using a text editor
Unit Essential Question•How does one create and edit
a Web page using a text editor?
Student Learning Map - LEQsElements of a Web Page
Text Editor HTML Tags and Attributes
Lesson Essential Questions 1. What elements are on
a Web page? 2. How does one use a
browser to view a Web page?
3. How does one view the HTML source code in a browser?
4. How does one print a Web page and an HTML file?
Lesson Essential Questions1. How does one
describe the Notepad window?
2. How does one enable word wrap in Notepad?
3. How does one quit Notepad and a browser?
Lesson Essential Questions1. How does one enter headings
and a paragraph of text? 2. How does one create an
unordered, ordered, or definition list?
3. How does one save an HTML file?
4. What are Web page image types and attributes?
5. How does one add an image, change the background color of a Web page, center a heading, and add a horizontal rule?
Student Learning Map - VocabularyElements of a Web Page
Text Editor HTML Tags and Attributes
1. animated (HTM 33) 2. background (HTM 32) 3. body (HTM 32) 4. favorites or bookmarks (HTM 32) 5. headings (HTM 33) 6. horizontal rules (HTM 33) 7. normal text (HTM 32) 8. title (HTM 32) 9. Document Type Definition or
DTD (HTM 36) 10. hotspot (HTM 33) 11. image map (HTM 33) 12. inline image (HTM 33) 13. link (HTM 33) 14. list (HTM 33) 15. Notepad (HTM 31)
1. Notepad2. Notepad ++
1. alt attribute (HTM 51) 2. <body> and </body> (HTM 37) 3. <dd> (HTM 43) 4. <dl> and </dl> (HTM 43) 5. <!DOCTYPE> (HTM 36) 6. <dt> (HTM 43) 7. <head> and </head> (HTM 37) 8. <html> and </html> (HTM 37) 9. <li> and </li> (HTM 41) 10. <ol> and </ol> (HTM 41) 11. <title> and </title> (HTM 37) 12. <ul> and </ul> (HTM 41)
