实验四在网页中使用超链接
【实验目的】
通过本实验，使学生熟悉如何在网页中通过超链接来使用多媒体的方法。
【实验要求】
[1] 掌握如何创建与各种对象的超级链接；
[2] 掌握编辑各种超链接的方法；
[3] 掌握利用站点地图管理超链接的方法。
【实验内容】
1、制作一个网页，并设置相应的超链接，如文本超链接、图片热区超链接、电子邮件超链接，如图1“校友录”所示。
2、使用布局表格制作如图2所示网页
图1“校友录”
图2 布局表格
“校友录”页面制作【实验步骤】
1、首先在制作出如下所示的表格：
2、页面属性如下：
3、添加相应图片及文本
4、在图片上设置热点链接，如下所示：
并制作相应地特点链接网页，示例如下：
5、设置文本空链接，如下所示：
6、在“联系”字样上设置电子邮件超链接，如下所示：
对“Send”图片设置电子邮件超链接，如下所示：
“布局表格”制作步骤
1、使用布局模式绘制布局表格和布局单元格进行布局，如图所示
2、将未来旅游中的图片设置为“鼠标经过图像”
3、将页面下方的“与我联系”设置为电子邮件超链接
??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码： 00900 一、单项选择题(本大题共 20 小题，每小题 1 分，共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时，位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时，默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色，在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时，设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中，存储一首乐曲时，其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript，应该使用的标记是( ) A. B.
C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰，若使文本闪烁，text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中，最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中，用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种Web考点 一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对 象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/b516951801.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/b516951801.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件； 如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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学时）
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/b516951801.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 个像素，颜色为棕色；自考29942网页设计与制作
高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作（实践） 南京大学编 江苏省高等教育自学考试委员会办公室
Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课，是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能，要求学生在自学理论知识的基础上，培养动手能力，加强实践环节，并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一，是人们获取和发布信息的主要途径。本课程从实际应用出发，培养学生了解网页设计和制作基础知识，学习和初步掌握：网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核，要求学生能上机实验验证相关理论知识，设计、制作、修改或完善指定内容的网页，初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题，具有一定的计算机网络信息发布常识。
经过本课程的学习，应达到以下目标： 1．理解Fireworks和Dreamweaver软件界面，并能熟练独立进行操作； 2．重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作； 3．重点掌握Fireworks图像切片、元件与实例的操作，并灵活运用； 4．重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作； 5．重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识，程序设计语言基础知识及计算机网络基础知识，因此，要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后，将来能够为“网络信息编辑”、“多媒体技术”等课程，或进行本科段的深造打下坚实基础。
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会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制作各种超级链接
《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/b516951801.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/b516951801.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目..................................... 错误!未定义书签。 二、课程设计工作..................................... 错误!未定义书签。 三、课程设计的内容要求............................... 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。 设计一选题的基本原则............................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。 设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。
《网页设计与制作》课程教学大纲 适用专业：计算机网络技术 学时：64学时 一、编写说明 （一）本课程的性质、目的和任务 《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。 在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。 （二）课程教学的基本要求 通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。 （三）实践环节
（四）本课程与其它课程的关系 先修课程：计算机应用基础、图像处理软件PhotoShop 后续课程：https://www.doczj.com/doc/b516951801.html,动态网站开发、中小型网站设计与开发等 （五）教学时数分配表 （六）考核方式与要求 1.该课程是考查课 2.考核形式：上机操作 3.成绩的计算方法： ①平时成绩：40％（主要评估学生的现实表现） ②试卷成绩：60％ （七）教材与主要参考书 1.教材： 《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月 2.主要参考书： 《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月
网页设计与制作课程标准 一、课程性质与任务 网页设计与制作课程是电子商务专业商务网站维护方向的一门 专业技能课程。旨在于培养学生从事网页设计与制作的基本职业能力，为下一步网站建设的学习打好基础，是学生达到网页设计制作人员的基本职业能力要求。 二、课程教学目标 通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能在网页中设置各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业方向的发展奠定基础。 职业能力目标： （1）能够熟练制作简单网页； （2）能够创建本地站点并能在网页中设置各种超链接； （3）能够对网页进行具有创意的美化； （4）能够制作有创意的网页动画； （5）能够掌握网页设计与制作的相关技巧； （6）能够根据企业需要制作商务网页； （7）能够跟踪和学习网页设计与制作的新知识和新技能。 三、参考学时 108学时。 四、课程内容与培养目标
五、教学建议 （一）教学方法 教师必须重视现代教学理论的学习，不断的更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。 1.项目教学 在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。加强网页制作技术与各课程整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。 2、任务驱动法 在教学活动中，教师应当围绕特定的教学项目，设计出具体的，可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，
《网页设计与制作》学习心得说实话，短短三个星期能将《网页设计与制作》这本书粗略的学完，简直有点不敢相信。不过能懂得基本的框架和思路，这一点在以后的学习过程中是非常有帮助的。 其实买电脑的时候就装上了网页四剑客，可能稍微接触多一点的子软件是《Flash CS3》，但吕老师和我们谈及用《Dreamweaver》制作网页的时候，感觉有点茫然。 一开始老师并没有详细的介绍软件的使用，只是强调建立的主要部分：新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。 学习与实践环节 第一部分：家庭作业是进行简单的网页制作，以书本上的百川商城为例，按照步骤，新建站点，创建名为images的文件夹及名为index的空白HTML文档，各边距设置为0。值得注意的是，在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格，首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象，为了显示的效果更佳入眼，我们将表格居中对齐，再插入4行一列的表格，俗称表格嵌套，第一行分为两栏用于制作logo和banner，可以根据图片的像素设置好宽和长，第二行为导航栏，第三行为页面内容，第四行为版本信息。这些就是我们平常浏览网站的基本布局，将不同的内容放在网页的不同位置，目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作，就要在表格中添加素材，可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作，其中涉及了表格、文字、图片及水平的应用，对于各自的使用，老师均作了很详细的图文并茂的介绍，布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识，学到了很多操作。 第二部分：学习的是主页面设计与制作，我就不过多的谈论步骤了，这个项目制作中使用了布局表格的嵌套功能，这将有利于页面内容的布局和定位，运行网页时整体不会出现异常情况，使页面与当初设计的样式相同，另外，为了使当浏览器大小改变时对页面布局不产生影响，一定将表格宽度设置成固定宽度。
一、填空题（ 2‘ *5 ） 1、 题干网站由网页构成，并且根据功能的不同，网页又有____和动态网页之分。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案静态网页 网站由网页构成，网页有静态和动态之分。所谓静态网页是指用户无论何时何地访 答案说明问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 2、 题干Web标准是一系列标准的集合，主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案表现和行为 答案说明 Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构（Structure）、表现（ Presentation ）和行为（ Behavior ）三个方面。 关键字Web标准3、 题干HTML中文译为 ________________ ，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案超文本标记语言 答案说明 HTML（英文 Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________ 对网页中的文本、图片、声音等内容进行描述。知识点编号
题目类型填空题 难度等级简单 权重分值 2 分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”，主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 5、 题干在网站建设中， HTML用于搭建页面结构，CSS用于设置页面样式， __________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案JavaScript 答案说明考察对 JavaScript 的理解 关键字JavaScript 语言简介 二、判断题（ 2‘ *10 ） 1、 题干因为静态网页的访问速度快，所以现在互联网上的大部分网站都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案错 答案说明 现在互联网上的大部分网站都是由静态网页和动态网页混合组成的，两者各有千秋，用户在开发网站时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超链接等元素构成，但是也可以包含音频、视频以及 Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案对 答案说明 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash 等。 关键字认识网页
网页设计与编程课程复习要点 1：URL有哪几部分组成 URL的格式URL的格式由下列三部分组成： 第一部分是协议（或称为服务方式）； 第二部分是存有该资源的主机IP地址（有时也包括端口号）； 第三部分是主机资源的具体地址，如目录和文件名等。 2：什么是虚拟目录？它有何用途？ 1、每个Internet 服务可以从多个目录中发布。通过以通用命名约定(UNC) 名、用户名及用于访问权限 的密码指定目录，可将每个目录定位在本地驱动器或网络上。虚拟服务器可拥有一个宿主目录和任意数量的其它发布目录。其它发布目录称为虚拟目录。 2、<1>消除服务器资源的限制以便于上传更多的文件。 虚拟目录就是将其他目录以映射的方式虚拟到该FTP服务器的主目录下，这样，一个FTP服务器的主目录实质上就可以包括很多不同盘符、不同路径的目录，而不会受到所在盘空间的限制了。 <2>优化用户浏览体验。 虽然网站文件存放在不同目录，采用虚拟目录可以保证网站结构性一致，方便用户使用浏览。处理虚拟目录时，IIS把它作为主目录的一个子目录来对待；而对于Internet上的用户来说，访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别，可以像访问其他目录一样来访问这一虚拟目录。 <3>保护站点免受攻击。 客户通过选择“查看源代码”，很容易就能获取页面的文件路径信息，如果在WEB 页中使用物理路径，将暴露有关站点目录的重要信息，这容易导致系统受到攻击。当你将WEB 页面放置于虚拟目录下后，你可以对目录设置不同的属性，如：Read、Excute、Script。读访问表示将目录内容从IIS 传递到浏览器。而执行访问则可以使在该目录内执行可执行的文件。当你需要使用ASP 时，就必须将你存放 .asp 文件的目录设置为“Excute（执行）”。在设置WEB 站点时，将HTML 文件同ASP 文件分开放置在不同的目录下，然后将HTML 子目录设置为“读”，将ASP 子目录设置为“执行”，这不仅方便了对WEB 的管理，而且最重要的提高了ASP 程序的安全性，防止了程序内容被客户所访问。 <4>文件移动方便。 只要两台机器具有相同的虚拟目录，你就可以在不对页面代码做任何改动的情况下，将WEB 页面从一台机器上移到另一台机器。 3：如果浏览器IE6.0的配置被恶意网页篡改，如何修复？ 恢复IE默认设置： 开始--运行-输入rundll32.exe iedkcs32.dll,Clear 注意C一定要大写,rundll32.exe与iedkcs32.dll之间有空格。 4：网页头部可以包括哪些元素？ 1、DOCTYPE的选择 DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或HTML）的版本。要想制作一个符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。
《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时：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页面开发的原理及方法，并在多媒体教师机上进行演示操作；
《网页设计与制作与网站发布》 学习心得 今天上了第一堂选修课，课程内容很简单，讲了一些关于网页的基本内容，Internet是一个覆盖几乎全球的计算机网络，WWW服务是互联网上最为先进、应用最广、交互性能最好的信息检索工具，它向人类提供了一个无比丰富的资源库，网页是其上主要的资源组织形式。图像是网页颇具活力的组成元素，网页上常用的图像格式是GIF和JPEG, 网页制作中使用最广泛的是RGB色彩模式,在不同的操作系统和浏览器中显示效果一致的216种颜色称为网络安全色。 介绍了制作网页的三大软件，Macromedia公司的Dreamweaver 8、Fireworks 8、Flash 8三个软件是网页制作的优秀套件，俗称“三剑客”，对此，我们对制作网页有了一定的认识，课上，上课气份活跃，同学们提问积极，充分体现了对这门课程喜爱。上完课，我在网上下载了网页制作的三大软件，并成功安装。 第二次课就讲的Flash 8的工作环境，Flash 8动画的创作流程，以及元件、实例和库的基本知识。制作动画就是在Flash 8的工作环境中利用各种命令、工具以及按照基本工作流程来完成的。这些内容是制作动画最基本的基础知识。 接一来介绍了工具箱中各种绘图工具的功能和应用，介绍了如何应用这些工具绘制图形、编辑图形，介绍了文字的输入方法和编辑技巧，以及对象在舞台中的编辑方法。还有逐帧动画和渐变动画。 上了几节如何使用flash课程，我们都有感触，从不知道到能制作动画，上课气氛活跃，老师通过一个个实例教授一类又一类的动画，生动而有气氛，课后体会到仔细阅读，多加练习，灵活应用，就会制作简单的的动画。 Flash课程上完了，接着上网页中最重要的课程，网页编辑工具Dreamweaver 课程。 首先讲了一下基本的界面，重点介绍了本地站点的创建和设置，值得注意的是，站点要用英文命名，页面属性的设置，网页文件创建、编辑与保存的基本方法，以及创建、编辑和保存网页的过程。 网页的创建和保存的方法，页面属性设置的方法，网页元素文本与图像的插入，文字的属性设置，图像的编辑方法，层的简单应用，字体列表的编辑等知识，层、表格、布局表格与布局单元格的创建、选择、编辑等操作方法；层、表格、布局表格与布局单元格的各种属性设置；以及在它们中输入各种网页元素的方法。创建与编辑文本、图像、锚点、导航条、转跳菜单、E-mail链接、热点等超链接方法；以及框架和框架集网页创建、编辑与保存的方法。回来之后操作了一下发现还是有一些问题，总是会忘记一些步骤，还有就是步骤的先后顺序，但经过多次调试还是制作成功了。 这节课老师讲了一个重要内容，用超文本标记语言来编辑网页。首先介绍一下超文本标记语言，超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言，HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果
《动态网页制作实例教程—Dreamweaver ASP与SQL》说课稿 单位： 姓名：
各位专家评委、老师好！我今天说课的课题是动态网页制作实例教程，下面我将从说人才培养方案及专业培养目标、说教学大纲、说教材、说教法和学法、说学情及学生学习方法指导、说教学过程、说板书设计七个方面来对本课程进行说明。 一、说人才培养方案及专业培养目标 潍坊工商职业学院的办学目标：以就业为导向，培养适应生产、建设、管理、服务第一线需要的高素质技能型人才，为地方区域经济发展服务。突出职业教育办学的实践性、职业性的特色。 本专业的培养目标：具有计算机硬件、软件的基础理论知识和计算机系统的实际应用与维护能力，理解计算机的基本原理，熟练掌握微机和计算机网络的基本操作、信息管理系统软件开发和维护能力、网页网站开发等技能的面向工作一线的高素质技能型人才。 二、说教学大纲 1、课程定位 《动态网页制作实例教程-Dreamwearver ASP与SQL》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程；是计算机类专业必修的一门专业课；是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术，实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础，是日后从事技术工作的重要工具。 本课程的主要内容包括：网络技术、网页技术、数据库技术与Internet技术的基本知识；动态网站设计与构建的基本原理；面向对象分析、设计与实现的基本思想和方法等。根据培养对象的层次特点，本课程在开发学生综合应用能力、和创新能力的培养有着重要的地位；为培养面向工程的应用型人才以及学生就业奠定了基础。 课程的考核方式为平时表现占10%，作业占10%，理论考试占50%。 2、课程目标 通过本门课程的学习，使学生具有初步设计能力、软件编程能力、综合应用能力，具备构建动态网站的实际技能。对于本门课程有如下三个教学目标：（1）知识目标：掌握网站开发的一般流程和步骤，对动态网页制作有系统全面地认识和了解。 （2）能力目标：对所要建设网站的初步分析能力；独立制定所要完成功能的分析、设计及制定实施方案；完成学生信息管理系统的开发；对所开发的网站进行简单的功能测试；提高口头与书面表达能力、人际沟通能力。 （3）素质目标： 提高团队精神和协作精神、艰苦奋斗意识、心理素质和克服困难的能力。 希望通过本课教学，使学生在知识的理解和掌握，能力的锻炼与提高、情感