(线上/混合式/线下)[重点]Describetheevolutionofthe Internet and the WebExplain the need for webstandards - Describe universaldesign Identify benefits ofaccessible web design - Identifyreliable resources of informationon the Web - Identify ethical useofthe Web.网站实例研究习题Introduction to the[难点JDescribe the purpose of课堂讲授与5Internet and World目标一课程思政作业:要求学生每人阅读时维宁3线下教学web browsers and web servers *Wide Web上机练习网站设计与制作有关的文章或书籍Identify networking protocolsDefine URIsand domain nameDescribe HTML, XHTML, andHTML5 - Describe populartrends in the use of the Web.课程思政融入点:介绍InternetandWorldWideWeb技术,培养实事求是的科学态度和职业道德。[重点]DescribeHTML,网站实例研究习题XHTML,andHTML5课堂讲授与HTML Basics6目标二课程思政作业:要求学生每人阅读时维宁线下教学3Identify the markup language in a上机练习网站设计与制作有关的文章或书籍web pagedocumentUsethehtml, head, body,title, and meta6
6 (线上/混合 式/线下) 5 Introduction to the Internet and World Wide Web 时维宁 3 [重点] Describe the evolution of the Internet and the Web、 Explain the need for web standards、Describe universal design、Identify benefits of accessible web design、Identify reliable resources of information on the Web、Identify ethical use of the Web。 [难点]Describe the purpose of web browsers and web servers、 Identify networking protocols、 Define URIs and domain name、 Describe HTML, XHTML, and HTML5、Describe popular trends in the use of the Web。 课程思政融入点:介绍 Internet and World Wide Web 技术,培 养实事求是的科学态度和职业 道德。 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业:要求学生每人阅读 网站设计与制作有关的文章或书籍 目标一 6 HTML Basics 时维宁 3 [重点] Describe HTML, XHTML, and HTML5、 Identify the markup language in a web page document、Use the html, head, body, title, and meta 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业:要求学生每人阅读 网站设计与制作有关的文章或书籍 目标二
elements to code a template for aweb page-Configure the bodyofa web pagewithheadings, paragraphs, linebreaks, divs, lists, andblockquotes - Configure textwith phrase elements -[难点] Configure specialcharacters -Use the newHTML5 header, nav, main, andfooter elements-Use the anchorelement to link from page topage - Create absolute, relative,and e-mail hyperlinks - Code,save,and display a web pagedocument - Test a web pagedocument for valid syntax 课程思政融入点:介绍HTMLBasics技术,培养实事求是的科学态度和职业道德。[重点]Describetheevolutionofstyle sheets from print media to网站实例研究习题the Web-List advantages ofConfiguring Color课堂讲授与时维宁using Cascading Style目标三课程思政作业:要求学生每人阅读线下教学3and Text with CSS上机练习网站设计与制作有关的文章或书籍Sheets Configure backgroundand text color on web pagesCreate style sheets that configure7
7 elements to code a template for a web page、Configure the body of a web page with 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 技术,培养实事求是的 科学态度和职业道德。 7 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 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业:要求学生每人阅读 网站设计与制作有关的文章或书籍 目标三
commoncolorandtextproperties*[难点]Apply inline styles·Useembedded style sheets - Useexternal style sheets · Configureelement, class, id, and descendanselectorsUtilize the"cascade”in CSS.ValidateCSS .课程思政融入点:介绍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 addgraphics to web pages网站实例研究习题Optimize an image for web pageVisual Elements课堂讲授与8displayConfigure images as目标二时维宁课程思政作业:要求学生每人阅读3线下教学and Graphicsbackgrounds on web pages 上机练习网站设计与制作有关的文章或书籍Configure images ashyperlinks · Configure roundedcorners, box shadow, textshadow,opacity,and gradientswithCSS3-ConfigureRGBAcolorwithCSS38
8 common color and text properties。 [难点] Apply inline styles、Use 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 技术,培养实事求是的科 学态度和职业道德。 8 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 。 线下教学 课堂讲授与 上机练习 网站实例研究习题 课程思政作业:要求学生每人阅读 网站设计与制作有关的文章或书籍 目标二