《网页设计》课程教学大纲
一、课程说明：
课程类别：选修课
适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。
计划学时：60学时（讲课24学时，上机实验36学时）
学分：4
先修课程：计算机基础
执笔：
审阅：
二、课程的教学目的
以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。
三、课程教学基本要求：
1、课程重点
掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。
2、课程难点
（1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用；
（2）理解CSS样式表中属性单位的作用和意义；
（3）理解javascript语言脚本程序的工作方式；
（4）深入理解超级链接、图形图像各种功能和应用；
（5）深入理解表格、AP Div、框架、表单的作用；
（6）深入理解模板、库、行为和脚本的高级应用；
（7）理解网站测试的目的和测试方法；
（8）深入理解“切片”和“热点”的涵义和应用；
（9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作；
（10）理解使用图像设计软件进行版式设计的方法。
3、能力培养要求
（1）了解HTML语言的基本内涵。理解基本标记的用法；
（2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式；
（3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法；
（4）掌握在网页中嵌入图象和多媒体的方法；
（5）熟练掌握使用绝对和相对URL，创建文本超链接，图象热点的方法；
（6）熟练掌握使用表格、框架、AP Div布局页面的方法；
（7）掌握创建表单的方法；
（8）掌握模板的创建和库项目的使用方法；
（9）理解行为和脚本的用法；
（10）掌握FireworksCS6基本操作及其在网页制作中的应用；
（11）掌握FlashCS6基本操作及简单动画的制作；
（12）掌握PhotoshopCS6基本操作及在网页设计中的应用；
四、课程教学内容与学时：
理论教学内容：
第1章网页设计与制作概述
1.1网络的基础知识
掌握：TCP/IP协议、IP地址、域名地址、统一资源定位器的概念和内涵
1.2图形图像的基础知识
理解：位图与矢量图的概念
了解：常用的图形、图像格式
1.3网页的布局知识
了解：网页的基本结构及页面的布局原则和模式
理解：网页的色彩应用及色彩属性与象征意义
1.5 HTML基础
理解：HTML基础标记符的内涵，如文本格式标记、超链接标记符、图像标记符、表格标记符、框架标记符、表单标记符、滚动条
了解：CSS技术的内涵，能够识别基本属性，如：字体属性、列表样式属性
理解：CSS的定义及使用方法
了解：JavaScript技术及JavaScript脚本嵌入HTML文档的方法
第2章DreamweaverCS6网页设计基础
2.1 Dreamweaver的工作环境
理解：Dreamweaver的工作区菜单、面板、属性检查器的使用
2.2构建Dreamweaver站点
掌握：如何创建、管理本地站点及站点中文件
2.3网页文本编辑
掌握：正文文本的添加和格式的设置、插入空格、特殊字符
理解：页面属性的设置
2.4 CSS样式设置
重点掌握：如何创建CSS规则、链接样式表
2.6 Dreamweaver工作环境的设置
了解：环境设置的方法
第3章图像与多媒体
3.1图像的应用
掌握：如何在网页中插入图像及设置图像属性
3.2创建鼠标经过图像
掌握：如何在网页中创建鼠标经过图像及设置图像属性
3.3图像占位符及属性的设置
理解：图像占位符的含义
3.4插入flash动画
掌握：如何在网页中插入flash动画及设置动画属性
3.5音频的应用
了解：音频文件格式
掌握：如何在网页中添加音频
3.6视频的应用
掌握：网页中视频的应用及属性的设置
第4章超级链接及其应用
4.1超链接概述
理解：绝对路径和相对路径的含义及超链接的内涵
4.2创建文本超链接
掌握：各种创建文本超链接的方法
4.3创建图像超链接
掌握：创建图像热点链接的方法
4.4创建电子邮件链接
掌握：创建电子邮件链接的方法
4.5空链接
理解：创建空链接的意义
第5章网页的布局
5.1表格的应用
掌握：插入表格的方法
5.2表格编辑及属性设置
掌握：表格、单元格、行或列的编辑及属性的设置方法
5.3应用APDiv布局页面
掌握：使用APDiv布局页面
5.4APDiv与表格的相互转换
理解：APDiv转换与表格的互相转化方法
5.5框架的应用
理解：创建框架集及设置框架集属性
掌握：如何设置框架中显示的网页及框架的编辑
第6章表单的应用
6.1创建表单
理解：表单的概念
6.2添加表单对象
掌握：如何添加表单对象，如：插入文本域、插入单选按钮/单选按钮组、插入复选框/复选框组、插入选择框（列表/菜单）、插入文件域、插入按钮
6.3表单的提交
掌握：表单的提交设置
6.4应用表格布局表单实例
掌握：应用表格布局表单的方法
第7章行为与脚本语言及模板和库的应用
7.1行为在网页中的应用
理解：行为、事件、动作
掌握：如何添加行为、事件
7.2 JavaScript脚本
理解：JavaScript脚本概述、JavaScript脚本语言特效
掌握：JavaScript脚本在网页中的应用
7.3创建与应用模板
理解：创建模板的意义
掌握：如何创建和使用模板创建新网页及模板的编辑
7.4创建与应用库项目
理解：创建库的意义
掌握：如何创建、在网页应用库项目及库的编辑
第8章站点的测试
8.1站点的测试
了解：站点的测试方法，如：检查浏览器兼容性、链接的检查与修正、不同分辨率下的测试等8.2创建远程站点
了解：如何设置远程服务器、连接远程站点
8.3文件的上传和下载
了解：文件的上传、下载文件、文件的取出与存回的操作方法
第9章FireworksCS6基础及其在网页制作中的应用
9.1 FireworksCS6基础
了解：认识FireworksCS6工作区、文档管理、布局工具、各种面板、常用工具
9.2绘制并编辑矢量图形
掌握：绘制与编辑基本形状、自动形状、自由变形形状、复合形状的基本操作方法
9.3创建并修饰位图图像
理解：创建与编辑位图图像的方法
9.4创建并编辑文本
掌握：创建与编辑文本的方法
9.5应用笔触和填充
掌握：应用和更改笔触、填充、样式
9.6应用动态滤镜
理解：动态滤镜
9.7使用切片和热点
掌握：切片和热点的基本操作和导出设置
第10章FlashCS6基本操作及在网页制作中的应用
10.1 FlashCS6的基本操作
理解：FlashCS6的工作界面、文档的创建、打开、保存及面板组的使用
10.2时间轴的使用
掌握：图层、帧、播放头、场景的概念和含义
10.3元件、实例和库资源
掌握：元件的创建方法、实例概念、库面板以及元件与实例的关系
10.4创建各种动画
掌握：遮罩层动画、引导层动画、形状补间动画、逐帧动画的创建方法和内涵
10.5在动画中添加声音
掌握：在动画中添加声音及编辑方法
10.6文本的使用
掌握：传统文本字段在动画中的应用
10.7动作面板的使用
了解：动作面板的使用及动作脚本的基本元素
10.8 ActionScript基本语句
了解：时间轴控制命令、浏览器/网络命令的使用方法
10.9动作的应用
了解：在动画中使用动作控制动画的原理
10.10测试发布Flash动画
理解：制作过程中动画的测试方法
掌握：如何发布影片
第11章PhotoshopCS6基本操作及在网页设计中的应用
11.1 PhotoshopCS6基本操作
了解：PhotoshopCS6的工作界面、文件操作、环境设置、基本概念
理解：选区的创建与编辑
掌握：利用画笔类工具绘制图像、利用形状绘制工具绘制图像、图像修饰工具的应用、调色命令的高级应用
理解：图层样式、文字图层、滤镜的应用
11.2页面设计与制作
掌握：整体页面、导航栏、网页内容板块、网页页脚的制作和设计方法
第12章网页制作工具集成及网页制作综合实训
12.1 Fireworks与Dreamweaver的集成
理解：Fireworks与Dreamweaver两者如何协同工作
12.2使用Photoshop和Dreamweaver
了解：Dreamweaver中处理Photoshop文件的工作流程
12.3 Dreamweaver与Flash的集成
理解：Flash与Dreamweaver两者如何协同工作
理论教学学时分配表（54课时）
实践教学内容：36学时
（本部分内容为学生上机自学内容、以每章习题中的实践题为实践内容）
实践目的与任务：
目的是让学生提高自己的实际动手能力，熟练掌握当前的流行网页制作工具，具备设计并且实现一
个网站的能力。
基本要求：
（1）要求学生掌握网页基础语言HTML语言
（2）要求学生掌握通过Dreamweaver CS6建设网站和编辑网页的技术
（3）要求学生掌握通过Fireworks CS6进行图片特效处理及切片的技术
（4）要求学生掌握通过Flash CS6进行简单动画制作的技术
（5）要求学生掌握通过Photoshop CS6进行图片特效处理的技术
实践方法
通过模拟教材实例的方法掌握工具的基本用法，再试着改变一些设计内容和参数来设计自己喜欢或需要的例子，最终完成一个完全由自己规划和设计与制作的个人网站，并撰写出实验报告。
五、教材与参考书
教材：
1、张军凌，网页设计与制作教程，中国原子能出版社，第一版
参考书：
1、网页三剑客类书籍
2、赵丰年，网页制作教程，人民邮电出版社，第三版
六、考核方式
1、理论基础知识部分笔试考核，占60%
2、实验部分通过考查实验过程并和提交的个人设计作业进行实验成绩考核，占40%
网页制作学习心得体会 刘少波2010221111120024 转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。 记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。 渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。 最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。 确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。 但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
《界面设计》课程标准 视觉传达艺术设计系多媒体设计与制作专业方向 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准，紧扣手机界面和界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用； ⑧深入理解版式设计在界面设计中的重要性；
2.能力目标: ①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3.素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，
1.IIS服务的安装是在控制面板的（A ）中。 A、添加删除程序 B、硬件和声音 C、系统和安全 D、网络和INTERNET 2.对包括ActiveX控件和插件、Java权限、JavaApplet和脚本的设置属于（A ）。 A、IE安全设置 B、设置Internet连接 C、设置IE缓存 D、设置起始页面 3.（ D ）是从放到服务器以后，直接发送给浏览器不会放上更改的网页。 A、主页 B、首页 C、动态网页 D、静态网页 4.下列哪款软件不是浏览器（ C）。 A、Communicator B、Internet Explorer C、ACCESS D、Opera 5. WWW主要传输的通讯协议是（A ）。 A、HTTP B、TCP/IP C、FTP D、IP 6. Web Site表示的是（ A ）。 A、网站 B、网卡 C、网络 D、网管 7. WWW的特点不包括（A ）。 A、单一的用途 B、支持各种信息资源和各种媒体的演播 C、统一的用户界面 D、分布式的信息资源 8.下列功能不属于网上教学（D ）。 A、教师和学生课后交流、答疑 B、教师备课、讲课 C、学生自主学习 CAI 课件 D、人事档案、工资管理 9.（ D ）也称为 HTTP 服务器，是响应来自浏览器的请求，并且发送出网页的软件。 A、数据库服务器 B、网站 C、操作系统 D、Web 服务器 10.（ B）是实际目录的别名，代表存放网页的实际目录，以便用在网址中代替实际目录。 A、网页 B、虚拟目录 C、实际目录 D、网站 11.WWW站点所显示的第一个页面是（ A）。 A、首页 B、动态网页 C、网页 D、静态网页 12.（A ）是可以提供包括文本、图像、图形、声音、动画和视频等多种类型的信息服务。 A、www B、数据库 C、数值计算 D、多媒体 13.（ C ）是在发送到浏览器之前由应用程序服务器修改的网页。 A、静态网页 B、窗口 C、动态网页 D、对话框 14.设置IE缓存“使用的磁盘空间”属于 （ A ）。 A、设置IE缓存 B、IE安全设置 C、设置Internet连接 D、设置起始页面 15. WWW采用（D ）工作方式。 A、网络 B、单机 C、服务器 D、客户机/服务器 16. WWW是一种基于（B ）的网络信息资源
HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部、主体两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下： 1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上。 CSS 语法由三部分构成：选择器、属性和值。selector {property: value}选择器通常是你希望定义的HTML 元素或标签，属性是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明：body {color: blue}上面这行代码的作用是将body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color 为属性，blue 为值。 色彩可用色调（色相）、饱和度（纯度）和明度来描述。人眼看到的任一彩色光都是这三个特性的综合效果，这三个特性即是色彩的三要素，其中色调与光波的波长有直接关系，亮度和饱和度与光波的幅度有关。 色彩的三要素：明度、色相、饱和度。 刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 1. 单标签 某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：< 标签名称> 最常用的单标签是
, 它表示换行。 2.双标签 另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： <标签> 内容 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一 标记中： 第一： 3.标签属性 许多单标记和双标记的始标记内可以包含一些属性，其语法是： < 标签名字属性1 属性2 属性3 … > 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记
Fireworks-网页设计综合实例
Fireworks 网页设计综合实例 在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观： 我们将根据这一个典型网站其中一个页面设计流程，使您逐步学习到以下内容： 1、导入并编辑位图图像。 2、自动任务处理
3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍： 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计，公司主要以男式服饰为主，同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息，并作为公司的
一个展示窗口，向参观者展示企业的形象及产品系列。根据业主的要求，网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想： 本网站设计的指导思想是在网络上营造一 个优雅、高贵、宁静的氛围，为了体现这一主题，设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来，更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一 主题，以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现，以打破整个页面的坚硬感，同时以白色突出企业名称，达到非常亮眼的感觉。 3、页面结构： 整个网站采用统一的结构，分为上下两个部分，上面为网站的导航条，下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区，以深色带条纹的图片作为背景。
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
网页设计师（初级）课程测试试卷 考生注意事项 1．本试卷满分为150分，考试用时150分钟， 分数：_________ 2．答卷前，考生务必用黑色签字笔将自己的姓名、性别、年龄、证件类型、证件号码、考试所在地、培训单位填写清楚。 考试地点：培训单位： 考生姓名：考试日期： 证件类型：证件号码： I 卷 一、单项选择题(本大题共40小题，每小题1分，共40分) 1. 在Photoshop CS3中的文字工具有四种，下列不正确的是（）。 A.直排文字工具 B.横排文字工具 C.横排文字蒙版工具 D.竖排文字工具 2. 默认的暂存盘是如何排列的（）。 shop可创建任意多的暂存磁盘 B.暂存磁盘创建在启动磁盘上 C.暂存磁盘创建在任何第二个磁盘上 D.没有暂存磁盘 3. 路径工具是编辑（）的工具。 A.矢量图形 B.位图图形 C.普通图形 D.都对
4. 一个图像最多可有（）个通道。 .76 C 5. 下列关于库项目的说法错误的是（）。 A.库项目可以看成是网页上能够被重复使用的“零件” B.利用库项目同样可以实现对文档风格的维护 C.在不同文档中放入相同的库项目时，可以得到完全一致的效果 D.不可以将多个文档内容的组合定义成库项目 6. 在Photoshop CS3中，当整条路径处于选中状态时，锚点呈（）显示。 A.黑色实心 B.圆点 C.黑色空心 D.空心 7. 在Photoshop CS3中创建段落文本时，按住（）键并拖移两边的手柄，即可实现斜切定界框。 键键 C.回车键 D.空格键 8. 在Photoshop CS3中，当想要有图像中创建一个或多个段落时，采用（）方式输入文本十分有用。 A.点文字 B.段落文字 C.路径文字 D.都不对 9. 在对插入的Flash 按钮属性设置之后，按（）键，即可预览该文档。
网页设计心得体会范文 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分。你知道网页设计心得体会范文是什么吗?接下来就是OK为大家的关于网页设计心得体会范文，供大家阅读! 网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的， 网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了， 下面要开始的便是优化工作， 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
第五章动态网页制作 5.1 认识动态网页 1、什么是动态HTML *动态HTML是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的HTML. *英文缩写：DHTML 2、常见的动态HTML效果 ?光标悬停效果(Dhtml实现） ?在网页中加入日期，时间（javascript语言实现） ?在网页中加入动感菜单（javascript语言实现） ?文字特效，鼠标特效，网页特效。（CS样式表实现） 注意：并不是网页上所有“动”的效果都是动态HTML效果。如：有的GIF图片本身就会动。 3、动态网页 *动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面。如：搜索引擎等。 4、动态网页采用的技术 DHTML，CGI、ASP、JSP 、PHP等 5、静态网页和动态网页的比较 静态网页的优缺点： *静态网页无需系统实时生成 *采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能 *日常维护十分繁琐 动态网页的优缺点： *动态网页可以通过更新页面的外观和行为，实现动态的交互作用 *能方便地同访问者进行交流，及时获得信息反馈 *一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大 5.2 理解动态HTML 1、构成动态HTML的核心技术： 2、什么是客户端脚本语言？ 客户端脚本语言是指直接对客户端进行编写并对页面发生动态变化的脚本语言。
3、最常用的客户端脚本语言 *JavaScript *VBScript 4、什么是JavaScript？ *面向浏览器的网页脚本编程语言 *Javascript代码必须与HTML结合起来 *嵌入HTML页面时，必须使用 ⑴使用javascript 在网页制作工具FrontPage的HTML代码的
与间插入代码： 实现效果：当进入网页时，弹出警告窗口“你好”。 ⑵调用javascript 一次编写多次调用。 ?在记事本中编写javascript语句，保存为“test.js” 例： ?在需要时调用 当前网页与调用的网页在同一文件夹中可直接调用！ 5、什么是CSS样式表？ *样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合*CSS就是一组样式 *CSS样式表作为当前网页制作中的一个常用技术，不仅可以对文字格式进行设置，还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。 ⑴CSS主要优点 ①只需要修改一个CSS代码就可以改变页数不定的网页外观和格式。 ②可以“随心所欲”地控制页面布局和外观 ③在所有浏览器和平台之间具有较好的兼容性。 ④精简网页，提高下载速度。 例如：实现效果：网页中“欢迎进入机器人做学玩网站！”字体为宋体，颜色为绿色。P114 ①用html语言实现学习网页设计心得体会5篇 学习网页设计心得体会一:网页设计心得体会现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的, 网页设计心得体会。我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。 通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。 下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了, 下面要开始的便是优化工作, 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往
《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力，使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向，邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析，以此为依据确定本课程的工作模块和课程内容，本课程以任务 引领型为框架，把课程按递进方式设计成项目，并以项目为单元足 迹教学，使学生由浅入深，以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式，使学生熟练制作简单网页， 能熟练创建本地站点并能对网页进行各种找链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力， 能基本胜任网页制作工作，为学生发展专门化方向的职业能力奠定 基础。 职业能力目标：（1）能熟练制作简单网页 （2）能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化
(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求
4.实施建议 4.1.教材编写 （1）教材要以岗位职业能力分析和职业技能考证为指导，以 《网页制作基础》课程标准为依据进行编写； （2）教材要以岗位任务引领，以工作项目为主线，强调理论与 实践相结合，按活动项目组织编写内容；教材内容从“任务”着手，设计完成“任务”的方法与步骤的空间；教材要体现以解决实际问 题来带动理论的学习和应用软件的操作，让学生在完成“任务”的 过程中掌握知识和技能，培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 （3）项目教学任务的设计，应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题，而不是围绕着知识和技能的展开而设置的。
《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、