headings, paragraphs, linebreaks, divs, lists, andblockquotes -Configure text withphrase elements [难点]Configure specialcharacters -Use the new HTML5header, nav, main, and footerelementsUse theanchor elementtolinkfrompagetopageCreateabsolute, relative, and e-mailhyperlinks ·Code, save, anddisplay a web page document Test a web page documentforvalid syntax 课程思政融入点：介绍HTMLBasics技术，培养实事求是的科学态度和职业道德。[重点] Describe the evolution ofstyle sheets from print media tothe Web - List advantages ofusing Cascading Style网站实例研究习题Configuring ColorSheets -Configure background课堂讲授与4目标三时维宁课程思政作业：要求学生每人阅读3线下教学and Text with CSSand text color on web pages上机练习网站设计与制作有关的文章或书籍Create style sheets that configurecommon color andtextproperties *[难点] Apply inline styles ~Use6
6 headings, paragraphs, line breaks, divs, lists, and blockquotes、Configure text with phrase elements。 [难点] 、Configure special characters、Use the new HTML5 header, nav, main, and footer elements、Use the anchor element to link from page to page、Create absolute, relative, and e-mail hyperlinks、Code, save, and display a web page document、 Test a web page document for valid syntax。 课程思政融入点：介绍 HTML Basics 技术，培养实事求是的科 学态度和职业道德。 4 Configuring Color and Text with CSS 时维宁 3 [重点] Describe the evolution of style sheets from print media to the Web、List advantages of using Cascading Style Sheets、Configure background and text color on web pages、 Create style sheets that configure common color and text properties。 [难点] Apply inline styles、Use 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业：要求学生每人阅读 网站设计与制作有关的文章或书籍 目标三
embedded style sheets - Useexternal style sheets - Configureelement, class, id, and descendantselectors - Utilize the"cascade”in CSSValidate CSS 课程思政融入点：介绍Configuring Color and Text withCSS技术，培养实事求是的科学态度和职业道德。[重点] Create and format linesand borders on web pagesDecide when to use graphics andwhat graphics are appropriateApply the image element to addgraphicstowebpagesOptimize an image for web pagedisplayConfigure images asbackgroundsonwebpages网站实例研究习题Visual Elements课堂讲授与Configure images as hyperlinks 5目标二课程思政作业：要求学生每人阅读时维宁3线下教学and GraphicsConfigure rounded cormers, box上机练习网站设计与制作有关的文章或书籍shadow,text shadow,opacity,andgradientswithCSS3Configure RGBA colorwithCSS3°[难点]Configure HSLAcolorwith CSS3 - Use HTML5elementsto caption a figure7
7 embedded style sheets、Use external style sheets、Configure element, class, id, and descendant selectors、Utilize the “cascade” in CSS、Validate CSS。 课程思政融入点：介绍 Configuring Color and Text with CSS 技术，培养实事求是的科学 态度和职业道德。 5 Visual Elements and Graphics 时维宁 3 [重点] Create and format lines and borders on web pages 、 Decide when to use graphics and what graphics are appropriate 、 Apply the image element to add graphics to web pages 、 Optimize an image for web page display、 Configure images as backgrounds on web pages、 Configure images as hyperlinks、 Configure rounded corners, box shadow, text shadow, opacity, and gradients with CSS3、 Configure RGBA color with CSS3 。 [难点] Configure HSLA color with CSS3、Use HTML5 elements to caption a figure 、 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业：要求学生每人阅读 网站设计与制作有关的文章或书籍 目标二