第一章习题参考答案
一、选择题
1、A
2、A
3、B
4、C
5、A、B、C、D
6、A、C、D
7、B
8、C
9、B
二、简答题
1．答：URL是UniformResourceLocation的缩写,译为“统一资源定位符”，URL是Internet 上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等；
2答：文本、图像、动画、视频等。
3.答：网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储，供表现语言和行为进行调用。网页结构语言包括可扩展超文本标记语言XHTML 1.0和HTML 5等两种结构语言。其中，XHTML 1.0为当前被广泛使用的标准，而HTML 5标准则是网页未来将被使用的标准。
网页表现语言的作用是为网页的结构语言定义尺寸、位置、背景，以及文本的各种效果。目前网页表现的国际标准语言为CSS样式表技术。
网页结构语言和网页表现语言共同作用可以为用户呈现网页的整体画面，然而，网页是一种交互性的媒体，其除了可以呈现内容外，还可以根据用户的界面操作响应各种事件，此时，就需要用到网页的行为语言。网页的行为语言包括多种类型，例如，JavaScript、JScript以及VBScript等。
4.答：一个完整的HTML5文档包含声明、头部和主体三个部分组成。
第二章习题参考答案
一、选择题
1.A、B
2.A
3.B
4.D
5.D
6.D
7.C
二、简答题
1．答：（一）网站功能需求分析；
（二）网站的策划，本阶段主要包含网站栏目，内容，产品提炼等等；
（三）网站设计，根据策划开始进行设计；
（四）程序代码的开发；
（五）上线测试；
（5）后期维护；
2.答：（1）对称与均衡
对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。为打破这种局面，设计上往往采用均衡来代替对称。
（2）重复、相似和变异
一个形体的反复出现，会加强对受众的视觉刺激。这是最简单的节奏，好像某几个音节在乐章中的反复出现，会加深听众的印象。在平面设计中有时也把近似的形象并置在一起，大道重复的效果，这称为相似。但有的时候，我们又把很有规律的一段乐章其中的一个或几个音符加以变化，使之产生强烈的反差，这就是变异。变异可以理解为对规律的破坏，这种表现手法更容易吸引人的注意力，引发浏览者的兴趣。
（3）节奏与韵律
节奏、韵律是来自音乐的概念。在构成中，形体有规律的排列和变化就形成了视觉的节奏与韵律。它会带给受众舒适的视觉感受。除了前面提到的重复，还有形的渐变，包括大小、长短、明暗、形状、位置等方面的变化，这些构成上的变化会使画面产生和谐的艺术效果。（4）网页中的对比
对比就是利用异质元素的并置产生差异，更鲜明地突出各元素的个性特性。缺乏对比的画面的平淡、乏味的，是没有吸引力的；而对比会产生强烈的矛盾和冲突，从而对观者产生视觉刺激。
（5）网页中的调和
调和是指通过网页中各要素之间存在的共性所构成的页面统一性。调和是产生和谐与稳定的前提，我们可以通过保持画面造型元素的某种特征的一致性，如形状，色彩等，形成调和。另外前面讲到的对称、均衡、渐变、重复等构成方式也会形成调和的页面效果。
3.答：
4.答：1．一字型结构、左右型结构、川字型结构、二字型结构、三字型结构、厂字型结构、匡字型结构、同字型结构、回字型结构。
第三章习题参考答案
一、选择题
1. D
2. A
3. B
4. D
5. A
6.B
7.C
8. C
9.D 10.C
二、简答题
1. 创建一个Web站点需要进行的步骤是：
第1步：创建站点文件夹。
在某台电脑硬盘上建立一个文件夹，然后将所有与制作网页相关的文件（图片、视频等）都存放在里面，以便进行网页的制作和管理。
第2步：使用向导建立站点。
首先，打开Dreamweaver CS6，在菜单栏中选择“站点”→“新建站点”菜单命令，弹出“站点设置对象”对话框，然后，在“站点名称”文本框中输入站点的名称。接下来，单击“本地站点文件夹”文本框后的按钮，打开“选择根文件夹”对话框，选择第一步创建好的文件夹作为根文件夹。单击“保存”按钮。最后，在Dreamweaver CS6界面右下角会出现“文件”面板，表示Web站点已经建立成功。
2. 打开Dreamweaver CS6，选择菜单栏“站点”→“管理站点”菜单命令，即可打开“管理站点”对话框。
第四章制作文本参考答案
一、选择题
1.A
2.D
3.D
4.D
5.C
6.A
二、填空题
1.“居中对齐”
2.用回合键换行和插入换行符换行
3. Ctrl+Shift+Space
第五章习题参考答案
一、选择题
1.A
2.C
3.A
4.C
5.B
6.D
二、简答题
1.答：音频格式有：
（1）.mid（Musical Instrument Digital Interface，数字音乐）格式：是网页设计中最常用的文件格式。不需要特定的插件支持播放，一般的浏览器都可以支持。这种格式不仅音质好，而且占用空间不大，是比较好的网页制作素材。
（2）.wav（Wave）格式：这种格式声音品质也比较好，不需要提供额外插件作为运行条件。缺点是这种格式的文件比较大，占用空间大，可能会影响网页的运行速度。
（3）.mp3（Motion Picture Experts Group Audio Layer-3）格式：在3种音频类型中，它的声音品质最好。缺点是文件容量比较大，再就是.mp3需要插件的支持，例如Windows Media Player以及RealPlayer等播放软件的支持。
（4）.wma（Windows Media Audio）是微软公司推出的与MP3格式齐名的一种新的音频格式（文件扩展名为“.wma”）。由于WMA在压缩比和音质方面都超过了MP3，更是远胜于RA，即使在较低的采样频率下也能产生较好的音质。WMA还支持音频流技术，适合在网络上在线播放。一些常见的支持WMA的应用程序包括Windows Media Player、Windows Media Encoder、RealPlayer、Winamp等。其他一些平台，例如Linux和移动设备中的软硬件也支持此格式。
（5）.ra（Real Audio）是Real Networks公司所开发的一种流式音频文件格式（文件扩展名为“.ra”）。RA文件压缩比例高，体积小巧，可以随网络带宽的不同而改变声音质量，能够很好地实时传送和播放，非常适合在网络传输速度较低的互联网上使用。RA格式文件需要RealPlayer来播放，其他很多播放器都也可以打开RA格式文件。
视频格式有：
（1）.wmv（Windows Media Video）是微软推出的一种流媒体格式（文件扩展名为“.wmv”），它是由ASF（Advanced Stream Format）格式升级延伸而来。在同等视频质量下，WMV格式的文件可以边下载边播放，因此很适合在网上传输和播放。WMV文件一般同时包含视频和音频部分，视频部分使用Windows Media Video编码，音频部分使用Windows Media Audio 编码。因其在操作系统中大力支持WMV系列版本，从而在桌面系统得以迅速普及。（2）.MP4（MPEG-4 Part 14）是一种使用MPEG-4对音频、视频信息进行压缩的编码格式（文件扩展名为“.mp4”），以储存数码音讯及数码视讯为主。MPEG-4格式的主要用途在于网上流、光盘、语音发送（视频电话）以及电视广播。MPEG-4包含了MPEG-1及MPEG-2的绝大部份功能及其他格式的长处，并加入及扩充对虚拟现实模型语言（VRML ，Virtual Reality Modeling Language）的支持，具有面向对象的合成档案（包括音效、视讯和VRML
对象）以及数字版权管理（DRM）及其他互动功能。MPEG-4不再使用宏区块做影像分析，而是以影像上个体为变化记录，因此尽管影像变化速度很快、码率不足时，也不会出现方块画面。
（3）.RM格式是Real Networks公司开发的一种流媒体视频文件格式（文件扩展名为“.rm”）。RM可以根据网络数据传输的不同速率制定不同的压缩比率，从而实现低速率的网络进行视频文件的实时传送和播放。它主要包含Real Audio、Real Video和Real Flash三部分。这种格式的一个特点是用户使用RealPlayer或RealOnePlayer播放器可以在不下载音频/视频内容的条件下实现在线播放。这类文件可以实现即时播放，即先从服务器上下载一部分视频文件，形成视频流缓冲区后实时播放，同时继续下载，为接下来的播放做好准备。这种“边传边播”的方法避免了用户必须等待整个文件从网络上全部下载完毕才能观看的缺点，因而特别适合在线观看影视。RM主要用于在低速率的网上实时传输视频的压缩格式，它同样具有小体积而又比较清晰的特点。
（4）.RMVB是在流媒体的RM影片格式上升级延伸而来的一种视频文件格式，RMVB中的VB指VBR（Variable Bit Rate），可改变之比特率。将较高的比特率用于复杂的动态画面，而在静态画面中则灵活地转为较低的采样率，合理地利用了比特率资源，使RMVB最大限度地压缩了影片的大小，最终拥有了近乎完美的的视听效果，因此RMVB较上一代RM格式画面要清晰了很多。RMVB可以用RealPlayer、暴风影音、QQ影音等播放软件来播放。（5）Shockwave是Macromedia公司（后被Adobe公司收购）制定的用于在Web中插放丰富的交互式多媒体内容的业界标准（文件扩展名为“.dcr”、“.dir”、“.dxr”）。可以通过Director 来创建Shockwave影片，它生成的压缩格式可以被浏览器快速下载，并且可被目前的主流浏览器所支持。Director是美国Adobe公司开发的一款软件，主要用于多媒体项目的集成开发。广泛应用于多媒体光盘、课件、触摸屏软件、网络电影、网络交互式多媒体查询系统、企业多媒体形象展示、游戏和屏幕保护等的开发制作。使用Director能够容易地创建包含高品质图像、数字视频、音频、动画、三维模型、文本、超文本以及Flash 文件的多媒体程序。
2.答：fla是flash软件生成的文件格式，可以在flash开发环境中进行再修改，而swf是fla 格式进行编译后的flash文件模式，是不能再进行修改。FLV是当前视频文件的主流格式，其文件扩展名为.flv。FLV视频极小，加载的速度非常快，它有效地解决了视频文件导入Flash 后其导出的SWF文件体积比较大，不能在网络上很好地使用这样一个缺点。
第六章习题参考答案
一、选择题
1. ABCD
2.ABC
3. ABC
4. ABC
5.A
二、简答题
1.页面中一般使用的超链接包括：文本超链接、图像超链接、下载超链接、电子邮件超链接、脚本超链接等。
2.图像热点是指网页图片的内嵌的链接。当用户移动鼠标到图像内某个区域点击时，会自动链接到预先设定好的页面。一幅图像可以包含多个热点。如中国地图中，每个省区的区域分界线是没有规则的，那么我们就可以使用图片热点，点击每个省区的热点，就可以链接到相应的页面。
第七章习题参考答案
选择题：
1.C
2.D
3.C
4.B
5.C
6.B、C、D
7.C
8.A、C
第八章设计框架网页参考答案
一、选择题
1.A
2.B
3.C
4.D
5.A
二、思考题
1. 框架是比较常用的网页技术，使用框架技术可以将不同的网页文档在同一个浏览器窗口中显示出来。框架的作用就是把浏览器窗口划分为若干个区域，每个区域用来分别显示不同的网页。
2. 框架的作用就是把浏览器窗口划分为若干个区域，而且每个区域可以分别显示不同的网页。这样可以使得整个页面的布局结构清晰，信息展现方式更为灵活；每个框架网页都具有独立的滚动条，因此访问者可以独立控制各个页面。
但是框架布局的网页也有一些缺点，比如页面浏览的时候下载框架式网页速度比较慢；制作时不利于内容较多、结构复杂页面的排版；而且由于大多数的搜索引擎都无法识别网页中的框架，或者无法对框架中的内容进行遍历或搜索等等。
第九章习题参考答案
一、单选题
1.A
2.B
3.C
4.C
5.B
6.B
7.B
8.A
9.C
二、简答题
1.答：CSS是Cascading Style Sheets （层叠样式表）的简称。CSS是W3C（World Wide Web Consortium）定义和维护的标准，是用来定义如何显示HTML元素外观（字体、字号、间距和颜色等）的计算机语言。样式就是格式，对于网页来说，网页中文字的大小、颜色、间距等就是样式。层叠是指当HTML文件引用多个CSS样式进，如果CSS的定义出现冲突，浏览器将依据层次的先后顺序来应用样式，一般会遵循“最近优先原则“。
CSS可将网页的外观设定信息（CSS）从网页内容（HTML代码）中独立出来，并集中管理。这样，当要改变网页外观时，只需更改样式设定的部分，而HTML文件本身并不需要更改。使用CSS的好处：
●可以灵活地控制网页中文字的字体、颜色、大小、间距等。
●可以灵活地设置一段文本的行高、缩进，并可以为其加入三维效果的边框。
●可以方便地为网页中的任何元素设置不同的背景颜色和背景图像。
●可以精确地控制网页中各元素的位置。
●可以与脚本语言相结合，从而产生各种动态效果。
●可以使HTML代码更简练，缩短了浏览器打开页面的时间。
2.答：CSS代码在网页中主要有3种存在方式，即内联样式、内部样式表和外部样式表。（1）内联样式
内联样式只能定义某个特定网页元素的样式（不需要使用选择器），并且CSS和HTML代码混在一起，不方便后期维护，这是一种过渡型的CSS，不建议使用。
（2）内部样式表
在需要设置单个页面的样式时，可以使用内部样式表，并且定义的样式只能用于当前文档。内部样式表由若干组包括在HTML文档头部分的style标签中的CSS规则组成。
（3）外部样式表
在需要同时控制多个网页文档的外观以便在多个页面上实现统一的格式时，可以使用外部样式表。外部样式表将CSS代码（若干组CSS规则）存储在一个单独的外部CSS（.css）文件中。
CSS文件（.css）与网页文档（.html）并没有什么直接的关系。如果需要用外部CSS文件控制网页文档的外观，则需要在网页文档head标签区域中使用link标签导入。
3.答：盒模型是指将网页中的每个块状标签（如div、hl、p、table、ul、li等，独占网页一行，可以作为容器在其中嵌入其他标签）看作是一个矩形的盒子，通过CSS样式表定义盒子的高度、宽度、填充、边框、边距等属性，从而实现网页布局的标准化。盒模型理论是Web标准化布局的基础，理解盒模型将有助于将复杂的Web布局简化为一个个简单的矩形块拼接的问题，从而提高布局的效率。
4.答：（1）表现和内容分离，便于站点重构页面；
（2）结构清晰，对搜索引擎更加友好；
（3）便于Web项目开发分工协作。
第十章习题参考答案
一、选择题
1. D
2.B
3.A
4.A
二、简答题
1. 行为是是通过在对象上执行某种事件，来触发相应的动作，来实现预想的效果。动作是一段预先编写好的JavaScript 代码，可以执行许多任务。事件是由浏览器生成的消息，它提示该页的浏览者已执行了某种操作。
行为是由对象、事件和动作构成的。事件和动作都是针对某一对象完成的，事件是对象触发动作的原因，动作是事件触发对象后的效果。一个事件也可以触发多个动作。
2. 如果要删除某个行为，首先，选择菜单命令“窗口”→“行为”，可以打开“行为”面板。然后，在“行为”面板的行为列表中选择某个动作，然后单击按钮即可。
第十一章习题参考答案
一、选择题
1.B
2.C
3.D
4.A
5.
二、简答
1.答：单击“—”如下图所示，就取消行为。
2.答：行为是由对象、事件和动作构成的。对象是产生行为的主体。网页中的大多数元素都可以作为行为的对象，如一段文字、一副图片、一曲音乐、一段视频等。对象也可以是基于成对出现的标签，在创建时，应该首先选中对象的标签。
事件是触发动态效果的条件。根据触发介质的不同，事件可以分为不同的种类，例如，与键盘相关的某个键的按下与释放，与鼠标相关的单击和双击等。
动作是行为产生的最终的动态效果。动态效果可以是图片的翻转、链接的改变、字体的变化等。事件和动作都是针对某一对象完成的，事件是对象触发动作的原因，动作是事件触发对象后的效果，行为、对象、事件和动作之间的关系如下图所示。
第十二章网页中的表单知识参考答案
一、选择题
1.C
2.B
3.B
4.D
5.B
6.D
7.C
8.D
9.A 10.B
《网页设计与制作》课程标准 课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课
2015年 1 月编 一、适用专业 计算机应用技术（3年制中职，5年制高职） 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具；
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的 使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的 动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录；能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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学时）
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1．信息的获取与发布 2．电子邮件 3．网上交际 4．电子商务 5．网络电话 6．网上事务处理 7．远程登陆 8．文件传输 9．电子公告版 10．全球信息网 11．INTERNET的其他应用 WWW简介 1．网页，网页文件和网站 2．HTTP和FTP协议 3．超文本和超链接 4．INTERNET地址 5．域名 6．统一资源定位器（URL） 7．HTML 常见网络浏览器----IE 第二章网站建设概论 （1）信息类网站 （2）交易类网站 （3）有偿信息类网站：101网校、 （4）功能型网站 （5）综合类网站 2.根据网站的性质分类： （1）政府网站 （2）企业网站 （3）商业网站 （4）教育科研机构网站 （5）个人网站 （6）非赢利机构网站 （7）其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站；商业与经济类，艺术，人文，健康，医药，政府，政治类，电脑与 网络类，社会和文化，科学与教育类，参考资料类 2.1.2网站建设的步骤 1．制作环境的准备：1）设备：扫描仪，数码相机，打印机2）完善系统环境3）备齐网页开发工具软件，网页制作工具，服务器端程序开发工具及一些实用的辅助工具。。。4。
备齐素材制作和加工软件，包括对图形，动画，刘媒体和声音进行处理的素材制作和加工软件 5）备齐常用的网站发布工具，如FTP文件传输软件 2.网站目标的确定：对象：访问者的类型；主题明确，数据充分。保持目标的简洁 3.网站主题，风格和创痍点的确定 1）主题选材要小而精 2）擅长或感兴趣的内容 ）选题不要太滥：因特网上只有第一，人们记不住第二第三名 2）网站的风格：CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等诸多因素 1）确信风格是建立在有价值的内容上的 2）需要彻底弄清楚站点给人的印象是什么 3）在明确网站印象后，开始努力建立和加强这种印象：1）标志（LOGO）2）色彩3）标准字体4）醒目标准口语5）统一图片处理效果7）使用网站特有的图标；使用自己设计的花边，线条和点；；9）展示网站的荣誉和成功作品10）告诉网友关于个人真实的故事和想法3）网站的创意（准备期，孵化期，启事期，验证期，形成期） 4.网站结构的确立：1）网站结构的确立2）网站目录的设置3）网站链接结构的设置：树状连接结构；星状链接结构3）两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定：DREAMWEA VER和FRONTPAGE，PHOTOSHOP，FIREWORKS，动画制作工具：FLASH，COOL 3D；网页特效工具，网页特效精灵，有声有色 7.网站的建设 1）申请E---MAIL帐号 2）申请网页空间：1。打开虎翼网空间申请主页 3）域名注册：对于个人网站，在申请免费网页空间的同时也完成了域名的注册 4）网页制作：先简单后复杂，布局先大后小，制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率 8。网站的测试（看看有没有问题）和上传（将网站发布到WEB服务器，网页制作工具本身具有FTP功能） 9。网站的宣传和推广（搜索引擎上注册，与别的网站交换链接，运用网络广告） 10.网站的更新和维护：必须不断给它补充新的内容，才能够长期吸引住浏览者 2.1.3 网站设计的原则 1）网站主题不要多于三个：小而精，定位小 2）网站的标准色彩不要超过三种 3）重视网站目录结构的创建（创建目录的原则百度上找出来）：不要将所有文件都存在根目录下，目录层次不超过三层，不要使用过长的目录名，尽量不要使用中文目录名 4）链接层次不要超出三层（便于维护） 5）网页长度应限定在三个整屏以内 6）表格的嵌套层次要控制在三层左右（表格插入表格里） 7）网站导航要清晰 2.优秀网站的五大要素 1）网站内容丰富 2）页面下载速度快（网页简单，不要大量图片）
网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题，每小题2分，共80分) (1) Photoshop中，下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中，利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6）下列关于层的说法，不正确的一项是___D_____。 A.在DreamweaverMX中，层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框，可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点，要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检 查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中，由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定 区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具
1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳网页设计与制作课程标 准 公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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) 掌握动态网页的概念及简单动态网页的制作方法
一、选择题 1.HTML 文件必须使用 htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是 .htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或 .html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑 HTML 文件的是：（C）。 A．记事本 B．FrontPage C．Flash D．Dreamweaver 10.以下有关 HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是 size。√《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/747575613.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/747575613.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/747575613.html,等）下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设 为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”， 内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）
实验二 Dreamweaver基本操作（一） 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统，Dreamweaver CS3软件，内部组成局域网，外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几 个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网 页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用
标记； ●作者信息文字大小为24像素，字体为幼圆，颜色为红色； ●古诗文字大小为24像素，字体为隶书，颜色为蓝色； ●在作者信息后加一条水平线，居中，水平线宽度为浏览器的30%，水平线的粗细为20 个像素，颜色为棕色；《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 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．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
《网页设计与制作》课程教学大纲 适用专业：计算机网络技术 学时：64学时 一、编写说明 （一）本课程的性质、目的和任务 《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。 在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。 （二）课程教学的基本要求 通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。 （三）实践环节
（四）本课程与其它课程的关系 先修课程：计算机应用基础、图像处理软件PhotoShop 后续课程：https://www.doczj.com/doc/747575613.html,动态网站开发、中小型网站设计与开发等 （五）教学时数分配表 （六）考核方式与要求 1.该课程是考查课 2.考核形式：上机操作 3.成绩的计算方法： ①平时成绩：40％（主要评估学生的现实表现） ②试卷成绩：60％ （七）教材与主要参考书 1.教材： 《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月 2.主要参考书： 《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月
《动态网页制作实例教程—Dreamweaver ASP与SQL》说课稿 单位： 姓名：
各位专家评委、老师好！我今天说课的课题是动态网页制作实例教程，下面我将从说人才培养方案及专业培养目标、说教学大纲、说教材、说教法和学法、说学情及学生学习方法指导、说教学过程、说板书设计七个方面来对本课程进行说明。 一、说人才培养方案及专业培养目标 潍坊工商职业学院的办学目标：以就业为导向，培养适应生产、建设、管理、服务第一线需要的高素质技能型人才，为地方区域经济发展服务。突出职业教育办学的实践性、职业性的特色。 本专业的培养目标：具有计算机硬件、软件的基础理论知识和计算机系统的实际应用与维护能力，理解计算机的基本原理，熟练掌握微机和计算机网络的基本操作、信息管理系统软件开发和维护能力、网页网站开发等技能的面向工作一线的高素质技能型人才。 二、说教学大纲 1、课程定位 《动态网页制作实例教程-Dreamwearver ASP与SQL》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程；是计算机类专业必修的一门专业课；是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术，实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础，是日后从事技术工作的重要工具。 本课程的主要内容包括：网络技术、网页技术、数据库技术与Internet技术的基本知识；动态网站设计与构建的基本原理；面向对象分析、设计与实现的基本思想和方法等。根据培养对象的层次特点，本课程在开发学生综合应用能力、和创新能力的培养有着重要的地位；为培养面向工程的应用型人才以及学生就业奠定了基础。 课程的考核方式为平时表现占10%，作业占10%，理论考试占50%。 2、课程目标 通过本门课程的学习，使学生具有初步设计能力、软件编程能力、综合应用能力，具备构建动态网站的实际技能。对于本门课程有如下三个教学目标：（1）知识目标：掌握网站开发的一般流程和步骤，对动态网页制作有系统全面地认识和了解。 （2）能力目标：对所要建设网站的初步分析能力；独立制定所要完成功能的分析、设计及制定实施方案；完成学生信息管理系统的开发；对所开发的网站进行简单的功能测试；提高口头与书面表达能力、人际沟通能力。 （3）素质目标： 提高团队精神和协作精神、艰苦奋斗意识、心理素质和克服困难的能力。 希望通过本课教学，使学生在知识的理解和掌握，能力的锻炼与提高、情感
[章节名称]：网页设计入门基础 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 1.了解网络的基本知识，网页设计的基础知识，网页的分类，动态网页的原理及 技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程，掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：结合PPT课件的内容，讲解网络和网页的基本知识。了解网页的分类，网页运行的原理，介绍网页设计的工具，动态网页的技术。 环节二：介绍网页的构成，并对一个网站进行实例分析说明。编写最简单的html 代码。 环节三：了解网页设计的流程 主要有以下几个步骤： 一. 网站规划 二. 素材资源收集
三. 选择开发工具 四. 站点建立与规划 五. 分模块进行网页设计 六. 网页源代码测试与特效添加 七. 申请域名与空间 八. 网页源代码上传 九. 定期的维护 环节四：对本节课的内容进行复习，让学生练习html的代码。并进行疑难解答
[章节名称]：html基础与应用1 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 了解html语言的基础知识，结构，掌握html语言设置网页的背景音乐，背景图片，字体的方法。 [重点] Html语言设置网页的背景音乐，图片，字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：复习网页设计的基础知识，介绍如何利用Dreamweaver开发工具，记事本编辑网页的源程序，介绍网页站点的创建及注意事项。 环节二：讲解html语言的结构，特点，设置网页页面的背景音乐，图片，字体1. 设置背景颜色
2. 背景图片 3. 背景音乐 背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时：4学分总学时72学时，理论36学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017年 杨松主编：《网页设计案例教程》航空工业出版社2015年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章，分为3大部分。前5章为第1部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy等软件在网页制作过程中的应用；第6章～第8章为第2部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML技术；第9章～第10章为第3部分，主要介绍当前最流行的网页制作工具——Dreamweaver，通过应用实践能够从实际应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的
基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB技术的发展趋势，把握未来企业级WEB页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。 三、课程学时分配 四·课程教学中应注意的问题 理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；
《网页设计与制作》课程标准 一、课程定位 本课程是软件技术专业的专业基础课程，是培养学生Web客户端静态页面设计能力的支撑课程。 本课程主要培养学生的静态页面设计能力，该课程综合HTML语言、CSS样式、JavaScript脚本三项技术，通过“教、学、做”理论与实践一体化教学，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计思想，能够熟练地使用HTML语言、CSS样式设计、JavaScript编程进行页面设计，为Web开发后续课程打下基础。 先修课程：计算机应用基础、C语言程序设计 后续课程：https://www.doczj.com/doc/747575613.html,程序设计、Java Web程序设计 二、课程目标 通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用HTML语言、CSS样式、JavaScript脚本编写Web客户端静态页面解决实际问题，具备吃苦耐劳、团结协作的良好品质。 （一）知识目标 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对象。
网页设计与制作课程标准 Final approval draft on November 22, 2020
网页设计与制作课程标准课程代码：建议课时数：96 学分：6 适用专业：五年制高职电子商务专业 先修课程：图像处理、数据库管理、实用网络技术 后续课程：动画制作、电子商务网站建设 一、前言 1.课程的性质 该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。 其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。 2.设计思路 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议
二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 具体目标 （一）知识教学目标： 了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。 了解网站平面设计的概念和过程。 了解HTML的基本概念、基本格式、能编写一个网页； 了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。 学会并掌握站点建设能制作简单网页 学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作 学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。 了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。 学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。