HTML网页设计-教学大纲

HTML web设计教学大纲课程性质：专业课程时间：80小时(面学时间：16实验时间：16自学时间： 48)适用的专业水平：高职院校一、课程教育的基本要求：本过程内容新颖、实用、渐进的形成过程中，还没有有关该系统的理论，比较快。现在基本上以网站建设和网页设计实践为线索确定课程的知识结构。根据课程的实用性特性，实习环节在教学过程中占有重要地位。通过本课程的学习和实践，学生必须实现以下目标：1.熟悉互联网基本知识和网站建设的基本概念和方法。2.掌握web设计制作的基本概念、HTML超文本标记语言的基本知识。3.主要掌握web创作工具Dreamweaver、Flash和Firework的使用4.掌握计算机网络信息收集、处理、处理、发布和维护的基本框架和工作流程，就可以建立中小型网站。5.了解本课程相关技术的发展趋势。二、课程教学大纲说明1.课程的性质：HTML与网页制作课程是计算机网络方向必需的专业基础技术课程。学生在学习这门课程之前，必须具备计算机网络和计算机操作的初步知识和能力。2.课程的挑战：作为计算机网络技术专业的学生，必须具有web设计方面的知识，并具有规划、设计、实施和维护中小企业网站(如公司网站、电子商务网站等)的专业网站建设能力。完成本课程的学生应形成网站规划和设计的基本知识结构，并创建中小型个人网站，并将其发布到互联网上。3.培训条件：本课程的重点是学生的实际操作能力，因此所有课程都必须在计算机房进行，每个学生都必须安装高性能计算机、操作系统(Windows 2000 Server)，安装Macromedia Dreamweaver Mx、Flash Mx、Fireworks Mx，并具备internet连接条件。4.教学说明：在理论教学中采用“案例分析”的方法，指导学生发现问题，分析问题，掌握网站建设的基本概念和过程。实践教学中，以“示例指导，项目驱动”的方式讲授常用软件的使用，实现相关示例，扩展示例，实际实现“学习实践”。在教学过程中，着重培养学生各方面的素质，着重培养学生的实践能力、表达能力、协作能力、学习能力等。三、各章的教学结构和具体要求(各章的教学内容和具体的教学目的和要求)第一章网页设计理论1.1了解网页和网站1.2 web设计和制作1.2.1基本概念1.2.2网页设计的主题和风格定位1.2.3网站开发流程1.2.4网站前端开发环境1.2.5相关术语1.3练习题培训目的和要求：主要是了解文档标记的使用、头部标记title、正文标记body、标题标记等，以及了解和了解HTML文档的结构。第2章HTML表格2.1票2.1.1创建表格2.1.2添加表格内容2.1.3表格基本作业2.1.4设置表格和单元格的属性2.2与表相关的CSS属性及其应用2.2.1表单类CSS属性2.2.2css表格2.3css知识积累2.3.1浮动2.3.2定位2.4业务案例“中秋电影”活动页面的设计和实施2.4.1页计划2.4.2页的具体实施2.5教育2.6练习题授课目的和要求：在表章节中，您将主要学习表的边框设置、表的背景颜色、表边框颜色、表高度和宽度设置，以及表背景图像设置。您可以控制表格间距设置、表格水平对齐设置、表格标题设置、行标签和单元格背景颜色设置、表格行之间的列设置以及表格嵌套，以便以后将表格用作网页布局。第三章静态网页的制作3.1html、XHTML和HTML5概述3.1.1html3.1.2xhtml3.1.3html53.2 web文件创建过程3.3“常规”选项卡3.3.1标题标记、段落标记和换行符3.3.2超链接标签和图像标签3.3.3列表选项卡3.3.4表格页签3.3.5表单选项卡添加3.3.6html5标签3.4简单示例3.4.1创建和保存网页3.4.2预览网页3.5教育3.6练习题授课目的和要求：通过框架页面示例学习web框架的基本知识、设置框架边框、设置框架边距、设置框架百分比、设置框架滚动条、设置框架边框的颜色、为框架拆分窗口上下分割窗口、通过左右分割窗口设计框架页面、设置浮动框架的高度和宽度、设置浮动框架的对齐方式等第四章CSS基础4.1css语言概述4.1.1css概述4.1.2css规则4.1.3css的命名约定4.2css和html文档的组合方法结合4.3 CSS创建简单的网页4.3.1页面布局分析4.3.2合成html文档4.3.3美化和修改文档4.4教育4.5练习题培训目的和要求：在本节中，您将学习使用CSS设计web样式。让学生熟悉使用CSS的基本语法，以及在HTML中使用CSS的一些方法。达到网站美化的目的第5章PhotoshopCS2网页制作5.1 Photoshop cs25.1.1Photoshop CS2工作环境5.1.2工具栏和面板简介设定5.1.3Photoshop CS2的参数5.2创建和管理站点5.2.1创建站点5.2.2创建第一个web文档5.2.3站点内的文件管理5.2.4站点管理Photoshop CS2应用程序中的5.3css5.3.1css的链接类型5.3.2盒模型概述5.3.3css选择器5.4业务案例使用“div CSS”模式制作旅行社网页5.4.1页计划5.4.2实施过程5.5教育5.6练习题培训目的和要求：通过对PhotoshopCS2的工作环境的初步了解，学习如何操作PhotoshopCS2中的面板，以及如何利用简单的知识模板创建简单的网页并将其应用于实例。第6章JavaScript基础6.1 JavaScript编程基础6.2 JavaScript的工作方式如何在6.3 Html页面中使用JavaScript培训目的和要求：介绍internet、HTML、JavaScript和JavaScript程序的编辑和调试。焦点：WWW、HTML、JavaScript概念；JavaScript程序编辑和调试方法。第7章JavaScript对象7.1内置对象(String、Math和Date)7.2浏览器对象(Window、Document、History、Forms、)7.3自定义对象教程：介绍String对象、math对象、data对象和其他对象。焦点：String对象、math对象、data对象和其它对象的概念；困难：如何使用上述对象。第8章DOM技术8.1 DOM概念DOM应用程序中的8.2 JavaScript8.3 DOM客户端编程。教育目的和要求：完成步骤以了解DOM技术和应用程序。第9章JavaScript事件处理了解9.1 JavaScript事件9.2 JavaScript事件应用程序培训目的和要求：了解JavaScript事件并学习使用JavaScript事件。第10章HTML web设计实验10.1规划和分析10.1.1相关概念10.1.2规划和设计10.2设计和实施实施10.2.1登录页10.2.2实施后台页面10.3教育10.4练习题培训目的和要求：深入了解HTML制作网页，设计和实施您自己的网页。第11章HTML5音频和视频技术11.1 HTML5音频11.2 HTML5视频技术11.3集成应用程序教育目的和要求：在HTML5中应用音频和视频技术。第12章HTML5本地数据存储培训目的和要求：简要了解HTML5本地数据存储。四、各教学环节的时间分布表(以高等数学为例)章节顺序讲课内容自学的时候学校里面授小计第一章网页设计理论426第二章HTML表格404第三章静态web制作404第四章基于CSS426第五章photoshopcs 2 web创作404第六章JavaScript基础426第七章JavaScript对象426第八章DOM技术426第九章JavaScript事件处理426第十章HTML web设计实验404第11章HTML5音频和视频技术426第十二章HTML5本地数据存储426总计481664五、教材和主要参考书教材： 网页设计与制作案例教程（HTML+CSS+Dreamweave