计算机应用专业.doc

网页设计自学指导书成人高等函授教育 计算机科学与技术专业网页设计自学指导书山东教育学院9山东教育学院成人高等函授教育网页设计课程自学指导书一、适用专业和层次专业：计算机科学与技术专业（函授）。层次：本科。二、教学目标本课程以专业培养目标和专业教学计划为依据，遵循适用、实用、会用、通用的原则，着力培养学生利用相关软件独立设计小型WEB站点的应用能力。本课程的任务是使学生掌握HTML语言的语法规则及文字、链接、列表、 表格、表单、图像、多媒体、框架元素标志及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点，并为后续课程的学习和职业能力的培养奠定必要的基础。通过理论教学和实践教学，学生应达到以下要求：1. 掌握静态网页的制作工具的使用。2. 掌握HTML标记语言的运用。3. 掌握脚本语言编程的基本方法与技巧。4. 具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能。5. 能独立设计小型WEB站点三、先修课程计算机文化基础；Photoshop图像处理。四、自学建议本课程的学习一定要与上机实践相结合，通过教材中的大量实践练习，可以巩固和加深对所学理论的理解，培养网页设计能力。练习前，要对所学内容基本掌握；练习时，要注意相关知识点的掌握和融会贯通，熟练应用所学内容。除学习规定教材外，应参阅相关的参考书。与网页设计相关的内容很多，要多看，多练，多思考，同时注意相关内容的补充练习。从而提高分析问题、解决问题的能力和创新精神。五、学时分配自学学时：48；面授学时：24；实验学时：12。六、自学进度及各章节学时安排自学周数15周，每周保证3.2学时，总计48学时。在自学过程中，除了保证时间外，应多做练习（各章例题及有关习题）。各章节学时安排如下。自学进度表章次内 容周次自学学时备注1网页设计制作概述12基础2网页版面设计基础122基础3用DreamweaverCS4创建基本网页232基础4超链接342基础5表格52基础6网页行为语言JavaScript576重点7网页表现语言CSS84重点8框架84重点9表单94重点10模板与库9104了解11多媒体对象104了解12使用Div布局页面114了解13网站的整合与测试发布118重点七、各章节自学内容及指导第1章 网页设计制作概述（一）学习目标了解网站的规划与设计，网站开发工作流程。（二）自学重点网站的规划与设计网站。（三）自学难点网站开发工作流程。（四）自学内容网站的规划与设计；站开发工作流程；网站策划书撰写要点；用网页制作软件（五）学习指导在着手做网站之前，先要进行合理的规划与设计。首先要对网站的整体风格和特色进行定位，再按开发流程逐步进行。第2章 网页版面设计基础（一）学习目标掌握版面编排原则；熟悉网页界面的特点和网页的功能；掌握网页排版布局的常用技术。（二）自学重点网页排版布局的常用技术。（三）自学难点色彩搭配。（四）自学内容网页基础知识：虚拟界面；网页界面的特点；网页的功能；网页版面设计版面编排原则：网页排版布局的一般步骤；版面典型风格；网页排版布局的常用技术；色彩搭配；设计规则；应该注意的设计误区（五）学习指导制作网页就应该了解一些版面设计的知识。在制作一个网页之前，应该先进行构思，版面设计基础较差的朋友最好将初步的设想画在纸上，免得在做了一半时发现页面不和谐而重做。第3章 用Dreamweaver CS4创建基本网页（一）学习目标掌握Dreamweaver CS4的常用菜单及基本操作；了解网页的基本排版；熟练掌握图文混排。（二）自学重点图文混排。（三）自学难点页面属性设置；网页的基本排版；插入图像。（四）自学内容Dreamweaver CS4工作环境简单网页的制作网页的基本排版制作图文并茂网页案例2：设计曙光大学网站“校园风采”页面案例3：了解曙光大学网站“校园风采”网页代码（五）学习指导本章主要从2个案例出发，通过案例的操作来熟悉Dreamweaver CS4的基本操作，目标是能从头至尾完整的做出一个简单的网页。第4章 超链接（一）学习目标掌握创建内部超链接创建方法及应用。（二）自学重点内部超链接。（三）自学难点创建图片超链接; 锚点超链接。（四）自学内容内部超链接：创建文字超链接；创建图片超链接。外部链接：E-mail超链接锚点超链接。（五）学习指导本章介绍的这几种超链接是实现网上冲浪的重点，用于完成网页之间的联接，应熟练掌握。本章所有例题均应上机练习。第5章 表格（一）学习目标掌握表格布局页面的综合应用；熟悉制作网站首页的技术要点。（二）自学重点表格基本操作。（三）自学难点表格的格式设置。（四）自学内容表格的基本操作：创建表格；设置表格属性表格内文字的对齐方式；表格在页面中的对齐方式；表格的色彩和图像背景（五）学习指导本章知识点中，表格基本操作是统一网页布局的基础，应熟练掌握，并上机练习相关操作。第6章 网页行为语言JavaScript（一）学习目标掌握行为的使用；熟悉图像显示控件和定时器的使用；了解滚动条的使用。（二）自学重点行为。（三）自学难点利用“行为”面板设置。（四）自学内容在网页中插入JavaScript的方法及定义。利用“行为”面板设置弹出信息框。（五）学习指导行为是Dreamweaver中最有特色的功能，它可以让用户不用编写一行代码即可实现多种动态页面效果。应熟练掌握，并上机练习相关例题。第7章 网页表现语言CSS（一）学习目标掌握CSS规则；掌握“CSS样式”面板的应用；熟悉内部样式表。（二）自学重点样式的应用。（三）自学难点创建并使用外部CSS样式。（四）自学内容“CSS样式”面板。“CSS样式”面板视图和按钮。创建并使用内部样式表。创建链接样式。样式的应用。（五）学习指导使用样式表不但可以使创建的页面拥有统一的风格，而且定义大篇幅的页面中的有文字会非常的快捷。通过使用样式表功能，可以使页面中的文字快速格式化。第8章 框架（一）学习目标掌握框架和框架集的概念和应用；掌握选择框架和框架集；掌握设置框架和框架集属性。（二）自学重点设置框架和框架集属性。（三）自学难点框架和框架集的概念和应用。（四）自学内容框架网页概述创建框架和框架集选择框架和框架集设置框架和框架集属性（五）学习指导利用框架技术可以把浏览器的显示空间侵害为几个区域，第个区域可以分别显示不同的网页内容。框架在网页制作中起着重要作用，应结合上机练习例题，理解它们的定义和文件组成。第9章 表单（一）学习目标掌握表单的作用；熟悉表单域的各个元素以及熟练制作一个有交互功能的表单。（二）自学重点表单的作用；表单域的各个元素。（三）自学难点有交互功能的表单的做法。（四）自学内容插入表单插入文本域复选框和单选按钮插入列表和菜单插入按钮（五）学习指导在网站中，表单是实现网页上数据传输的基础。结合前几章的上机练习以及本章示例，在充分理解表单作用的前提下，熟悉表单及表单域中各对象的操作。第10章 模板与库（一）学习目标掌握模板的创建与可编辑区域的建立；熟悉使用模板创建新网页的方法；熟悉创建与应用库项目的方法。（二）自学重点使用模板创建新网页；创建与应用库项目的方法。（三）自学难点可编辑区域的建立。（四）自学内容创建模板创建可编辑区域使用模板创建新网页创建与应用库项目（五）学习指导利用模板功能可以制作几十种甚至更多种风格基本相似的页面，极大提高工作效率。应结合上机练习，掌握创建和应用模板的步骤与方法。第11章多媒体对象（一）学习目标熟悉添加Flash影片、插入视频文件、插入其他媒体对象的操作方法（二）自学重点添加Flash影片；插入视频文件。（三）自学难点插入其他媒体对象。（四）自学内容网页中图像的使用常识；图像的基本操作；插入其他网页图像；添加Flash影片；插入视频文件；插入其他媒体对象（五）学习指导多媒体对象的类型繁多，学会一个对象的插入，也要学会举一反三的做法，尽管本章所列多媒体对象均非常实用，但本章内容属一般了解内容，若时间充裕，可上机练习本章各例题，还可以网上找一下不同类型的多媒体对象之间的相互转换所使用的工具软件来学习一下。第12章 使用Div布局页面（一）学习目标了解采用Div+CSS的网页布局方式；熟练使用DIV。（二）自学重点DIV的应用。（三）自学难点DIV的应用。（四）自学内容div定义div布局div 与css样式表的区别（五）学习指导本章内容属一般了解内容，若时间充裕，可上机练习本章例题。第13章 网站的整合与测试发布（一）学习目标熟悉网站建设规范；熟悉网站建设的基本流程；了解网站的维护和推广。（二）自学重点测试站点；发布网站。（三）自学难点测试站点；（四）自学内容网站建设规范；网站建设的基本流程；测试站点；发布网站；维护网站；推广网站。（五）学习指导网站做好后，还要发布到网上供其它人访问。本章是网页制作的最后一个环节，很重要。八、教材及参考书目（一）选用教材网页设计与制作教程刘瑞新编著 第4版（高等教育“十一五”规划教材 全国优秀畅销书）.北京：机械工业出版社，2009.（二）参考书目1新编网页设计与制作教程作者：冯沃辉 黄智诚出版社：冶金工业出版社 2JavaScript入门与提高清华大学出版社出版3动感网页精彩范例设计Dreamweaver4.0现场实作 王镭 邵谦谦编写 北京希望电子出版社4Internet/Intranet 应用与网页制作实训教材 樊月华 刘洪发 编著 西安电子科技大学出版社5网页设计技术 刘涛 编著 中国铁道出版社6小型网站建设技术 刘涛 编著 中国铁道出版社7网页设计精彩实例 彭万波等 编著 电子工业出版社8动态网页设计教程 席一凡 刘培奇 编著 西安电子科技大学出版社9精品动态网页制作 杨内 江南 编著 清华大学出版社10Dreamweaver 4 标准培训教程飞思科技产品研发中心 编著 电子工业出版社11网站设计手册 何铮 朱家玮 编著 中国水利水电出版社12Dreamweaver MX 2004中文版精彩设计百例方春明 马路等编著 中国水利水电出版社九、本课程网站十、VB相关学习网站1. 网易学院/school.html2. 太平洋教程网/videoedu/3.