二、网页制作的基本设计思路
要设计出一个精美的网站前期工作是必不可少的。一个网页的成功与否，很重要的一个因素在于它的构思，好的创意及丰富详实的内容才能够让您的网页充满勃勃生机。
1 、定位网站的主题和名称
选题应遵循的原则：
（1）主题要小而精
（2）题材最好是你自己擅长或喜爱的内容
（3）题材不要太滥或目标太高
命名应遵循的原则：
（1）名称要正
（2）名称要易记
（3）名称要有特色
2、定位网站的CI形象
（1）设计网站的标志（logo）
（2）设计网站的标准色彩
（3）设计网站的标准字体
（4）设计网站的宣传标语
3、确定网站的栏目
（1）要紧扣主题
（2）设立最近更新或网站指南栏目
（3）设立可以双向交流的栏目
（4）设立下载或常见问题回答栏目
4、确定网站的目录结构
（1）不要将所有的文件都存放在根目录下，会造成文件管理混乱
（2）按栏目内容建立子目录
（3）在每个主栏目目录下都建立独立的IMAGES目录
（4）目录的层次不要太深
（5）不要使用中文目录
（6）不要使用过长的目录
5、确定网站的链接结构
（1）树状链接结构
（2）星状链接结构
6、资料的收集与整理
7、选择网页的设计方法
8、设计网页要注意的问题
（1）全局设计
?每个页面上都应该放有价值的东西
?不要让页面过载
?用不同的方法检查你的设计
?网页排版有整体感,合理运用空间
（2）布局
?要保持统一
?使用表格来组织页面
?使用FRAME时要小心
（3）图形
?保持你的图形大小小于30K
?不要使用渐进图形做为背景
?在图形中使用尽量少的颜色
?图形要附加文字说明,以便关闭图像时查看
（4）颜色
?不要错误地使用颜色
?检查你的对比度
（5）文本
?文字要严密
?保持你的排版格式尽量简单
?不用闪动的文字
?谨慎地使用浏览器插件和JAVA小程序
（6）备份
（7）更新与维护
9、色彩搭配
网页的色彩是树立网站形象的关键之一
●色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。颜色表
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。
绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。
橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。
黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)
白色---具有洁白，明快，纯真，清洁的感受。
黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。
灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。
●网页色彩搭配的原理
1.色彩的鲜明性。
2.色彩的独特性。
3.色彩的合适性。
4.色彩的联想性。
●网页色彩掌握的过程
随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。
○网页色彩搭配的技巧
1.用一种色彩。
2.用两种色彩。
3.用一个色系。
4.用黑色和一种彩色。
在网页配色中，忌讳的是：
1.不要将所有颜色都用到，尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
网页设计与制作实例教程 习题答案 第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 二、简答题
《网页设计与制作》自考课程 复习资料 第一部分知识点 1．互联网 ①概念：它是目前世界上最大的计算机通信网络，遍布全球，将世界上各种规模的计算机网络连接成一个整体，从而实现信息交流与共享。 ②服务：它主要提供了WEB、BBS、TELNET、FTP等服务。 2．网络协议 ①定义：它是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式，需要发出的控制信息以及相应要完成的操作与响应，对事件实现顺序的详细说明等三部分内容。 ②分类：它分为硬件协议和软件协议，其中硬件协议定义硬件设备如何协调工作，如：100BaseT Ethernet等，软件协议则用于完成程序之间的通信，如：TCP/IP，IPX，NETBEUI等。 3．OSI七层模型 ①定义：OSI即开放系统互联，它是由国际标准化组织（ISO）发起制定的计算机网络通信标准。 ②OSI七层模型：从高层到低层依次排列为，应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。 4．TCP/IP ①TCP：即传输控制协议，工作在OSI模型中的传输层，用于建立和校验数据连接。 ②IP：即网际协议，工作在OSI模型中的网络层，用于处理网络上一个主机到别一个主机的数据报路由选择。 5．IP地址 ①定义：通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址，称IP地址。 ②组成：它由32位二进制数表示，每8位为一组，以圆点“。”分隔，其中每组数据具体设置时一般用十进制表示，范围在0~255。 ③层次：它为层次结构地址，分为主机、由主机构成的网络、由网络构成的互联网。 ④分类：它分为5类，包括A类（1~126）、B类（128~191）、C类（192~223）、D类（224~239）、E 类（240~254）。 6．域名和域名系统 ①域名：即互联网上与IP地址对应的字符型地址标识。 ②域名分类：分为国际域名（com、net、gov、org、edu、mil等）、国内域名（cn、jp、hk、us、
六、网页专题复习知识点 1.超文本传输协议（）:网页间遵循超文本传输协议进行相 互链接访问。 2.超文本标记语言（）：是使用一组特定的标记来描述文档结构的语言。 文件传输协议（）；使用此协议可将网页文件上传到互联网。 3.网页中包含的文本、图像、超链接和表格等基本元素及构 件是由超文本标记语言进行描述的，即网页是由解释执行 的。 4.网页:即万维网上的文档，是按照超文本标记语言规范要求表达文本、图 像、动画等多媒体信息的。 5.若干个网页组成一个网站，每个网页之间通过超链接连接在一起。 的源代码由网络浏览器解释执行。在浏览器内，查看（菜单源文件 7.统一资源地址（统一资源定位器）：网站的网址。是唯一 的，网页和网站的地址用标识 6. 协议
8.网页的三种基本元素：文字、图形图像和超链接。网页还可以使用" 表格"、"表单"、"音乐"和内嵌程序等构件，起到美化网页、双向交 流的作用。 9.网页中使用的图像可以有许多格式，常见的静态图像格式 有和两种；动态图像的格式有动态、等。 网页之间以及不同的网站都可以用超链接方式链接起来。 10.流式视频图像格式：、、、。 11.动态网页：由服务器数据库动态生成的网页。（网页里包含 会动的元素） 12.静态网页：以超文本文件格式存放在服务器上。（网页里没有会动的元素） 13.常用的网页制作软件：记事本（用语言写，保存类型为）（适合初学者 使用）.（专业的网页设计） 14.网页制作步骤：确定任务分工协作制定解决方案（网站 的名称、主题、内容、结构等）素材的收集与整理制作网页合成和测试网页发布 许多网页看起来非常整齐，在中一般用一种“不可见”的表格来定位网页元素和构件的，只要将表格线设为0,在浏览 器上就看不到表格线了。 15.静态网页文件的扩展名：.或。动态网页文件的扩展名:
网页制作必懂的基础知识（一） 近来这几天一直在学习网页制作的知识，颇有收获，分享大家，都是一些网页制作的必懂的基础知识。 1 html基础代码
== 可以创建链接和瞄点。 特殊标签：空格 大于号：>小于号：<版权号：© 引号：" 滚动标签: 属性有：滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动：onmouseover=this.stop() 鼠标离开继续滚动：onmouseover=this.start() 2图片的讲解网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象 用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本 用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜 用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（） 在Fireworks中，文字不能设置笔触和填充。（）
(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状 用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出 用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱 用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（ ） 在Fireworks 中，可以同时显示6幅不同优化效果的图像。（ ） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（ ） Flash 中文本必须图形化才能使用滤镜。（ ）
知识点： 16.1.1 文本工具 用户解答： TRUE 8. (5.0 分) TRUE FALSE 知识点： 16.1.2 文本变形及图形化 用户解答： TRUE 二单项选择题 1. (5.0 分) 知识点： 9.5 调整画布或图像 用户解答： 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点： 11.2 编辑矢量对象 用户解答：“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体，应将文字图形化。（） 若需要向下方向扩大Fireworks画布，应在修改Fireworks画布的窗口内，点击（）锚定按钮。在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。
web 一、超文本（hypertext） 一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议（HTTP）Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol（网络之间互连的协议）的缩写，中文简称为“网协”，也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统，只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性，根据用户性质的不同，可以分为5类。另外，IP还有进入防护，知识产权，指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议，它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象，并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP（File Transfer Protocol, FTP）是TCP/IP网络上两台计算机传送文件的协议，FTP是在TCP/IP网络和INTERNET上最早使用的协议之一，它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件，上载文件，创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S （Client/Server）结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构，
网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：
网页制作基础知识教案 教学目标： 了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成元素等，然后在了解的基础上再通过练习来巩固。 教学重点难点： 在深刻了解概念的基础上把理论转化成实际的应用。 教学过程： 在制作网页之前，首先要了解一些关于web网页的基本知识，了解一下构成一个网站的基本元素等。 网页的基本元素 文本：基本组成部分 图像：更加直观准确地表达某些信息，并且可以起到美化网页，吸引读者注意力的作用 超链接：可以方便地转入其他网页进行浏览。 网页的其他元素：音乐表格表单 美化网页，丰富网页的内容，增强网页的功能。 网页的实质 网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… ◆网站相当于发行到全世界的期刊。 ◆网站的实质 = 服务器上的文件夹 ◆主页相当于期刊的封面。 ◆主页的实质 = 打开网站的第一个网页 网页和网站的分类 从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。 什么是静态网页、动态网页? ◆所谓静态网页，指的是网页从服务器传到客户端时，网页的内容是“固定 不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。 静态网页一般以.htm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。 ◆所谓动态网页，它在由服务器传递给客户端的时候必须由服务器把它转换 成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写，如ASP、https://www.doczj.com/doc/cd16908424.html,、PHP、JSP等等
TTML网页设计 网页的结构：
//头部分// //正文部分// 常用标记： 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 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
全国高等学校计算机水平考试Ⅱ级 --《网页制作基础》考试大纲(试行） 一、考试目的与要求 《网页制作基础》是掌握网页制作的一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是培养学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。 本课程以讲解Dreamweaver，Fireworks，Flash软件使用为主，旨在培养学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。通过本课程的学习要求考生掌握网页的设计、规划、制作和网站的建设的方法。 考试的基本要求如下： 1. 了解HTML语言的基础知识 2. 学会规划和建设一个基本站点 3. 掌握网页中文字和图片的相关操作 4. 掌握网页中插入视音频FLASH等多媒体元素的基本操作 5. 掌握多种超级链接的建立 6. 掌握表格、框架的使用 7. 掌握制作网页模板的方法 8. 站点的发布和上传
9. 掌握利用Fireworks处理网页图片的基本技能 10. 掌握利用Flash制作网页动画的基本技能 二、考试内容 （一）网页与HTML语言的基础知识 【内容提示】 本部分主要介绍HTML语言的基本架构和常用标记。 【考试要求】 了解HTML文件的基本架构，单双标记的概念，掌握HTML常用标记。 （二）规划和建设站点的基本知识 【内容提示】 规划和建立站点是制作网页前的必要准备工作。此部分需要学生了解站点的概念，站点内文件夹及文件间的导航关系及如何利用Dreamweaver建立管理站点。 【考试要求】 利用Dreamweaver建立站点，使用文件视图管理站点，在站点中建立、删除文件和文件夹。 （三）网页文本和图片的处理 【内容提示】 文字和图片是网页的最基本元素。本部分介绍利用Dreamweaver在网
《网页制作》复习题） 第1章网页制作概况网页的概念 网页是用HTML（超文本编辑语言）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。 网页HTML文件与web浏览器间的关系理参照P5 首页和主页的异同点 首页与主页的区别:浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站）。主页是整个网站的导航中心（例如：163网站）。有些网站首页即主页。 网页制作的常用工具软件有哪些 FrontPage、网页制作三剑客（Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客）、Photoshop …… 网页正文区
和文件头的位置关系，文件头内的唯一一个必须出现的标记是哪一个标记？Title标记HTML文件的基本框架：文件开始表头区开始是HTML格式中特有的段落元素。在原始文件中的
，指出在这儿告一段落，下面的文字另起一段。 另外一个类似的标记元素是
。
这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式：
文本文本
HTML中的常用标记的对应名称 插入多媒体对象的HTML语句的正确格式P13-15 参考1.2.5图像与多媒体标记（个人认为）无序列表的相关知识P9 参考1.2.3列表显示1.无序列表（UI）有序列表的相关知识P9-P10 参考1.2.3列表显示2.有序列表（OI）表格标记的相关知识P11-P13 参考1.2.4表格标记超链接语句的相关知识P15 参考1.2.6超链接标记 第2章DW网页制作基础 如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？ 首选参数（P22） Dreamweaver站点的概念和特点（P29起）
选修课《网页设计》实践考核题 题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格或框架进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 下面我们大家统一一下软件版本，我用的是网页三剑客cs3版本的，大家可以去迅雷下载，因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图
打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级，得到界面
站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹， http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择
网页设计与制作_在线作业_F 最终成绩：90.0 一 判断题 1. (5.0 分) TRUE FALSE 知识点： 1.2 网站建设流程 用户解答： TRUE 2. (5.0 分) FALSE TRUE 知识点： 3.2.2 建立超链接 用户解答： TRUE 3. (5.0 分) TRUE FALSE 知识点： 3.3.1 CSS 语法 用户解答： TRUE 4. (5.0 分) TRUE 主页的文件名只能放在站点根目录下。（ ） 如果链接的目标文件不是HTML 文件，则该文件将作为下载文件。（ ） CSS 样式表位于XHTML 代码中的head 标签内。（ ） 网页内的CSS 样式创建之后，即对整个网站有效。（ ）
FALSE 知识点： 3.3.2 CSS 样式应用 用户解答： FALSE 5. (5.0 分) FALSE TRUE 知识点： 3.3.3 引用外部CSS 文件与导出样式表 用户解答： TRUE 6. (5.0 分) TRUE FALSE 知识点： 15.2.3 绘图工具箱 用户解答： FALSE 7. (5.0 分) FALSE TRUE 知识点： 19.3.1 帧动作 用户解答： TRUE 8. 要在网页中使用外部CSS 样式表，必须进行“附加样式表”的操作。（ ） Flash 中单击按钮 ，则黑色与白色互换。（ ） 要使Flash 中电影在播放磁头到达时间轴的某一帧时立即执行某个动作，则可以将动作分配给该帧。（ ）
(5.0 分) TRUE FALSE 知识点： 3.3.3 引用外部CSS 文件与导出样式表 用户解答： TRUE 二 单项选择题 1. https://www.doczj.com/doc/cd16908424.html, 是（ ）。 (5.0 分) 站点相对路径 根相对路径 绝对路径 文档相对路径 知识点： 3.2.1 路径 用户解答： 绝对路径 2. (5.0 分) 样式 打开窗口方式 缩进方式 地址 知识点： 3.2.2 建立超链接 用户解答： 地址 3. (5.0 分) 编辑外部样式表将影响到所有链接引用它的文档。（ ） 代码 中href 是（ ）的属性名。 书写CSS 样式时，要把相同属性和值的标签组合起来书写，应使用（ ）。
一选择题 1.在Dreamweaver中，（）可以在页面中自由移动。D A．表格B．框架C．图像D．层(apdiv标签)可以显示可以隐藏 2.在水平线属性面板中，不能设置水平线的（）。 A.高度 B. 宽度 C.颜色 D. 阴影 3.在Dreamweaver中的插入表格对话框中“间距”表示（C）。 A. 表格的外框精细 B. 表格在页面中所占用的空间 C.表格中相临各单元格之间的距离 D. 表格大小 4.以下有关ul标记的样式表项的定义中，正确的是：（ B ）。 A. ul{font:14px #00458c, list-style-type:disc} B. ul{font-size:14px; color:#00458c; list-style-type:disc} 用冒号隔开。分号 隔开每一项 C. ul{font-size:14px, font-color:#00458c, list-style-type:circle} D. ul{font:14px, color:#00458c, list-style-type:square} 5.在HTML中，下面（ C ）语句可以将标题“ACCP”的颜色设置成 红色。 A．〈H1 FONT color:red〉ACCP〈/H1〉 B．〈H1〉〈color= red〉ACCP〈/H1〉 C．〈H1 〉〈FONT color= red〉ACCP〈/FONT〉〈/H1〉 D．〈H1 STYLE color: red〉ACCP 6.以下有关列表的说法中，错误的是( D )。 A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。UL和LI要记住是有序还是无序 D．在创建列表时，LI 标记符的结束标记符不可省略。。Li标签可有可
Fronpage网页制作操作题知识点 3、简单网页的设计与制作 1)常用网页制作工具。 FrontPage：具有“所见即所得”的特性，HTML代码由FrontPage后台自动生成。 Dreamweaver：是一个较为专业的网页设计软件，与Flash、Firework合称为“网页三剑客”。 2)HTML语言：它是一种超文本标记语言，使用一组特定的标记来描述网页的结构，但不能直接描述网页在浏览器中 的效果。 3)网页中的基本元素：文本、图像、视频、动画及超链接等。 4)利用FrontPage或Dreamweaver工具软件制作简单的网页。 新建站点：用于保存、调试创建的网页和素材。 首页设计：首页是浏览者进入网站时看到的第一个页面，一般用index．htm命名。 网页布局：可在网页中插入表格，利用表格对网页进行布局。 添加网页元素：分别添加文字，插入图片、GIF动画、Flash动画、水平线等并进行设置。 设置页面效果：分别设置网页的背景颜色、背景图片、背景音乐、表格背景、单元格背景等。 建立页面链接：分别创建Web链接、E-mail链接、文件链接和书签链接。 创建框架网页。制作表单。 5)掌握利用FrontPage或Dreamweaver工具软件制作简单的网页的方法。 ●建立站点。 执行“文件→新建→站点”菜单命令，选择“空站点”，输入站点存放的位置，单击“确定”按钮。 ●网页布局与表格。 添加表格以及表格属性的设置。单击“表格”菜单中的“插入表格”命令可以插入一个指定行数和列数的表格。右击表格，在弹出的快捷菜单中选择“表格属性”命令，可以打开“表格属性”对话框，利用该对话框可以设置表格的对齐方式、指定表格的宽度和高度、设置表格边框的粗细、设置表格的背景色或背景图片等。 右击某一单元格，在弹出的快捷菜单中选择“单元格属性”命令，可以打开“单元格属性”对话框，在该对话框中可以设置插入到单元格中的对象的对齐方式、指定单元格的大小，设置单元格的背景颜色或背景图片等。选中连续的单元格可以实现单元格的合并及居中。 ●插入图片。 执行“插入→图片→来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置图片的大小与对齐方式。 ●插入Flash动画。 执行“插入→高级→插件”菜单命令，选取Hash动画文件并设置动画文件的大小与对齐方式。 ●插入GIF动画。 执行“插入→图片→来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置动画的大小与对齐方式。 ●表单。 在制作网站的留言板和注册信息的页面时会使用表单。 单击“插人”菜单中的“表单”命令可以选择需要的表单样式：单行文本框、单选按钮、复选框、下拉菜单等。 ●设置页面效果。 网页背景图片、背景颜色的设置。执行“格式→背景”菜单命令(右击网页，在弹出的快捷菜单中选择“网页属性”命令)，单击“背景”选项卡，设置背景图片或背景颜色，单击“常规”选项卡，设置背景音乐。 背景音乐。背景音乐在“网页属性”对话框中进行设置。右击网页，在弹出的快捷菜单中选择“网页属性”命令，切换到“常规”选项卡，然后单击“背景音乐”右侧的“浏览”按钮选择所需的背景音乐，
《网页设计与制作》大纲 一、课程的地位与性质 “网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述 网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weave中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 】、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习，使学生系统了解网页、网站的概念、网页主要工具软件dream weave的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配
四、教学内容 第一章概述2学时 教学目的： 了解网页及网站基本概念及网页的基本要素分析教学重点与难点： 网页、网站设计流程，网页基本要素 第一节网页和网站 一、网页 二、网站 三、网页的基本功能 第二节网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 第三节网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 第四节网页设计的基本流程 、网站的设计流程 、网页的设计与制作 三、网页的测试 四、网页上传和发布
第二章HTML 语言基础 2 学时 教学目的：了解HTML 文件的基本结构，掌握HTML 中文本的编辑及图像的语法，掌握HTML 中各种设置超级链接的语法，掌握HTML 中表格和框架的基本语法。教学重点与难点： HTML 的语法结构、超级链接的语法、表格和框架的基本语法。 第一节HTML 概述 一、HTML 简介 二、HTML 语法结构 第二节文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 第三节图像编辑 一、插入图像 二、使用背景图像 第四节建立超链接 一、建立超链接 二、使用书签 三、标记新窗口和基准链接 第五节表格与框架 一、建立表格 二、表格属性 三、建立框架 四、框架属性 第三章Dream weaver基础2学时 教学目的： 了解DW8 的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。 教学重点与难点： 规划站点的结构、网页的基本操作 第一节Dream weaver 8工作界面 一、启动和退出Dreamweaver
《Dreamweaver网页设计》课程的核心知识点在学习的过程中，请同学们重点关注以下知识点。 一、建立站点 本地站点和远程站点的概念。 搭建站点的两种方法：使用向导来完成，利用高级设定来完成。 练习：按照下述要求建立站点 1．新建本地根文件夹：在指定的文件夹中新建本地根文件夹并命名为root，在该文件夹中新建子文件夹，用于存放图片等文档。 2．定义站点： ◆设置“站点名称”：定义Dreamweaver站点，命名为“Myweb'’。 ◆设置本地根文件夹：本地根文件夹指定为root文件夹。 ◆设置首页：设置首页为index.htm。 二、有关HTML文件的基础知识（很重要） 1．HTML：Hyper Text Markup Language超文本标记语言 2. 直接由浏览器解释执行，无须编译。 3．语法结构：包括文档头部和文档主体。 下面是HTML代码的基本结构：
头部信息 <／HEAD> 文档主体，正文部分 <／BODY> <／HTML> 4. 标签 1)用<和>包围起来的代码 2)包括单标签和双标签 ◆单标签
表示换行
head定义文档头部，包含：title, script, style, link, meta body是网页主要内容，包含：h1,h2-h6, p, a, img 2. 认识head标签：
引用的文本引用的文本内容，会自动加上双引号
大段引用引用大段的文本内容，文本前后会加上缩进
代码内容 代码，通常是一行内 多行代码多行代码,你需要在网页中预显示格式时都可以使用它
一、填空题（ 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 等。 关键字认识网页