You are on page 1of 13

Unit Plan Internet and Web Page Creation Teacher: Miss Courtney J.

. Skemp Grade: 9-12 HTML, XHTML, and Dynamic HTML: Tutorial 1 Approximate Time Required: 18 days

__________________________________________________________________________________________ Introduction: The following unit is an introductory unit about the history of the World Wide Web and creating a basic HTML document with the use of block-level elements, lists, inline elements, attributes, empty elements, character sets and special characters. The students are exposed to the introductory elements of the Web and HTML in this unit. Purpose of the Unit: This unit serves as an introduction to the foundational elements of the World Wide Web and HTML. The content presented will acquaint students with terminology, the World Wide Web, basic HTML file structure, and commonly used elements. This unit meets the following Pennsylvania Department of Education Standards as well as National Business Education Standards. Pennsylvania and National Business Education Standards Reading, Writing, Speaking, and Listening Standards R11.A.1.4.1: Identify and/or explains stated or implied main ideas and relevant supporting details Pennsylvania Department of Education Academic from text. Standards R11.A.2.3.1: Make inferences and/or draw conclusions based on information from text. 1.6.9.A: Listen critically and respond to others in small and large group situations. Information Technology VII. Web Development and Design Design and create web pages incorporating National Business Education Association (NBEA) various types of media. National Standards Apply appropriate web design concepts. Design and create websites incorporating navigation and linking. Domain 1: Planning and Preparation 1a: Demonstrating Knowledge of Content and Pedagogy. 1b: Demonstrating Knowledge of Students 1c: Selecting Instructional Goals 1e: Designing Coherent Instruction 1f: Assessing Student Learning Danielsons Framework Domain 2: The Classroom Environment 2a: Creating an Environment of Respect and Rapport. 2b: Establishing a Culture for Learning 2c: Managing Classroom Procedures 2d: Managing Student Behavior Domain 3: Instruction 3a: Communicating Clearly and Accurately

3b: Using Questioning and Discussion Techniques. 3c: Engaging Students in Learning 3e: Demonstrating Flexibility and Responsiveness Domain 4: Professional Responsibilities 4b: Maintaining Accurate Records 4d: Contributing to the School and District 4e: Growing and Developing Professionally 4f: Showing Professionalism 1. Objectives Upon completion of this unit, the student will be able to 2. Content a. Session 1 i. Exploring the History of the World Wide Web ii. Introducing HTML iii. Creating an HTML Document b. Session 2 i. Working with Block-Level Elements ii. Marking a List iii. Exploring Other Block-Level Elements iv. Working with Inline Elements c. Session 3 i. Using Element Attributes Explain the history of the Web and HTML. (Session 1) Describe HTML standards and specifications. (Session 1) Understand HTML elements and markup tags. (Session 1) Create the basic structure of an HTML file. (Session 1) Insert an HTML comment. (Session 1) Work with block-level elements. (Session 2) Create ordered, unordered, and definition lists. (Session 2) Work with inline elements. (Session 2) Understand the div and span elements. (Session 2) Add attributes to the HTML elements. (Session 3) Format page content using the style attribute. (Session 3) Mark empty elements using one-sided tags. (Session 3) Add an inline image to a Web Page. (Session 3) Work with character sets and codes. (Session 3)

ii. Working with Empty Elements iii. Working with Character Sets and Special Characters

3. Vocabulary ARPANET the precursor to the Interneta wide area network which started with two network nodes located at UCLA and Stanford connected by a single phone line. ASCII The character set representing the alphabet of English characters (American Standard Code for Information Exchange). Attribute a markup tag that controls the use, behavior, and in some cases the appearance of an element in an HTML document. block-level element an element that contains content that is viewed as a distinct block within a Web page; when rendered visually, block-level elements start on a new line in the document. body element the element that contains all of the content that appears on a Web page. character encoding the process by which browsers associate a symbol with a number, and vice versa. character entity reference a way to insert a special symbol, in which a short, memorable name is used in place of a numeric character reference. character formatting element an element used to format characters and words. character set a collection of characters and symbols; for English about 127 characters are needed to represent all of the upper- and lower-case letters, numbers, punctuation marks, spaces, and special typing symbols in the English language. Client a computer or other device that requests services from a server. client-server network one of the most commonly used designs for a network, in which several clients access information provided by one or more servers. closing tag a tag that indicates then end of a two-sided tag. comment tag a tag that allows you to insert a comment in your HTML code; such notes often contain the authors name and the date the document was created. definition list a type of list that contains a list of terms, each followed by the terms description. deprecated refers to a feature of HTML of XHTML that is being phased out by the W3C and which might not be supported by future browsers. element a distinct object in a Web document, like a paragraph, a heading, or the pages title. empty element an element that contains no content; empty elements appear in code as onesided tags.

Extensible Hypertext Markup Language (XHTML) one of the markup languages created with XML; designed to confront some of the problems associated with the various competing versions of HTML and to better integrate HTML with other markup languages like XML. extensions features added to HTML by various browsers, but not part of the specifications outline by the W3C. file server a node on a network that provides storage space for saving and retrieving files. head element one of the two main sections of a Web document; contains information about the document (such as the documents title or a list of keywords) that aids a search engine on the Web in identifying the document for other users. heading element an element that contains the text of main headings on a Web page. host a computer through which users access a network, also called a node. HTML hypertext markup language; a language used to mark the elements of a document to create a Web page. HTML converter a program that translates text written in another language into HTML code. HTML editor a program that helps you to create an HTML file by inserting HTML codes for you as you work. hypertext a method of organization in which information is not presented linearly, but in whatever order is requested by the user. inline element an element that marks a section of text within a block-level element; inline elements do not start on a new line or block, but instead flow in-line with the rest of characters in the block. inline image a graphic file that is loaded as a browser renders a Web page. Internet Service Provider (ISP) a company that provides Internet access. ISO-8859-1 an extended character set of 255 characters that can be used by most languages that employ the Latin alphabet, including English, French, Spanish, and Italian; also called Latin-1. LAN (local area network) a network confined to a small geographic area, such as within a building or department. link an element in a hypertext document that allows you to jump from one topic or document to another, usually by clicking it with a mouse button. logical element an element that describes the nature of the enclosed content but not necessarily how that content should appear. markup language a language that describes the content and structure of a document.

network a structure that links several computer or other devices (called nodes) together, allowing for the sharing of information and services. node a point (such as a computer or printer) on a network; also called a host. numeric character reference a number that represents a character. one-sided tag a tag used for an empty element; does not have an opening or closing tag. opening tag the tag that indicates the beginning of the content in a two-sided tag. ordered list an HTML list format used for items that must appear in a numeric order. physical element an element that describes how content should appear but doesnt indicate a contents nature. presentational attribute an attribute that specifically describes how an elements should be rendered; almost all presentational attributes are deprecated in favor of styles. print server a network node that provides printing services to the network. root element the element that contains all of the elements used in a document; for HTML documents, the root element is marked with the <html> tag. server a network node that makes information or a service available on the network. SGML (standard generalized markup language) the first popular markup language; SGML is a device- and system- independent and is used to create other markup languages. style a formatting rule written in a separate language from HTML telling the browser how to render an element for particular devices. tag the core building block of HTML; marks the presence of an element. text-based browser the earliest kind of browser, limited to displayed only text. two-sided tag a tag that has an opening and a closing tag to mark the contents beginning and end. Unicode the most extended character set, which can be used for any of the worlds languages, supporting up to 65,536 symbols. unordered list an HTML list format in which items do not need to occur in any special order. UTF-8 the most commonly used character set on the Web; a compressed version of Unicode. W3C (World Wide Web Consortium) a group of Web developers, programmers, and authors who set the standards or specifications that all browser manufactures follow; the W3C has no enforcement power, but because a uniform language is in everyones best interest, the recommendations are usually followed, though not always right away. WAN (wide area network) a network that covers a wide area, such as several buildings or cities; typically consists of two or more LANs connected together; the largest WAN in the Internet.

Web browser a program that retrieves a Web page from a server and renders the page on a computer or other device. Web page a document on the WWW. Web server a computer that stores and makes Web pages available to any device connected to the Internet. white space blank spaces, tabs, and line breaks within an HTML text file, not displayed by browsers. World Wide Web (Web, WWW) an interface designed to make the resources of the Internet accessible to the general public. XML (extensible markup language) a language for creating markup languages, like SGML, but without SGMLs complexity and overhead. 4. Accommodations for Students Providing Unit and Lesson objectives to the students Including group activities in the classroom Providing verbal and written instructions for assignments Integrating technology into the assignments Realigning lessons if the material is too easy or too hard Using hands-on activities in the classroom Setting the pace of the lesson based upon the learners Providing notes and a plan of action daily for the students to follow Modifying lessons as necessary for students with IEPs

5. Survey Statements/Motivational Techniques a. Notes/Class Discussion: i. Students will take notes and/or have a lecture/discussion daily to discuss the contents of each chapter. ii. The instructor will formatively assess student learning daily during the opening and closing portions of the lesson as topics from the previous class and that class will be reviewed and reinforced. b. Project: i. Students will complete two projects during the course of the Tutorial. One project will be the Chapter Exercises, which will be done as a class to ensure student understanding of the material. The second project will be a Homecoming Web Page that the students will complete at the end of the Tutorial.

ii. Points will be awarded for completion of the projects based on a scoring rubric. iii. Students will be given class time to complete the projects. c. Other exercises to increase student learning: i. Students will be given one pop quiz during the Tutorial as a notebook check. Students will be allowed to use their notes ONLY during the pop quiz. ii. Students will have several review sessions during the course of the unit. These review sessions are designed to formatively check for student understanding and provide students with an idea of the testable material. 6. Procedures, Activities, Evaluation Lecture Discussion/Class Participation Demonstration/In-class examples Projects chapter exercise and Homecoming Web Page Pop quiz Review sessions Study guide completion Two assessments one at the end of Session 1.2 and one at the end of Session 1.3

7. Materials Used Text: HTML, XHTML, and Dynamic HTML Examples: The instructor will create examples and provide examples from the text PowerPoints: Provided by the text but modified by the instructor Review questions: Provided by the text and created by the instructor Study guides: Created by the instructor Computers with Internet access, Microsoft Word, and Windows Notepad Pens/pencils Dry erase board Dry Erase markers Paper Projector

Time Schedule Lesson: After the instructor is introduced, the students will begin reading Session 1.1 in the text. Activity: If the students have finished reading Session 1.1, then they will begin Day 1, Lesson Topic: Tutorial 1, Session 1 Introduction working on the Quick Check questions for this session. Evaluation: Students will be evaluated on their class participation and their ability to work quietly. Students will be evaluated on the answers from the Quick Check questions associated with Session 1.1. Lesson: Allow students time to finish reading Session 1.1. If time allows, the instructor will begin discussing Session 1.1 with a PowerPoint presentation. Day 2, Lesson Topic: Tutorial 1, Session 1 Activity: Quick Check questions for Session 1.1. Students will take notes and actively participate in the class discussion if time allows. Evaluation: Day 3, Lesson Topic: Tutorial 1, Session 1 Completion of Quick Check questions Class Participation

Lesson, Activity: Start/continue Session 1.1 lecture/discussion.

Complete Quick Check Questions if necessary.

Evaluation: Active listening and class participation Completion of Quick Check questions

Lesson, Activity: Notebook pop quiz Review with class: where Notepad is located, saving procedures, and how to view their Web pages. Day 4, Lesson Topic: Tutorial 1, Session 1 Day 5, Lesson Topic: Tutorial 1, Session 1 Finish Session 1.1 lecture/discussion (if necessary). Explain the chapter exercise to the students. Begin chapter exercise.

Evaluation: Active listening and class participation Pop quiz

Lesson, Activity: 15 minutes review session using the small white boards. The students will have the rest of the period to work on the chapter exercise. The instructor will circulate the room, answering questions and formatively assessing student progress Evaluation: In-class work Active listening and class participation

Lesson, Activity: Day 6, Lesson Topic: Tutorial 1, Session 2 Introduction Introduce Session 1.2. Have students begin reading. Copy necessary data files for the chapter exercise/work on chapter exercise. Begin Session 1.2 lecture/discussion.

Evaluation: Active listening and class participation In-class work

Lesson, Activity: Continue reading Session 1.2. Continue lecture/discussion of Session 1.2. Day 7, Lesson Topic: Tutorial 1, Session 2 Continue working through chapter exercise with the students.

Evaluation: Day 8, Lesson Topic: Tutorial 1, Session 2 Day 9, Lesson Topic: Tutorial 1, Session 2 In-class work Active listening and class participation

Lesson, Activity: Continue/finish lecture/discussion of Session 1.2. Continue/finish working on the chapter exercise. Continue/finish reading Session 1.2.

Evaluation: In-class work Active listening and class participation

Lesson, Activity: Continuation of the previous days activities. Work on study guide for Session 1.1 and 1.2.

Review session.

Evaluation: In-class work Active listening and class participation Chapter Exercise completion

Lesson, Activity: Students will have 5 minutes to look over their notes. Students will complete Session 1.1 and 1.2 quiz. Day 10, Lesson Topic: Tutorial 1, Session 1 and 2 Quiz If students complete the quiz before the end of the period, they will begin reading Session 1.3. Evaluation: Working quietly Session 1.1 and 1.2 quiz

Lesson, Activity: Day 11, Lesson Topic: Tutorial 1, Session 3 Introduction Review Session 1.1 and 1.2 quiz. Hand back and review chapter exercise. Introduce Session 1.3 and have students begin/continue reading. Evaluation: Active listening and class participation In-class work

Lesson, Activity: Day 12, Lesson Topic: Tutorial 1, Session 3 Students will continue/finish reading Session 1.3. Students will work independently on the chapter exercise for this session. The instructor will circulate the room to answer questions and formatively assess progress. If time allows, the instructor will begin lecturing/discussion Session 1.3. Evaluation: Active listening and class participation In-class work

Lesson, Activity: Continue/finish independently working on the chapter exercise for this Session. Day 13, Lesson Topic: Tutorial 1, Session 3 Begin/continue lecture and discussion for Session 1.3.

Evaluation: Day 14, Lesson Topic: Tutorial 1, Session 3 Active listening and class participation In-class work

Lesson, Activity: Finish working on chapter exercise independently. Introduce Homecoming Web Page project. Students will begin working on Homecoming Web Page project. Evaluation: Active listening and class participation In-class work Chapter exercise

Lesson, Activity: Students will have the entire period to work on their Homecoming Web Page Day 15, Lesson Topic: Tutorial 1, Sessions 1-3 project. The instructor will circle the room to assess student progress and answer questions. Evaluation: Day 16, Lesson Topic: Tutorial 1, Sessions 1-3 In-class work

Lesson, Activity: Continue/finish Homecoming Web Page project. Begin working on Session 1.3 study guide. Evaluation: Day 17, Lesson Topic: Tutorial 1, Sessions 1-3 In-class work

Lesson, Activity: Type up loose ends from Tutorial 1. Finish Homecoming Web Page project. Begin/continue/finish working on Session 1.3 study guide. Review session for Tutorial 1 quiz.

Evaluation: In-class work Homecoming Web Page project

Lesson, Activity: The students will have the entire period to work on the Tutorial 1 quiz. Day 18, Lesson Topic: Tutorial 1 Quiz If students finish before the end of the period, then they will begin reading Tutorial 2, Session 1. Evaluation: Tutorial 1 quiz