《网页设计与制作》复习提纲
网页设计与制作复习资料
第一章1、什么是首页？以什么来命名首页文件。
2、网站的组成。
3、IP地址、域名和DNS。
4、二级域名的识别，以及域名种类的判断第二章1、网站开发是指由确定网站目标到网站投入运营后的维护和管理的整个过程2、网站开发经历的阶段。
１、确定网站的目的和主题。
２、网站命名。
３、定位网站CI形象４、资料收集、制作与整理５、规划网站的目录结构和链接结构一般来说，确定网站的链接结构有两种基本方式1) 树状链接结构（一对一）2) 星型链接结构（一对多）。
６、首页的设计与制作７、其他页面设计８、网站的测试９、网站的发布１０、网站维护与推广3、网站的设计方法。
4、什么是HTML？它的标准结构。
超文本标记语言HTML：网络文档传输的标准格式。
HTML文档的结构：以如下形式成对出现。
<html><head><title> 您好，欢迎光临！</title></head><body>Hello world！</body></html>第三章1、DW的站点管理模型。
2、文本的输入，特殊标记的输入。
（1）直接从键盘输入。
（2）“文件”－>“导入”－>“word文档”（3）从剪贴板粘贴（4）输入空格。
将中文输入法设置为“全角”，按空格。
属性面板中，“格式”下拉框选“预先格式化的”。
按Shift＋Ctrl＋Space。
（5）文本换行。
回车：新建段落，上下段之间空一行。
Shift＋回车：换行，上下段之间无空行。
3、图像的插入方法及属性设置。
（1）“插入”－>“图像”。
注意：应以图像文件的相对路径进行插入。
先保存页面，再插入图像。
（2）图像的属性设置。
第四章1、鼠标经过图像的概念及使用。
由主图像和翻转图像组成。
页面显示时，先显示主图像，鼠标移到图上时显示翻转图像，鼠标移走后恢复为主图像。
“插入”－>“图像对象”－>“鼠标经过图像”。
网页制作与设计知识点复习
网页制作与设计知识点复习在当今数字化时代，网页制作与设计已经成为一项重要的技能。
无论是为个人博客、电子商务网站还是企业宣传页面，一个精美且易于使用的网页设计对于吸引用户和提升用户体验至关重要。
本文将对网页制作与设计的知识点进行复习，为读者提供一些有用的技巧和建议。
1. 用户界面设计- 色彩选择：选择适合网页主题和品牌形象的颜色，避免过多的颜色使用以免影响用户阅读。
- 字体选择：选择易读且符合网页主题的字体，保持字体风格一致性以增强页面整体效果。
- 布局设计：使用网格系统、栅格布局等技术来确保页面元素的对齐与平衡，提高用户视觉体验。
- 图片与图标：使用高质量的图片和图标来提升网页的可视性和美观性，注意图片的加载速度以避免影响网页性能。
2. 响应式设计- 网页适配：使用CSS媒体查询等技术来确保网页在不同设备上的显示效果良好，适应不同屏幕尺寸。
- 移动优先：优先考虑移动设备的设计和体验，保证在移动设备上的访问体验最佳。
3. 网页导航- 导航设计：设计易于使用且直观的导航菜单，考虑用户行为和网页结构来构建清晰的导航系统。
- 面包屑导航：提供面包屑导航可以帮助用户追踪其在网站中的位置和路径，提供更好的导航体验。
4. 网页交互- 用户反馈：通过合适的动画、过渡和提示信息来提供实时的用户反馈，增强用户对网页的互动性和参与感。
- 表单设计：优化表单布局、验证和提交过程，确保用户能够方便、快捷地填写表单数据。
5. 图片优化与加载速度- 图片压缩：使用合适的图片格式和工具进行图片压缩，减小图片文件大小以提高加载速度。
- 延迟加载：对于大型图片或长页面，使用延迟加载技术（如懒加载）可以加快页面加载速度。
6. SEO优化- 关键词优化：合理使用关键词并将其融入到网页的元数据、标题和内容中，提高网页在搜索引擎中的排名。
- 元数据优化：优化网页的标题、描述和关键字等元数据，提高网页在搜索引擎结果中的吸引力。
- 内部链接：合理设置内部链接可以提高网页的流量和用户访问深度，同时也有助于搜索引擎的爬行和索引。
网页设计与制作复习资料
1. 常用的网页编辑工具有哪些？通常所说的网页三剑客指的是？Frontpage.Dreamweaver.Photoshop.Firework.Flash;Dreamweaver.Firework.Flas2. DW中，如何改变文字的大小。
在Dreamweaver中，想要的字体，字体列表中没有，我们可以怎么做？在字体属性面板的大小中调节；在字体属性面板的字体中的编辑字体列表中添加。
3. “软回车”只换行不划分段落，输入“软回车”的方法是？shift+回车4. 在Dreamweaver CS3中，给网页文件或图片命名时的规则是？不能出现中文5. 在Dreamweaver CS3中提供哪两种方式来查看和操作表格？(1) 将光标悬放在表格的右边框或下边框上，单击(2) 单击任意单元格，选择标签栏中的<table>标签(3) 右击在弹出的快捷菜单中选择“表格”︱“选择表格”。
6. 若将Dreamweaver中两个横向相邻的单元格合并，则两表格中文字会出现什么情况？文字合并在一起7. 框架的作用是什么？它主要由哪两个主要部分组成？在Dreamweaver CS3中，在设置各分框架属性时，参数Scroll用来设置的属性是？8.9. 如图为表单中的什么对象？10. 模板和库的特点、文件后缀名。
模板特点风格一致，看起来比较系统，省去了重复劳动的麻烦如果要修改共同的页面元素，不必一个一个修改，只要修改应用他的模板免除了以前没有此功能时还要常常另存，否则一不小心就容易覆盖重要文档的烦恼后缀名.dwt库的特点可以在其他地方重复被使用后缀名.lbi11. WWW是什么的缩写？中文名字是？WWW服务遵循TCP/IP协议中的何种协议？12. 什么是网页？什么是网站？一个站点在本地表现为什么？网站目录的结构设计要求注意以下几点？13. 在网页中常见的导航链接（如图）一般是通过什么表单对象完成的？14. 对一个有二个区域的框架网页，保存它会有多少个html文件？3个15. 在本地计算机上创建好本地站点，然后再通过什么软件将本地站点发送到远程服务器上？16. 站点是指包含多种网络资源的一种组织形式，站点一般由主页和其它附页组成，网页之间通过什么相互关联？17. 在网页中使用的图像文件通常有哪三种？PNG.JPEG.GIF18. 在网页设计时，需要在网页中插入一幅图像，但图像没有设计或没有制作好，此时可以使用什么来替代图像的位置？图像占位符19. 超文本标志语言的英文缩写是？URL 又称为？20. 给网页添加背景图片时，一般要选择小图片，用它进行平铺数次形成网页背景，选择小图片的原因是？21. 当鼠标指针掠过一幅图像时，它会变为另一幅图像，这样的图像我们称其为？22. 为文字添加“显示弹出式菜单”的行为时首先要做什么？23. 简述网站建立的一般流程。
网页设计与制作复习提纲
《网页设计与制作》复习提纲第一章：1、URL的结构和含义答：含义：统一资源定位器。
，即互联网上一个资源唯一的地址结构：协议：//主机的域名：/端口/路径/文件名以及文件的扩展名2、叙述网站制作的流程答：确定主题、搜集材料、规划网站、制作网站、测试评估、正式上传、推销网站、维护更新3、网站规划的主要内容是什么？答：（1）主题栏的设置（2）目录结构设计（3）颜色搭配（4）网站标志logo（5）版面布局（6）图像的运用4、确定网站主题时一般要遵循哪些原则？答：（1.）主题鲜明。
一个网站必须要有一个明确的主题，在主题范围内做到内容全而精（2）明确设立网站的目的（3）体现自己的个性。
把自己的兴趣爱好尽情的发挥出来、突出自己的个性，办出自己的特色5、制作网站主要包括哪些步骤？答：（1）建立本地站点。
建立站点根文件夹，用于存放首页、相关网页和网站中的其他文件（2）在站点根文件夹下创建子文件夹。
为了使文件安排比较清晰，将页面文件和图像文件分开存放（3）向站点添加所需要的空网页（4）设计网页的尺寸（5）设置网页属性，也包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等第二章：1、HTML语言的含义和功能是什么？答：含义：超文本标记语言功能：（1）声明网页的整体框架（2）引用外部资源，通过地址的方式引用出来2、HTML语言的表单标记的属性中，GET和POST方式的区别是什么？答：get 方式的传输有数据上的限制，只能是一个个的。
而post 方式的传输没有数据量的限制，并以文件形式传输。
，把多的元素打包整体上传第三章：1、网站主页的文件名一般是什么？答：Index 或default2、什么是超级链接？有什么作用？答：在一个资源上面，内部包含一个指向其他文件的指针（内部包含的地址）作用：在用户需要的时候，指向的资源。
建立网页之间的联系3、在Dreamweaver MX 2004中，为网页添加标题有哪些方法？答：（1）直接在Dreamweaver MX 2004文档工具栏的“标题”框中输入新标题（2）选择【查看】【文件头内容】菜单命令，显示出文件头部分的内容，单击“标题”按钮，在属性面板框中输入新标题（3）单击文档工具栏上的恶“代码”按钮，然后在<title>和</title>标签中输入新标题（4）选择【修改】【页面属性】菜单命令，然后在页面属性对话框的“分类”中选中“标题、编码”，在标题中输入新标题4、创建本地站点的作用是什么？答：（1）把网站内的所有网页与相关的文件全部放在一起，以方便我们使用相对地址，链接方便，也方便管理（2）方便相对地址的移动第四章：1、网页中常用的图象格式有哪些？各自的特点是什么？答：（1）gif:格式采用非失真的压缩方式。
网页设计与制作-复习提纲
《网页设计与制作》复习提纲一、考试方式：学校统一安排考试，闭卷二、考试时间：90分钟三、考试内容：以教材《网页设计与制作》为基础，以HTML语言为主要参考资料，请大家课外注意复习。
四、试题类型：选择题、判断题，简答题、设计题五、知识重点1）有关HTML的基础知识，如中文意思是什么？网页可以有那些开发工具？2）HTML用于描述功能的符号是什么？3）几种常用的标记符号如<HTML></HTML>、<Head></head><body></body>等等各有什么含义和作用?4) 有关颜色的基本知识:颜色是由哪三原色组合而成的?如何实现给背景添加颜色, 请设计几种方案;熟悉有关设计软件中的调色板及其使用方法。
写出实现红色的两种方法：代码或其他方案均可。
5)请熟悉FrontPage、flash、Dreamweaver等软件界面，及其相应区域的名称和作用。
例如：1图一如图一所示，位置1是：标题栏；位置2是：文档所在的目录及文件名;位置3是: 网页编辑区; 标签选择器是:位置56)了解网址写法的规范和方法。
7)了解有关网页超连接方面的基础知识：种类、方法等。
8)了解网页使用图象方面的基础知识：可用图象种类、加载图象的方法。
9)试用HTML语言代码写出一个空白网页的基本代码，并指出相应的含义与作用。
10）能分析网页编制过程中出现的一些简单错误，并可以给出解决方案，如出现下面现象，如何处理：（1）将作好的网页拷贝到另一台机器上，结果发现网页上所有的图片都不显现（对应位置是个红叉）；（2）网页中添加的音频效果，在另外机器上无法播出，提示找不到播放工具。
11）试代码写出在HTML 中实现动态字幕的方法，并将“欢迎光临我的主页”的字样加入到网页, 要求: 向右移动,背景红色,字体黄色, 字体大小三号, 循环移动.参考：……<body><marquee bgcolor=red direction=right > <font size="+3" color=yellow> 欢迎光临我的主页!</marquee></body> ……12）有关网页发布与维护方面的基础知识（1）有人做了一个网站，涉及很多资源，并且都在一个文件夹下面，从方便维护角度，你认为他这么处理好不好，你有什么建议？13）了解设计个人主页的基本步骤。
网页制作复习提纲大全(修)
《网页制作》复习题第1章网页制作概况网页的概念网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
首页和主页的异同点网页制作的常用工具软件有哪些9网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？注释语句的含义，其正确书写格式HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记HTML中的常用标记的对应名称插入多媒体对象的HTML语句的正确格式无序列表的相关知识有序列表的相关知识表格标记的相关知识超链接语句的相关知识第2章DW网页制作基础如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？首选参数Dreamweaver站点的概念和特点一种组织所有与Web站点关联的文档的方法通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。
除非定义站点，否则不能充分利用Dreamweaver的功能。
设置Dreamweaver站点的方法不止一种在文件面板中进行管理的功能有：新建网页更改文件名删除文件等关于【远端站点】和【本地文件】的特点和概念所有制作完成的网页最后要放置在Web Server上。
制作者可以在服务器上制作网页。
制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。
完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。
哪些是HTML文档的基本属性？页面标题背景图像文本如何插入图像的一些基本常识？为了管理方便，一般设计习惯把图片放在“images”文件夹内以便于管理网站里的网页和图片等资源的文件名最好用中文，以便于管理。
网页制作复习大纲
1、HTML是Hyper Text Markup Language的缩写，意思是超文本标记语言。
2、常用网页设计和制作的专门工具Microsoft Frontpage和Adobe Dreamweaver3、网页：按照网页文档规范编写的一个或多个文件，通常是HTML格式的文件。
主要由文字、图形图像、动画、视频、超级链接等基本元素构成。
4、网站：是各种各样网页，文件，脚本，数据库以及众多资源的集合。
5、静态网页的工作原理：在浏览器（客户端）中输入一个网址并按回车键，或在网页中单击一个超级链接后，就会向服务器端提出一个网页浏览的请求。
服务器接到请求后，找到相应的静态网页文件，然后发送给浏览器。
客户端浏览器。
发送请求。
Web服务器(1、接受客户端请求2、找到静态网页3、发送网页)。
返回请求。
返回静态网页3、动态网页：ASP文件的扩展名为.asp 文件的扩展名为.aspx JSP文件的扩展名为.jsp4、动态网页和静态网页的工作原理类似，它们的区别在于Web服务器对它们的处理方式不同。
在浏览器里输入一个动态网页网址并按回车键后，就会向服务器端提出一个浏览网页的请求。
如果Web服务器接收到对动态网页的请求，则从Web服务器中找到该文件，并将它传递给一个称为应用程序服务器的软件，由它负责解释和执行网页，将含有程序代码的动态网页转化为标准的静态网页，最后将执行后的结果——静态网页传递给客户端浏览器。
客户端浏览器。
发送请求。
Web服务器（1、接受客户端请求2、找到动态网页3、执行程序代码，生成静态网页4、发送网页）。
发送数据库请求。
数据库服务器。
返回数据库处理结果。
返回请求，返回静态网页5、网站的前期规划：1、确定网站目标（网站的整体定位；主要内容；目标用户）2、规划网站结构3、确定网站风格6、网页中图像主要有3种格式：GIF、JPEG、PNG7、GIF格式：优点：支持透明背景；支持动画；支持图形渐进；支持无损压缩。
网页复习提纲_有页码
网页复习提纲_有页码《网页设计与制作》复习提纲第1章网页设计与制作基本知识1、网页的概念P1网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
2、HTTP协议与统一资源定位符P13、何谓超文本P34、网页制作的常用工具软件有哪些P75、网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？P10唯一一个必须出现的标记是<title>/</title>6、单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？P11起7、注释语句的含义，其正确书写格式P10<!—xxx-->8、HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式。
P12起9、你是如何认识标题标记的？P1310、在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记P14-1511、HTML中的常用标记的对应名称P12起12、插入多媒体对象的HTML语句的正确格式P15起13、超链接语句的相关知识P1714、表格标记的相关知识P18第2章FireworksCS4数码图像基本操作1、位图与矢量图的特点及常用格式是什么？P252、网页上常见的图像的格式及特点？P273、Fireworks默认的存储格式是？P27png4、选区的操作：加选、减选、全选、取消选择P45-465、图像优化P74第3章FireworksCS4网页高级应用1、切片的概念、优点及相关操作P89起2、交换图像的实现方法P95起3、元件、实例的概念及相关操作P101起4、按钮的状态及按钮的相关操作P105起第4章DreamweaverCS4网页制作基本操作1、Dreamweaver站点的概念和特点P1492、在文件面板中进行管理的功能有哪些P153起3、关于【远端站点】和【本地文件】的特点和概念P1514、哪些是HTML文档的基本属性及基本元素？P156设置网页基本属性的目的在于设置网页的外观效果，其基本属性包括网页标题、背景色、背景图像等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》复习提纲
第1章
网页的概念：网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
（可用word、记事本、Dreamweaver等编辑）
网页制作的常用工具软件有哪些？FrontPage、Dreamweaver、Fireworks
HTTP与统一资源定位符P3
首页和主页的异同点：（浏览网站时最先访问的页为首页、主页是整个网站的导航中心、首页和主页可以是同一页）
网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？
单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？
在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记
注释语句的含义，其正确书写格式
HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性、字体标记的书写方式
HTML中的常用标记的对应名称
HTML中内置的标题标记有6级
插入多媒体对象的HTML语句的正确格式
<img src=“图像文件的路径”>
属性border的默认值是0
表格标记的相关知识
超链接语句的相关知识
在超链接语句<A href=/ Target=“？”> 中，属性Target可以有以下哪几项设置值？_blank _self _top
第2章FW网页制作基础
位图与矢量图的特点及常用格式是什么？
.jpg（JPEG）、.gif（最多可以使用的颜色数是256）、.bmp
网页上常见的图像的格式及特点？JPEG和GIF
希望使图片的背景是透明的时候，应该使用的图像格式是什么？
Fireworks默认的存储格式是？
选区的操作：加选（shift键）、减选（Alt键）、全选、取消选择
各种工具的使用，例如“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具、“消除红眼”工具等等
Fireworks生成动画时，帧延时设置默认为多少秒？
图像优化
第3章FW网页高级应用
元件、实例的概念及相关操作:
元件可分为图形元件、动画元件和按钮元件三种。
元件是基于文件的，放在文档库。
实例作为元件的表示形式，会随着元件的修改或删除而自动被修改或删除。
但实例的修改不会影响元件。
URL：统一资源定位符
切片的优点及相关操作
按钮的状态及按钮的相关操作
Fireworks动画的帧概念及默认延时设置
第4章DW网页制作基础
如果想更改工作区，可以使用“查看”菜单中的什么命令切换到一种不同的工作区？
编辑/首选参数
Dreamweaver站点的概念和特点
设置Dreamweaver站点的方法只有一种（错误）
在文件面板中进行管理的功能有哪些?
关于【远端站点】和【本地文件】的特点和概念
文档窗口：显示当前创建和编辑的网页文档，是用户在Dreamweaver CS4设计网页的主要工作区。
在该工作区中可以进行输入文字、插入图片等多媒体资源、设置超链接等工作，也可以对整个页面进行处理。
有"设计"视图、"代码"视图、"拆分"视图，要在两个视图之间快速切换，可按快捷键[Ctrl]+[~]。
文件面板的功能
哪些是HTML文档的基本属性？
插入图像可以选择哪些方法。
网页中添加换行符的方法？
锚链接的前导符是什么？
超级链接属性面板中的目标选项默认的情况下有哪四个选项？分别代表什么？
第5章DW网页布局应用
在Dreamweaver中插入表格的实现方法。
表格的不同查看模式。
表格的组成元素。
如何选取表格元素？
如何设置表格宽度？
如何设置表格高度？
可用哪些单位来度量表格的宽度或高度？
你是怎么理解表格的边框粗细的？
你是怎么理解表格的单元格边距的？单元格内容与单元格左、右边界所持的距离你是怎么理解表格的单元格间距的？
嵌套表格的制作方法。
如何合并表格中的单元格？
何谓框架集？何谓框架？
一个Dreamweaver模板文档的文件扩展名是什么？
在Dreamweaver中，模板与站点的关系。
1）模板一定存在于站点中；
2）模板可使站点的网页风格保持一致性，站点不一定非得包含有模板不可。
表格中单元格的合并与拆分方法
可在文件面板中还可查看到当前站点所包含的模板。
创建网页模板的方法。