网页设计基础知识共28页
网页设计与制作 简答题
简答题1.图象处理工具主要有那几类应用？答：使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。
包括：1图形编辑。
图形编辑包括制作页面中的字体`制作3D效果，建立透明GIF文件，插入背景阴影，处理字体`箭头`徽标等页面元素。
并能对图像进行剪切`移动和旋转处理。
图像修饰。
图像优化。
2.什么是Web服务器？Web浏览器的作用是什么？简述浏览器打开文件的步骤.答：Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于解释并显示超文本档，包括指向其他文档的引用（或指针），与其他HTTP服务器上非常相似，这些指针也称链接。
从一个超文本页上选择一个链接时，浏览器将请求送该回到新的服务器，然后在客户端上显示另一个充满链接的页面。
打开一个Web文件的基本步骤如下：1）.在浏览器中指定要访问的Web文件的URL。
2）.浏览器将请求发送给服务器。
3）.服务器将请求转递给指定的URL处的服务器。
4）.该服务器将文件送回到服务器上。
5）.服务器将文件送回到客户端浏览器上。
6）.浏览器将文件显示在计算机屏幕上。
3.网站设计过程中的最重要原则是什么？为什么？答：网站设计过程中的最重要原则是创意。
虽然一个网站的主要目的是传递给人们信息，但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们，比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的，没有太多的花逍的效果，运用普通的制作软件就能够制作完成，但它们的页面只需要看一眼见就能够让人马上识别他是谁，这是因为他们不仅向访问者传达了新闻等网站的信息，更传递了自己的独特风格。
网站的设计基本上是按照一定的步骤进行的，不同的站点开发人员有他们不同的习惯，对于网页设计都有自己独特的见解。
但一般来说有些原则是共同的，有些主要概念也是共同的：仅仅会输入文本，制作超级链接和排列图片，不是真正意义上的网页制作，或者说还不能称为网页创作。
网页制作基础课件
步骤： （1）打开“站点定义”对话框 （2）定义站点
网页制作基础
12
3. 站点的管理
站点建立后，Dreamweaver可 以对站点及站点中的文件进行管理， 可以对所建立的站点进行移动、复制、 删除、导入、导出等操作。
（1）打开“管理站点”对话框
1. 文本操作
（1）输入文本和空格
（2）文本换行（Enter与Shift+Enter）
网页制作基础
14
（3）网页页面属性设置
设置网页的标题、背景图像、背景颜 色、文本颜色、链接颜色、页边距等，对 外观进行整体上的控制，以保证页面属性 的一致性。
单击此按钮， 打开 “页面属性”对话框
网页制作基础
15
列表菜单选择 列表属性设置
网页制作基础
19
2. CSS样式
CSS（Cascading Style Sheet）称为“层叠 样式表”，简称为“样式表”。CSS是一组格 式设置规则，用于控制Web页面元素的外观布 局。
使用CSS可以灵活并更好地控制许多文本 属性，包括特定字体、大小、粗体、斜体、下 划线等。
设计通常以一张精美的海报画面为布局的主体。
网页制作基础
47
8．FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的 布局方式。在这种布局中，大部分甚至整个页面都是Flash。
网页制作基础
48
网页布局的方法
在网页制作中，网页布局的重要性是显而易见的。布局有很多方法， 但最基本的方法有两种：
插 入 链 接 对 话 框
网页制作基础
27
在“目标”下拉列表中可以选择超级链接的打开 方式。
网页设计简答
简答1．简述相对路径和绝对路径的异同。
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系；HTML绝对路径（absolute path）指带域名的文件的完整路径。
3．简述表单的两种传送方式的区别。
Post：采用此方法传送时，数据没有长度上的限制，但速成度比get慢。
Get：使用这种设置时，会在浏览器的地址栏显示要传送的数据，并且要传送的数据是不超过255个字符的，这种方式也是默认的方式，由于要传送的数据显示在地址栏，所以数据的保密性差，不安全。
互联网又称因特网，被称为“第四媒体”，也叫“超媒体”，它襄括了声音、图像、视频、交互、实时信息等各种特点，是至今为止表现力最强的媒体方式。
1 没有拥有者2 没有范围感3 没有方向感4 没有位置感5 无限制得传播6 极大的信息量7 多样的传达形态8 时效性强9 交互传达10 自由性网页是构成互联网的基本元素两者的概念：网站———由一个特定人群和组织控制的一组网页的组合。
网页———组成网站的基本单元。
界面是个体间相互联系的路或者空间。
界面设计的目标是有效传递该网站所提供的内容，并使浏览者与之相互在界面设计前需要了解如下几个概念：1Ui——User Interface,用户界面。
用户界面是指人与系统的连接空间，通过此界面用户能够从中获得并处理信息，最充分地实现此过程的互动。
2HCI-----Human----Computer Interaction,人与计算机的相互作用。
3GUI-----Graphical User Interface,图形用户界面，图形用户界面是相对纯文本而言的，它通过图形构成用户与系统间的界面。
网络的界面设计因而基于网络的特性，有以下局限？1 版面局限2 技术局限“小而精”网站制作流程？1 策划网站2 网站布局规划3 色彩搭配4 收集资料5 链接设计6 界面设计7 申请域名和空间8 上传网站9 广告宣传10维护更新设计者的任务？1 确定网站CI （网站CI设计内容包括：网站、标志、标准色彩、标准字体、宣传标语等等）.2 创建交互界面（界面随受众的反馈智能地变化或改进，又即时反馈给受众，这使得交互设计成为一种有趣的个性化的艺术设计形式）3 实现不同得的功能（在网页设计中形式永远是为功能服务的）4 完善网页之间的链接关系（超链接是网络的灵魂所在，它由特殊的文本、图形和一个URPL组成。
页设计基础知识
12
HTML? HTTP? URL?
B/S模式
服务器与 浏览器关系示意图
网页分类
静态网页 动态网页
客户端动态技术 服务器端动态技术
15
实践1
创建一个基本的网页：myindex.html 在本地计算机中访问这个网页 在浏览器中访问这个网页 区别是什么？ 构建网站的流程是怎样的？
组合、测试和部署站点
使用dreamweaver等编译资源，测试代码，将站 点发布到服务器上
使用dreamweaver等保持内容的更新
维护、更新站点
18
网页基本元素
导航栏 表单 动画 超链接 文本 表格 图片 声音和视频 其他常见元素
19
网页标准的组成
Web2.0网页标准：
结构标准语言：xhtml和xml 表现标准语言：css 行为标准语言：dom、ecmascript
20
结构标准语言
Xml可扩展标记语言：满足网络信息发布的需 要，网络数据的转换和描述 Xhtml可扩展超文本标记语言：是html向xml过 渡的一个桥梁，是一个引导人们逐步走向规范 的过渡方案
3
网页动态元素的使用
Flash基本动画特效 网页中常见的动画元素 Flash ActionScript3.0基础知识 Flash交互应用程序的创建
4
教材
主教材
《 CSS网页设计标准教程》人民邮电出版社
参考教材
《网页制作综合技术教程》 网址：校课程中心网站《网页设计》(矫) 《 Dreamweaver cs3网页制作基础教程》 《dreamweaver 与xml综合应用》 《flash 网站制作创意与表现》
网页设计与制作简答题
1、简述Web浏览器打开一个W e b文件的工作过程。
2、描述网页设计的一般步骤。
3、简述网页设计的基本准则。
4、简述规划网站目录结构时应遵循的原则。
5、描述版面布局的步骤。
6、什么是“HTML”？HTML“标记”又是什么？7、简述“HTML”文档的基本结构。
8、简述以下一段H T ML代码中各对标记的作用。
〈html〉〈head〉〈title〉网页设计〈/title〉〈/head〉〈body〉〈h2〉北国风光〈/h2〉〈/body〉〈/html〉9、如何进行本地网页的测试？10、网站管理和维护的主要工作有哪些？11、什么是Web浏览器?12、简述网页设计中所需要注意的通用规则。
13、简述DHTML的概念及主要组成。
14、简述使用Fro ntPage在网页中插入一个日历的过程。
15、简述色彩的三原色的概念及每种颜色的调配范围。
16、为什么要采用D H TML技术？客户端动态网页技术有哪些优点？17、网站栏目划分的原则是什么？18、XML与HTM L相比的主要优点有哪些？19、请简述一下网站的设计流程？20、简述FireW orks的特点。
21、网页制作的步骤是什么？22、怎样让链接没有下划线?23、怎样在网页中加入多媒体播放?24、怎样让网页的背景图像不滚动?25、怎样定义网页的关键字?26、什么是Web浏览器?27、网页上所说的重心平衡指的是什么?28、什么是DHTM L？DHTML技术主要由哪几部分组成？29、在CSS中，对字体的的设置所涉及到的属性有哪些？30、用HTML语言回答一个HT ML文件应具有的基本结构。
31、比较GIF格式和JPG格式的原理与各自的适用范围。
32、为什么要采用D H TML技术?客户端动态网页技术有哪些优点?33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。
00900《网页设计与制作》复习资料
《网页设计与制作》自考课程复习资料1．网络协议分为：硬件协议和软件协议。
2．TCP/IP协议：TCP为传输控制协议，工作在传输层，FTP默认端口号为21；IP为网际协议，工作在网络层，WEB默认端口号为80；Telnet为远程登录协议，默认端口号为23；SMTP为简单邮件传输协议，默认端口号为25；POP3为邮局协议，默认端口号为110。
3．IP地址：由32位二进制数表示，每8位为一组，以圆点“．”分隔；其中IP直观表示时采用十进制，每组的有效范围是0~255；主要分为三个层次，分别是主机、由主机构成的网络和网络构成的互联网；IP分为5类IP地址，A类1~126，B类128~191，C类192~223，D类224~239，E类240~254。
4．域名与域名系统：IP是三个层次的由数字表示，而域名是多个层次由字符表示，域名分为国内域名（中国.cn）和国际域名（商业.com/网络.net/教育.edu/政府.gov/组织.org），DNS即（Domain Name System/ Domain Name Server）实现域名与IP地址的一一对应关系。
5．URL：即统一资源定位器，基本格式为：访问类型：//访问主机[：端口号]/访问的文件。
6．网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；超媒体指网页包含了种种多媒体信息或多媒体链接。
7．网页的核心是HTML，它并不是一种程序设计语言，而是一种页面描述语言。
8．WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。
9．超媒体的两大应用：一是指网页中的图形本身就是一个链接，二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。
10．目前流行的两大浏览器：Internet Explorer和Netscape Navigator。
网页设计与制作知识点
网页设计与制作知识点第一部分HTML1. 在常用表格模式下进行网页布局（经济学专业编号）2. 在布局表格下进行布局1．制作双线边框的表格（南岳学院电商编号）2．制作单线边框的表格1．制作占位表格（电商编号）2．各种文字超链接的制作（一般链接，锚链接，email链接及打开方式）3．制作图像链接和热区链接4．在表格中插入图片和透明flash5．制作用户登录表单无序列表的使用（无序列表的嵌套）（此条不做）6．层与行为（显示隐藏层，交换图像）第二部分CSS7．修改文字大小和行距8．制作动态超链接(a:hover)9．用CSS创建交互（a元素的交互和非a元素的交互）10．制作首字下沉和图文混排和分栏（float定位）11．相对定位和绝对定位的实验12．（此学号为空）13．美化表单样式(盒子的边框背景属性)14．用CSS盒子模型制作导航条15．用无序列表制作tab样式导航条16．利用盒子的定位属性制作缺角菜单17．用滑动门技术制作圆角菜单18．用4图象法制作可变宽圆角栏目框19．CSS＋DIV固定宽度的三栏布局20．可变宽度布局的制作第三部分Fireworks21．规则和不规则图形的绘制（组合路径）22．图片融合技术（填充、渐变和蒙版）23．文字效果（阴影、倒影、描边）24．用fireworks做按钮和下拉菜单25．切片和图像的导出第四部分JavaScript26．制作层的Zindex改变的导航条27．用CSS和JavaScript制作下拉菜单28．制作Tab面板第五部分ASP29．创建虚拟目录和动态站点30．将静态网页转换为动态网页（切割头尾网页，导出CSS文件）31．数据库的连接32．创建记录集33．绑定动态数据到页面34．创建重复区域服务器行为35．转到详细页面服务器行为36．记录新闻点击次数37．创建记录集分页38．新闻搜索页面的设计39．插入动态图片40．用IIF函数将过长新闻标题用省略号取代后部41．创建用户登录验证界面（包括验证表单数据不为空）42．限制非注册用户对页的访问43．创建添加新闻页面44．创建编辑新闻页面练习第一章HTML1．分析一个URL的结构//web/1/200807/10172331484.html信息被放在一台被称为www的服务器上，是一个已被注册的域名，域名对应一台DNS服务器，cn表示中国，主机名，域名合称为主机头。
网页版面设计基础
一 基本概念 二 网页版面设计 三 实训
一 基本概念
1 虚拟界面
由于网页是通过计算机的显示通道与人们交流的，并不 是现实世界中的实际物体，因此又被称为“虚拟界面”。从 网络的角度来看，虚拟界面是一个网站的窗口，网站中的数 据库信息、链接功能以及各种网络服务都通过这个界面进行 实施。一个网站的网页可以有多个，通常根据需要分层设置。
在无彩色系中，明度最高的是白色，而最低的是黑色。在有彩色系中，明度 最高的是黄色，最低的是紫色。下面为颜色的明度由低到繁多，单纯以颜色的名称来表示颜色是无法适应平
面设计及工业生产需要的。因此，人们引入了色彩模式的概念。 色彩模式是表示色彩的方法。在不同的应用领域里，表示色彩的方式也
12
Banner
Banner为网页中的广告条，又被称作旗帜、网幅或横幅，是一种可 以由文本、图像和动画相结合而成的网页栏目。
国际广告联盟的“标准与管理委员会”联合广告支持信息和娱乐联 合会等国际组织，推出了一系列网络广告宣传物的标准尺寸，被称作 “IAC/CASIE”标准，共包括7种标准的Banner尺寸。
1．突出中心，理清主次
2．搭配合理，大小呼应
3．图文并茂，相得益彰
二 网页版面设计
2 网页排版布局的一般步骤 （1）构思
根据网站内容的整体风格，设计版面布局。 （2）初步填充内容
这一步就要把一些主要的内容放到网页中，例如，网站 的标志、广告条、菜单、导航条、计数器等。 （3）细化
在将各主要元素确定好之后，下面就可以考虑文字、图 像、表格等页面元素的排版布局了。在这一步，设计者可以 利用网页编辑工具把草案做成一个简略的网页，当然，对每 一种元素所占的比例也要有一个详细的数字，以便以后修改。
网页布局设计
网页常见布局类型
3.2 网页布局的类型很多，下面简要介绍一 些常见布局类型。
网站Logo+导航栏+Banner广告
导 航 菜 单 主体内容 + 其
广 告 + 其 他
他
版权信息+联系方式+其他 图3-2 国字型网页布局
3.2.1
国字型
国字型网页布局通常被门户、 购物类等内容丰富的大型网站所 使用。其基本布局形式是将网站 的Logo、导航栏及Banner等置 于顶部；下方安排网页的主体内 容，主题内容的左、右两侧分别 是导航菜单、广告或其他栏目； 最后由页尾形成外框底部，将主 体内容包围，如图3-2所示。
提示
扁平化是目前流行的网页设计趋势之 一，其特点是去掉页面中多余的透视、纹 理、渐变及3D效果等元素，让“信息” 重新作为网页核心被凸显出来。同时，在 设计元素上强调极简化和符号化，让页面 中的内容更容易被聚焦，从而带给用户更 直观的浏览体验，如图3-12所示。
图3-12 扁平化布局
18
网页布局技巧
如果网页使用自适应宽度模式，可直接使用 1 920像素或更大的宽度设计。
5
提示
上述网页宽度尺寸是含页边距 （图3-1所示的细节扩展区域）的 尺寸；设计网页版心时，其宽度应 比上述网页宽度稍小一些，以预留 出页边距。例如，若网页对应的是 1 366×768分辨率的显示器，可将 网页版心宽度设为1 190像素。
网站的宣传版块通常使用图文结合的形式进行宣传，此时，使用图文平铺是最基本的信息排 列方式，它能使页面显得整洁利落，如图3-21（a）所示。如果将图片、文字等信息进行层叠，打 破传统的左右、上下布局，能增加画面的透视与层次关系，使枯燥的图文说明方式更具设计感， 如图3-21（b）所示。
网页设计与制作重点复习资料
名词解释：2、表单：就是网页中站点服务器处理的一组数据输入域。
3、框架：是有一个框架网页所定义的浏览器视窗区域，它通过框架网页实现。
4、超级连接：是指从一个网页指向另一个目的端的连接，是从文本、图片或图形或图像映射到全球广域网上网页或文件的指针。
5、标记：HTML中用来指网页元素的类型，格式和外观的文本字符串，。
6、服务器端图像地图：一个传递鼠标光标到服务器上CGI处理程序的图像映射。
7、属性：是HTML标记的一个额外部分，他包含有关次标记自身的选项或其他信息。
8、绝对路径：从目录层次的最顶层开始一直向下通过所有的中间层的目录至到达对应文件，这种方式表达的路径称作绝对路径。
9、锚：即书中所讲的“书签”，是在页面内部可以连接到特殊的地方，通过它连接可以直接跳转到那些特殊的地方而不是仅仅跳到页面的顶部。
10、创建表单的步骤：决定要手机的信息，然后开始标点设计，在表单中添加域，设置表单域的数据输入规则：设置通过表单所收集的信息的处理方式：设置确认网页。
11、DHTML：就是一种即使在网页下载到浏览器以后仍然能够随时变换更新网页内容排版样式以及动画等等技术，它是一种通过各种技术的综合发展而得以实现的概念，主要包括CS S、DOM等技术。
12、DOM：文档对象模型，为HTML文档定义了一个与平台无误的程序接口。
13、CSS：层叠样式表：是由全球广域网协会所发展出来的HTML的规范表。
14、静态联编：指程序语言的各种对象和库的引用必须在编译时进行，以使编译器能够实现强类型检查。
15、脚本语言：是一种解释性的语言，它不需要编译即可运行。
16、对象：是一种组织数据的方式以及与数据相关的操作。
17、选择符：在层叠样式表的样式定义中，把HTML组件连接到一个样式内容和值的特定组合。
18、关联选择符：是一个用空格隔开的两个或更多的单一选择符组成的字符串。
19、站点：是一个将网页、图像媒体等集合到一起的抽象概念。
20、模板：指一类特殊文档，可提供构造最终文档的基本工具。
网页制作基础
第8章网页制作基础•8.1 概述•8.1.1 基本概念•网页（Web Page）–网页是一种可以在WWW上传输，并能被浏览器解释和呈现的文件。
–是网站最基本的组成单位。
–网页可分为静态网页和动态网页。
–都可以包含各种视觉动态效果，区别在于客户端与服务器之间是否发生交互行为–静态网页的扩展名通常为.htm或.html等。
–动态网页的扩展名较多，如.asp、.jsp、.aspx和.php等。
•网站（Web Site）–网站是相关网页的集合，这些网页之间通常具有一定的链接关系。
网站由域名、网页和主机空间组成，用户通过浏览网页来访问网站。
–如果访问者在浏览器的地址栏里输入网站的域名或IP地址，浏览器将会自动打开网站的默认首页（又称主页）。
•统一资源定位地址（Uniform Resource Locator，URL）–统一资源定位地址完整地描述Internet上网页和其他资源的地址，主要用于指明通信协议和地址，例如/view/1496.htm。
–URL的一般格式为：协议://IP地址或域名/路径/文件名•超链接（Hyperlink）–超链接是组成网站的基本元素，通过它可以在网站内部网页或资源之间建立链接，也可以与其他网站的网页或资源之间建立链接。
–超链接是网页的一部分，它记录了链接目标的URL。
当访问者单击已经创建超链接的文字或图片后，链接目标将自动打开。
•超文本（Hypertext）–超文本是一种包含网页元素和效果，具有超链接功能的网状文本。
–超文本通常使用超文本置标语言（HTML）进行编辑，它能够对网页的内容、显示效果及超链接进行描述，形成HTML文档。
8.1.2 常用网页制作工具•文本编辑器：Notepad、UltraEdit•可视化网页编辑软件：Dreamweaver、FrontPage•图像处理软件：Photoshop、Fireworks•音频处理软件：Adobe Audition、GoldWave•视频处理软件：Adobe Premiere、会声会影•动画制作软件：Flash8.1.3 Dreamweaver介绍•Dreamweaver是Adobe公司的集网页制作和网站管理于一身的可视化网页编辑器。
网页元素定位技术
创建层 • 插入层：把光标放置文档窗口想要插入层的位置，选择 插入|层 • 拖放层：把绘制层的按钮从插入栏拖到文档窗口 • 绘制层：在插入栏中单击绘制层按钮，在文档窗口中拖 拽 鼠标画出一个层
第17页/共28页
层基本操作—激活层
• 要在层中插入文字，图像，先要激活层 • 鼠标指针移至层内任何位置单击 • 插点置于层内，输入文字和图像
第18页/共28页
层基本操作—选择层
• 要对层进行移动，调整大小，先要选择层 • 选择一个层，选择多个层，shift
第19页/共28页
层基本操作—调整层大小，移动层
Ctrl +方向键可以对层进行微调大小
第20页/共28页
层基本操作—层属性设置
第21页/共28页
补充： • 层的可见性 • 层的堆叠顺序 • 层和表格转换
第24页/共28页
利用布局视图设计页面布局
第25页/共28页
• 选择左侧框架 • 左边保存为left.html • 右边保存为fight.html • 再创建几个要显示的字页面 • 设置超链接 • 运行时候再保存主框架
第26页/共28页
第27页/共28页
感谢您的观看！
第28页/共28页
• 行数：输入新建表格的行数
• 列数：输入新建表格的列数
• 表格宽度：表格宽度，单位：像素百分比
• 边框粗细：表格边框的宽度
• 单元格边距：单元格内容和单元格边界之间的像素
• 单元格间距：单元格之间的像素数
• 页眉：可以定义表头样式
• 标题：定义表格的标题
• 对齐标题：定义表格标题的对齐方式
• 摘要：对表格进行注释
第22页/共28页
补充层HTML标记
网页设计
编号 0 4 7 10 13 16 19 22
过滤方式 盒状收缩 由下往上 由下往上 水平格状百叶窗
从左右两端向中间展开 从中间向上下两端展开 从左上角向右下角展开
编号 1 5 8 11 14 17 20 23
设置上标与下标：sup、sub
使用上标与下标可以将一段文字以小字体方式显示在另一段 文字的右上角或右下角，在各种数学公式、计算、书籍文章 注解中都有广泛的运用 <sup>……</sup> <sub>……</sub> Xx+Yy
16
HTML入门基础
文字段落与列表设计
输入空格等特殊符号
在HTML文件中，使用键盘上的空格键只能输入一个空格， 如果想输入多个空格，许利用空格符号： 除了空格之外，网页中还有一些其它的特殊符号，需要用 代码来表示：
<nobr>……</nobr>
换行标记：br
段落之间是隔行换行的。如果觉得段落间的行间距过大， 可以使用换行标记br来完成文字的紧凑换行。
登鹳雀楼 <P>白日依山尽，<br>黄河入海流。<br> 欲穷千里目，<br>更上一层楼。 </P>
20
HTML入门基础
3.3 文字段落与列表设计
预格式化标记：pre
过滤方式 盒状放射 由上往下 由下往上 垂直格状百叶窗
从中间向左右两端展开 从左上角向右下角展开 从左下角向右上角展开 随即产生一种过渡方式
编号 3 6 9 12 15 18 21
网页设计与制作习题集
《网页设计与制作》复习提纲第1章网页设计与制作基本知识1、网页的概念P1网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
2、HTTP协议与统一资源定位符P13、何谓超文本P34、网页制作的常用工具软件有哪些P75、网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？P10唯一一个必须出现的标记是<title>/</title>6、单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？P11起7、注释语句的含义，其正确书写格式P108、HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式。
P12起9、你是如何认识标题标记的？P1310、在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记P14-1511、HTML中的常用标记的对应名称P12起12、插入多媒体对象的HTML语句的正确格式P15起13、表格标记的相关知识P1814、超链接语句的相关知识P17第2章FireworksCS4数码图像基本操作1、位图与矢量图的特点及常用格式是什么？P252、网页上常见的图像的格式及特点？P273、Fireworks默认的存储格式是？P274、选区的操作：加选、减选、全选、取消选择P45-465、图像优化P74第3章FireworksCS4网页高级应用1、切片的概念、优点及相关操作P89起2、交换图像的实现方法P95起3、元件、实例的概念及相关操作P101起4、按钮的状态及按钮的相关操作P105起第4章DreamweaverCS4网页制作基本操作1、Dreamweaver站点的概念和特点P1492、在文件面板中进行管理的功能有哪些P153起3、关于【远端站点】和【本地文件】的特点和概念P1514、哪些是HTML文档的基本属性及基本元素？P156设置网页基本属性的目的在于设置网页的外观效果，其基本属性包括网页标题、背景色、背景图像等。
HML网页设计基础知识学习PPT课件
2.网页的基本元素
【例2-2】设定序号的种类
<BIG> 大字 <H3>HTML入门</H3> <OL type=A> <LI>WWW <LI>Browser <LI type=I>HTML <LI>网页 </OL> <EM>HTML案例教程</EM> 斜体 <OL type=a> <LI>WWW网页 <LI>网页文本的布局 <LI>在网页中插入图像 <LI type=i>列表 <LI>表格 </OL>
16
2.网页的基本元素
2.3 网页中的列表使用
在网页中使用列表，可以清楚地看到定义顺序、 信息排序及信息的相对重要性。
HTML提供了丰富的列表元素，用于在HTML文档 中建立列表。
列表中并列的信息(数据)称为项。项前可以添 加符号或序号，也可以各项并列而不加任何记 号。带序号的列表称为有序列表，带符号的列 表称为无序列表，各项并列而不加任何记号的 列表称为定义列表。
颜色，默认为蓝色。 ⑤vlink — 设置已被访问过的超文本链接的
颜色，默认为紫色。 例如: <BODY background=“photo6.gif”
bgcolor=”#00FF00”> 将背景图像设为 photo6.gif，背景色设为绿色。
7
2.网页的基本元素
2.1 网页中的文本使用
一般而言，Web网页是由图像、表格及环绕它们 的文本组成。网页中文本的文字风格和布局设 计在网页设计中非常重要。
17
2.网页的基本元素
网页设计复习资料
网页设计复习资料一、选择题：1．下列不能在网页的“页面属性”对话框中设置的是（）。
A.网页背景图及其透明度B.背景颜色、文本颜色、链接颜色C.文档编码D.跟踪图像及其透明度2．对于插入网页中的Flash动画，不能在属性面板中设置动画（）。
A.是否循环播放B.循环播放的次数C.是否自动播放动画D.播放时的品质3．在HTML语言中，<body alink=#ff0000>表示（）。
A.设置链接的颜色为红色B.设置访问过链接的颜色为红色C.设置鼠标指针移动到链接上时的颜色为红色D.设置活动链接的颜色为红色4．关于绝对路径的使用，以下说法错误的是（）。
A.绝对路径是指包括服务器规范在内的完全路径，通常使用http://表示B.绝对路径不管源文件在什么位置都可以非常精确地找到C.如果希望链接其他站点上的内容，就必须使用绝对路径D.绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径5．以下表示锚点标记的是（）。
A. B. C. D.6．在Dreamweaver 中，下列对象中可以添加热点的是（）。
A．文字B．图像C．层D．动画7．下列关于CSS的说法错误的是（）。
A.CSS的全称是Cascading Style Sheets，中文的意思为“层叠样式表”B.CSS的作用是精确定义页面中各元素以及页面的整体样式C.CSS不仅可以设置大多数传统的文本格式，还能定义一些特殊的HTML格式D.在Dreamweaver中只能可视化创建CSS样式，无法使用源代码来创建8．如果要使用CSS样式将文本定义为粗体，需要设置（）文本属性。
A.ont-familyB.font-styleC.font-weightD.font-size9、在表格中添加一行的快捷键是（）A. Ctrl+MB. Shift+MC. Ctrl+Shift+YD. Ctrl+Alt+Yt10．用于添加背景音乐的HTML标签是（）。