《网页设计大纲》word版

《《网页设计大纲》word版》由会员分享，可在线阅读，更多相关《《网页设计大纲》word版（10页珍藏版）》请在装配图网上搜索。

1、网页设计理论课教学大纲课程编号：08207014学 时 数：32学 分 数：2执 笔 人：张瑞玲一、课程的性质与目的网页设计是电子商务专业开设的一门学科基础选修课。本课程的主要任务是介绍网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。通过本课程的学习，要求学生熟悉网页设计的流程及方法，熟练掌握DreamWeaver MX网页制作软件的使用技巧。强化学生的动手能力并激发学生的创造力。二、课程教学内容与要求本课程的主要内容包括：网站策划与维护；站点的建立；文字编辑、图片的使用、使用表格；表单的应用；图层的使用；动画与多媒体；超链接的使用；框架、网页脚本及模板的使用；测试上传等。本课程

2、的难点部分在于：图片的使用；使用表格；动画设计初步；模板的使用；框架与框架集的应用。以下按知识点进行阐述：1. Dreamweaver简介（2学时）教学内容：Dreamweaver的应用领域；Dreamweaver MX 2004界面组成；面板和面板组的使用；面板的隐藏和显示；Dreamweaver的知识结构。教学要求：了解网页策划与创意设计；掌握网页设计的概念、网页设计的步骤；了解Dreamweaver MX 2004界面组成；掌握面板和面板组的使用方法。2. 站点的建立（2学时）教学内容：站点的概念；站点向导的使用；测试服务器、站点的维护。教学要求：了解站点的概念；掌握建立站点的方法；了解

3、测试服务器的概念；学会对站点进行维护。3. 页面布局（2学时）教学内容：表格的插入、拆分与合并；表格的嵌套；表格属性的设置；表格的操作方法；布局表格和布局单元格的绘制与移动；间隔图像的作用和使用方法。教学要求：掌握表格的插入、拆分与合并的方法；熟练掌握表格的嵌套以及表格属性的设置方法；掌握表格的操作方法；掌握布局表格和布局单元格的绘制与移动；掌握间隔图像的作用和使用方法。4. 图像的插入和设置（2学时）教学内容：图像的插入方法；鼠标指针经过图像的含义和插入方法；图像占位符的使用；图像的编辑；图像属性的设置；创建图像的热点区域。教学要求：掌握在网页中插入图像的方法；了解鼠标指针经过图像的含义；掌

4、握图像占位符的使用方法；熟练掌握图像的编辑和属性的设置方法；掌握创建图像的热点区域的方法。5. 插入文本和定义样式（2学时）教学内容：插入文字的方法；文本属性设置；HTML样式的创建与使用；CSS样式的创建；用CCS控制文本的方法；用CCS控制表格边线；CCS样式的编辑；导出CCS样式的方法；导入和链接CCS样式的方法。教学要求：熟练掌握在网页中插入文本的方法；掌握文本属性设置的方法；熟练掌握HTML样式与CSS样式的创建与使用方法。6. 表单的使用 （2学时）教学内容：创建表单；表单项的插入与属性设置；表单的属性参数。教学要求：熟练掌握创建表单的方法；学会设置表单属性；了解表单的属性参数。7

5、. 层的使用（2学时）教学内容：层的概念与用途；创建层；修改层；层的属性设置；层的操作。教学要求：掌握在网页中创建、修改层和嵌套层的方法；掌握层的属性和编辑层属性的方法；掌握移动、删除层的方法。8. 动画与多媒体（2学时）教学内容：时间轴的概念；利用时间轴制作动画；修改时间轴属性；插入多媒体的方法；安装插件的方法；添加背景音乐；制作可以播放视频的网页。教学要求：了解时间轴的概念；掌握利用时间轴制作动画的方法；掌握修改时间轴属性的方法；熟练掌握插入多媒体的方法；掌握安装插件的方法；熟练掌握添加背景音乐和制作可以播放视频的网页的方法。9. 行为（4学时）教学内容：行为的概念；行为的创建；行为的编辑

6、；行为的修改；行为的作用。教学要求：了解行为的概念；熟练掌握基本行为：“交换图像”行为、“拖动层”行为、“控制Shockweave或Flash影片”行为、“播放声音”行为、“显示弹出式菜单”行为、设置“跳转菜单行为”行为、“检查表单”行为等的创建方法；掌握行为的编辑以及行为事件的修改。10. 框架（4学时）教学内容：框架的概念；框架的作用；框架和框架集的区别；框架和框架集的创建和编辑；框架的属性设置；可链接的框架内容。教学要求：了解框架的概念和框架的作用；理解框架和框架集的区别；熟练掌握框架和框架集的创建和编辑；掌握框架的属性设置；能够控制可链接的框架内容。11. 链接分散的网页（2学时）教学

7、内容：链接的概念；链接的意义；路径的概念；创建链接；链接的几种形式。教学要求：了解链接的概念和意义；理解路径的概念；掌握创建链接的方法；熟练掌握几种链接形式。12. 模板、历史纪录和库（4学时）教学内容：模板的概念；模板的创建和使用；历史记录和库的概念；历史记录和库的使用方法。教学要求：了解模板的概念；理解历史记录和库的概念；熟练掌握模板的创建和使用方法；掌握历史记录和库的使用方法。13. 测试及上传（2学时）教学内容：测试的目的；测试所包含的内容；测试的方法；HTML优化的方法；上传站点的方法。教学要求：了解测试的目的以及测试所包含的内容；熟练掌握测试的方法；掌握HTML优化的方法；掌握上传

8、站点的方法。三、本课程与其它课程的联系与分工本课程的先修课为Internet基础、多媒体制作基础，后继课程为CI与网络广告、WEB应用开发技术、电子商务综合实验。四、推荐教材与参考书1 李振华，季小武编著Dreamweaver基础教程清华大学出版社，20052 魏洪斌Dreamweaver MX网页设计清华大学出版社，20013 杨选辉网页设计与制作清华大学出版社，2005网页设计实验课教学大纲课程编号：08207014课程性质：非独立设课实验学时：16学 分：0.5执 笔 人：张瑞玲一、实验目的与要求实验目的：本课程主要介绍网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。通过学

9、习该门课程，使学生掌握网站策划、网站创意设计、网页制作的基本方法，增强学生计算机的实际操作驾驭能力，为以后从事相关工作打下理论及实践基础，从而指导实际工作。基本要求：通过本课程的实验,使学生结合大量上机操作并结合具体的课程设计进行实践教学，及时解决课程设计中遇到的实际问题，以课程设计为任务目标驱动各章节实验，最终完成一个简单网站的策划、创意、规划和建设。二、实验内容和学时分配实验一 熟悉Dreamweaver MX工作环境（2学时）实验目的：1.熟悉Dreamweaver MX 2004工作环境。2.掌握创建站点的方法。实验内容：1.熟悉Dreamweaver MX 2004界面和基本菜单功能

10、。2.利用站点向导创建一个站点。3.利用高级选项创建一个站点。4.给新创建的站点重新命名，并更改存放地址。实验二 绘制页面布局并插入图像（2学时）实验目的：1.掌握绘制页面布局和布局表格的方法。2.掌握图像的插入和设置方法。实验内容：1.按要求绘制一个页面布局，注意嵌套和拆分的应用。2.绘制一个布局表格并将其转换为表格。3.对网页的动态、广告等栏目进行设置，要求插入图像并进行设置。实验三 表单的制作（2学时）实验目的：1.掌握表单的创建方法。2.掌握表单项的插入及属性设置方法。3.掌握表单的属性参数的使用方法。实验内容：制作一个图书调查表单，要求插入相应的表格、表单项，并使用样式进行美化。实验

11、四 动画和浮动广告的制作（2学时）实验目的：1.掌握利用时间轴制作动画的方法。2.掌握插入多媒体的方法。3.掌握安装插件的方法，学会制作可以播放视频的网页。实验内容：1.制作一个有背景音乐的网页。2.制作一个有控制台的视频播放网页，要求：为影片播放区添加图像等修饰和文字说明；在相应的区域插入视频文件，并选择显示控制台。实验五 建立网页中交互行为（2学时）实验目的：1熟练掌握基本行为 “交换图像”行为、“拖动层”行为、“控制Shockweave或Flash影片”行为、“播放声音”行为、“显示弹出式菜单”行为、设置“跳转菜单行为”行为、“检查表单”行为等的创建方法。2.掌握行为的编辑以及行为事件的

12、修改的方法。实验内容：1.制作一个有弹出窗口的网页。2.制作一个有弹出式菜单的网页。3.制作一个网页，在其中可以控制Shockweave或Flash影片的播放。实验六 制作框架网页和模板（2学时）实验目的：1.理解框架和框架集的区别。2.熟练掌握框架和框架集的创建和编辑。3.掌握框架的属性设置，能够控制可链接的框架内容。4.熟练掌握模板的创建和使用。实验内容：1.制作一个框架网页文档，要求：根据需求（如制作电子书籍）制作框架和框架集，使导航更为清晰、站点结构更加清晰明了。2.根据个人需要设计并制作一个模板。实验七 课程设计（4学时）实验目的：1.课程设计是完成教学计划达到本科生培养目标的重要环

13、节，是教学计划中进行综合训练的重要实践环节，是有助于培养应用型人才的一种教学形式，它将使学生在综合运用所学知识，解决本专业方向的实际问题方面得到系统性的训练。2.通过课程设计，使教学中的知识点在设计中串接起来，达到综合运用知识、培养学生实际动手能力的目的。3.课程设计选题要求来自社会生活、企业需求，目的使学生所学知识与生活、社会、企业的需求接轨。实验内容：根据实际需求建立一个站点，要求：1.网站的结构清晰，站点内文件及文件夹存放合理。2.要求网站内的页面不少于15个。3.所做网页涵盖网页设计的基本知识及技术要点（如表单、框架、多媒体、模板、交互行为等）。4.网站内页面链接清晰合理，没有错误链接

14、。以下给出几个参考课程设计题目：1.企业商品宣传网站建设 2.个人网站建设3.学校网站建设 4.班级网站建设5.教学网站建设 6.电子商务专业网站建设7.龙门风景区宣传网站建设 8.企业门户网站建设三、实验项目设置与内容网页设计课程实验项目一览表序号实验名称实验内容实验学时实验属性实验要求1熟悉Dreamweaver MX工作环境1熟悉Dreamweaver MX 2004界面和基本菜单功能。2利用站点向导创建一个站点。3利用高级选项创建一个站点。4重新命名站点，并更改存放地址。2验证必做2绘制页面布局并插入图像1按要求绘制一个页面布局，注意嵌套和拆分的应用。2绘制一个布局表格并将其转换为表格

15、。3对网页的动态、广告等栏目进行设置，要求插入图像并进行设置。2验证必做3表单的制作制作一个图书调查表单，要求插入相应的表格、表单项，并使用样式进行美化。2验证必做4动画和浮动广告的制作1制作一个有背景音乐的网页。2制作一个有控制台的视频播放网页，要求：为影片播放区添加图像等修饰和文字说明；在相应的区域插入视频文件，并选择显示控制台。2验证必做5建立网页中交互行为1制作一个有弹出窗口的页面。2制作一个有弹出式菜单的网页。3制作一个网页在其中可以控制Shockweave或Flash影片的播放。2验证必做6动画设计初步全面掌握层和时间轴的使用以及动画设计的基本步骤2验证必做7课程设计根据实际需求建

16、立一个站点4设计必做四、实验指导书李振华，季小武编著Dreamweaver基础教清华大学出版社，2005（课后制作题）五、说明 1.本实验课程要求每小组实验人数1人。2.大纲中列出的实验共分配16学时。实际教学中可灵活掌握，若实验学时数不足以完成实验任务，可利用课外上机时间，以弥补课内上机时间的不足。3.本课程开设有课程设计课程设计与实验合计学分数0.5分。课程设计的具体要求参见网页设计课程设计大纲。网页设计课程设计教学大纲课程编号：08207014课程性质：非独立设课学 时 数：4执 笔 人：张瑞玲一、课程设计的目的1课程设计是完成教学计划达到本科生培养目标的重要环节，是教学计划中进行综合训

17、练的重要实践环节，是有助于培养应用型人才的一种教学形式，它将使学生在综合运用所学知识，解决本专业方向的实际问题方面得到系统性的训练。2通过课程设计，使教学中的知识点在设计中串接起来，达到综合运用知识、培养学生实际动手能力的目的。3课程设计选题要求来自社会生活、企业需求，目的使学生所学知识与生活、社会、企业的需求接轨。二、课程设计的内容设计要求：学生要针对设计题目进行前期调研，在调研的基础进行网站策划、网站创意、网站设计。然后根据实际需求建立一个站点，要求：1网站的结构清晰，站点内文件及文件夹存放合理。2要求网站内的页面不少于15个。3所做网页涵盖网页设计的基本知识及技术要点（如表单、框架、多媒

18、体、模板、交互行为等）。4网站内页面链接清晰合理，没有错误链接。最后，要求提交课程设计报告、原代码和发布后的网站，并提交说明文档。以下给出几个参考课程设计题目：1.企业商品宣传网站建设 2.个人网站建设3.学校网站建设 4.班级网站建设5.教学网站建设 6.电子商务专业网站建设7.龙门风景区宣传网站建设 8.企业门户网站建设三、课程设计的要求1.课程设计应按统一教学计划安排进行，学生2人一组分工协作，自行选择题目，在教师指导下协作完成站点的策划、创意、设计、调试等工作。针对选择不同题目的学生根据具体情况提出不同的设计指标或设计要求。2.每位学生应有独立分工，在分工的基础上协作完成站点的设计、调

19、试和发布工作。3.在课程设计的教学过程中，指导教师应分阶段对学生完成的工作及所得到的结果进行检查，只有正确完成本阶段的工作方允许进行下阶段的工作。四、推荐教材和参考书1 李振华，季小武编著Dreamweaver基础教程清华大学出版社，20051 魏洪斌Dreamweaver MX网页设计清华大学出版社，20012 杨选辉网页设计与制作清华大学出版社，2005五、考核方式课程设计采用五级（优、良、中、及格、不及格）评分制。最后成绩依据课程设计报告及实际调试结果决定。优秀（90分以上）标准：1课程设计报告规范，语句通顺流畅。2完成设计要求，链接正确无误。3设计思路清晰，使用技术手段先进。4网站策划合理、创意新颖。良好（80分89分）标准：1课程设计报告规范，语句通顺流畅。2完成设计要求，链接正确无误。3设计思路清晰，使用技术手段正确。4网站策划合理。中等（70分79分）标准：1课程设计报告基本规范，语句基本通顺。2完成设计要求，链接基本正确。3设计思路清晰，使用技术手段基本合理。及格（60分69分）标准：1课程设计报告基本规范，无明显错误。2基本完成设计要求，链接基本正确。3设计思路基本正确，使用技术手段基本合理。不及格（60分以下）标准：1课程设计报告不规范，有明显错误。2未完成设计要求，链接多处出现错误。