Grades 9-12 Web Design



Unit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 1Introduction to HTMLDescribe the Internet and its associated key termsDescribe the World Wide Web and its associated key termsIdentify the types and purposes of Web sitesDiscuss Web browsers and identify their purposeDefine Hypertext Markup Language (HTML) and the standards used for Web developmentDiscuss the use of Cascading Style Sheets in Web developmentDefine Dynamic Hypertext Markup Language (DHTML) and describe its relationship to HTMLDefine Extensible Hypertext Markup Language (XHTML) and describe its relationship to HTMLDescribe tools used to create HTML documentsDiscuss the five phases of the Web development life cycleDescribe Web site design and the purpose of each Web site structureDescribe the importance of testing throughout the Web development life cyclePre-testObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of year ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 2Creating and Editing a Web PageIdentify elements of a Web pageStart Notepad and describe the Notepad windowEnable word wrap in NotepadEnter the HTML tagsEnter a centered heading and a paragraph of textCreate an unordered, ordered, or definition listSave an HTML fileUse a browser to view a Web pageActivate NotepadIdentify Web page image types and attributesAdd an image, change the background color of a Web page, and add a horizontal ruleView the HTML source code in a browserPrint a Web page and an HTML fileQuit Notepad and a browserPre-testObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of year ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 3Creating Web pages with Links, Images, and Formatted TextDescribe linking terms and definitionsCreate a home page and enhance a Web page using imagesAlign and add bold, italics, and color to text Change the bullet type used in an unordered listAdd a text link to a Web page in the same Web siteAdd an e-mail linkUse absolute and relative pathsSave and view an HTML file and test the linksOpen an HTML fileAdd an image with wrapped textAdd a text link to a Web page on another Web siteAdd links to targets within a Web pageCopy and paste HTML codeAdd an image link to a Web page in the same Web sitePre-testObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachPresentationLesson QuizzesChapter test per each chapterPersonal PowerPointPersonal PowerPoint PresentationEnd of Year Final examWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 4Creating Tables in a Web SiteDefine table elementsDescribe the steps used to plan, design, and code a tableCreate a borderless table to position imagesCreate a horizontal menu bar with text linksAdd background color to rows and cellsAlter the spacing between and within cells using the cellspacing and cellpadding attributesInsert a caption below a tableCreate headings that span rows and columns using the rowspan and colspan attributesCopy and paste HTML code to a new fileCreate a borderless table to organize textCreate a table with borders and insert textChange the horizontal alignment of textPre-TestObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of Year Final ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 5Creating an Image MapDefine terms relating to image mappingList the differences between server-side and client-side image mapsName the two components of an image map and describe the steps to implement an image mapDistinguish between appropriate and inappropriate images for mappingSketch hotspots on an imageDescribe how the x- and y-coordinates relate to vertical and horizontal alignmentOpen an image in Paint and use Paint to map the coordinatesCreate the home page and additional Web pagesCreate a table, insert an image into a table, and use the usemap attribute to define an image mapAdd text to a table cell and create a horizontal menu bar with text linksUse the <map> </map> tags to start and end a mapUse the <area> tag to indicate the shape, coordinates, and URL for a mapped areaChange link colorsPre-testObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of year ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 6 Using Frames in a Web SiteDefine terms related to framesDescribe the steps used to design a frame structurePlan and lay out a framesetCreate a frame definition file that defines three framesUse the <frameset> tagUse the <frame> tagChange frame scrolling optionsName a frame content targetIdentify Web pages to display at startupSet frame rows and columnsCreate a navigation menu page with text linksCreate a home pagePre-testObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachPresentationLesson QuizzesChapter test per each chapterPersonal PowerPointPersonal PowerPoint PresentationEnd of Year Final examWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 7Creating a Form on a Web PageDefine terms related to formsDescribe the different form controls and their usesUse the <form> tagUse the <input> tagCreate a text boxCreate check boxesCreate a selection menu with multiple optionsUse the <select> tagUse the <option> tagCreate radio buttonsCreate a textarea boxCreate a Submit buttonCreate a Reset buttonUse the <fieldset> tag to group form informationPre-TestObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of Year Final ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modelingUnit and Time FrameStandardsEvidence of UnderstandingFormativeAssessmentSummative AssessmentInstructional Strategies/Diverse LearnersTechnology StrategiesInstructional ShiftsHTML Chapter 8Creating Style SheetsDescribe the three different types of Cascading Style SheetsAdd an embedded style sheet to a Web pageChange the margin and link styles using an embedded style sheetCreate an external style sheetChange the body margins and background using an external style sheetChange the link decoration and color using an external style sheetChange the font family and size for all paragraphs using an external style sheetChange table styles using an external style sheetUse the <link /> tag to insert a link to an external style sheetAdd an inline style sheet to a Web pageChange the text style of a single paragraph using an inline style sheetPre-TestObservationsOral QuestioningDiscussion In-Class AssignmentsEnrichment Activities Peer re-teachLesson QuizzesChapter test per each chapterEnd of Year Final ExamWhole class instruction Small Group instructionIndividual instructionQuestioning TechniquesMonitoring ProgressStudent use of a computerEpson projector for examples and modeling ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download