00900网设计与制作复习资料可编辑修改版

1、网页设计与制作自考课程复习资料1. 网络协议分为：硬件协议和软件协议。2. TCP/IP协议：TCP为传输控制协议，工作在传输层，FTP默 认端口号为21； IP为网际协议，工作在网络层，WEB默认端口号为 80； Telnet为远程登录协议，默认端口号为23； SMTP为简单邮件 传输协议，默认端口号为25； POP3为邮局协议，默认端口号为110。3. IP地址：由32位二进制数表示，每8位为一组，以圆点”分隔；其中IP直观表示时采用十进制，每组的有效范围是 0255；主要分为三个层次，分别是主机、由主机构成的网络和网络构 成的互联网；IP分为5类IP地址，A类1126, B类128、19

2、1, C 类 192223, D 类224239, E 类20254。4. 域名与域名系统：IP是三个层次的由数字表示，而域名是 多个层次由字符表示，域名分为国内域名（中国.cn）和国际域名（商业.com/网络.net/教育.edu/政府.gov/组织.org）, DNS即（DomainName System/ Domain Name Server）实现域名与 IP 地址的一 一对应关系。5. URL :即统一资源定位器，基木格式为：访问类型：/访问主机:端口号/访问的文件。6. 网页：即基于超文本和超媒体的信息载体；超文本指一个网 页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；

3、 超媒体指网页包含了种种多媒体信息或多媒体链接。7. 网页的核心是HTML,它并不是一种程序设计语言，而是一 种页而描述语言。8. WEB浏览器是指一个运行在用户计算机上的程序，它负责下 载、显示网页，因此也称为WWW客户程序。9. 超媒体的两大应用：一是指网页中的图形本身就是一个链接, 二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、 音频或视频剪辑。10. 目前流行的两大浏览器 :Internet Explorer Netscape Navigatoro11. 评价一个网站设计好坏，主要包括创意和制作两个部分。12. 网页制作的工具：HotDog、Notepad HomeSit

4、e属于标记 型网页制作:具；FrontpageDreamweaver属丁所见即所得网页制作 工具；Photoshop Fireworks属于图形处理型网页制作工具；CGI、 JAVA属于编程型网页制作工具。13. 图形图像处理主要包括：图形编辑、图像修饰和图像优化。14. 网站设计专业流程：初始商计、网站构思、综合内容、页而布局与导航、图形制作、内容流程、网站测试和验收交付。15. 网站风格：指整个网站所采用的结构布局、色调、文字、 标志、图案等要素给浏览者的关于该网站的印象。个人网站的基本 风格为3种：主题图形、信息发布及介于两者之间的形式。16. 站点的层次：一般采用三级结构，首页、栏目页

5、、文章页。17. 站点目录结构规划原则：不要将所有文件都存放在根目录 下，按栏目内容分别建立子目录，在每个主目录下都建立独立的 images目录，目录的层次不要太深，不要使用中文目录，不要使用 过长的目录，尽量采用意义明确的目录。18. 重心平衡：即页面重心反映的网页上各种元素分布的协调 程度。19. 色彩：彩色具有色相、饱和度、明度属性，而非彩色只具 有明度属性；通常色相就是指颜色，饱和度又称纯度，指颜色的纯 洁程度，明度也叫亮度，指颜色的深浅；三原色(RedGreen Blue, RGB)指红色、绿色和蓝色，色彩都是通过三原色 按照不同的配比调配出来的，每种颜色可调配的范围从0255共计

6、256个色阶。20. Gif和JPEG格式图片:Gif格式最多允许的色彩数量为256色，适用于动态图片和透明背景图；Jpeg格式一般采用24位表 示颜色的数量为224,适用于数码照片。Fireworks保存的文件格式 为PNG；画图工具保存的文件格式为BMP（位图），其中位图放大后会 出现马赛克现象，矢量图放大不影响质量；TIF格式图片（用于印 刷）和PSD格式图不能在网页中显示。21. WEB安全色：指浏览器只能跳跃式的识别00、33、66、99、cc、ff组成的216种颜色。抖动：指网页中采用 了 WEB安全色以外的颜色，图像出现颗粒、粗糙等现象。22. 网页布局中页面尺寸：与显示器大小及

7、分辨率有关系，常 用分辨率有800X600和1024X768。23. 色块构图要点：冷暖色调在均匀使用时不宜靠近；纯度接 近的两种颜色也不宜放在一起；整个页面中最好有一个主色调。抽 象线条构图：很容易造成重心不稳，因此通常和图片搭配使用。24. 文本色彩体系：其中bgcolor#000000”指设置网页背景色为黑色，text #ffffff”指设置网页中文字颜色为白色，link二” ttffOOOO”指设置 网页中超链接文字颜色为红色，alink #OOffOO”指设置网页中点 击时超链接文字颜色为绿色，vlink二” #0000ff”指设置网页中己经 访问过的超链接文字颜色为蓝色。25. 在

8、Photoshop中,Resolution是解析度，也叫精度，单位 为dpi,就是“每英寸多少个点”的缩写，默认为72dpio26. Photoshop中的图像模式有：灰度、RGB、CMYK、LAB,其 中CMYK模式中C.青色(Cyan) M.洋红色(Magenta) Y.黄色(Yellow) K.黑色(blacK), 一般用于印刷中。27. 图层的操作：图层的命名，添加，选择，移动，删除，锁 定，隐藏，合并(Ctrl+E)。28. 橡皮图草的作用：就是对复制点取样，然后用与复制点相 同的图像画图。29. 色彩调节：选择Image (图像)菜单中的Ad just (调整)选项, 可以进行色彩

9、调节的方法有，色彩层次、色彩曲线、色彩平衡、亮 度和对比度等。30. HTML文件的基本结构：文件头部信息 文件主体信息 31. 标题标记：title文件标题，该标记放在两个 head之间，作用是在浏览器的标题栏上显示文件标题。32. 标题字体标记:-,其中X的取值为16,标记 号越小，描述的标题文字越大；hx可设置水平对齐属性，格式为 ,其中#可以是 left、center、right,如I： 文字,作用强制文字转行，属于单标记。（水平线、bgsound背景声音、img图片都属单标记）34. 预排版标记：preY/pre,作用按照排版原样显示岀来。35. 文字效果标记：粗体标记：bY/b、,

10、e,；斜体标记：i、, ,e,；底线标记:,；删除线标记：,e,； 文字闪烁标记:* （该标记IE不支持，而 Netscape 支持）；上标：sup/sup；下标：-*； 字体大小颜色标记：Y/font其中字体可以是宋体、黑体等，n可以是17个字号，n的值 越大描述的文字越大，#可以是颜色英文单词或#加上6位十六进 制的颜色代码。36. 特殊符号：表示成 表示成 ；“表示成；&表示成&;空格表示成；37.符号清单：,S!(, 或lhtype=#Xli,其中#的值可以是：Disc、Circle、Squareo标号清单：ol type二# start=n,其中#的值可以是1、A、a、I、i,而n为

11、一个整数代码起 始的数字。38. 表格由标记开始，以标记结束，包扌舌行 标记表头元标记列标记o表格属性中有：border属性表示表格的边框，默认为0 ； width属性表示表格的宽度，单位可以是px和；cellspacing属性表示框线厚度；cellpadding属性表示数据与边 框的距离；bgcolor属性表示表格的背景色；bcakground属性表示 表格背景图。单元格属性中有:width属性设置单元格的宽度；height属性 设置单元格的高度；align属性设置单元格水平对齐方式可以为 left center、right； valign属性设置单元格的垂直对齐方式为 top、middle

12、、bottom； bgcolor属性设置单元格的背景色；nowrap 属性强制单元格内容不换行。合并单元格：colspan属性为合并左 右相邻的单元格，rowspan属性为合并上下相邻的单元格。表格标题：-*,标题内容显示在表格正上 方，字体居中并加粗。39. 图片:其中img为单标记，src属性指定图片所在路径width属性和 height属性设置图片的宽度和高度，align属性设置图片的水平对齐 方式可为lefts center right, border属性设置图片的边框，alt 属性为替代文字，作用是对图片进行说明。40. 嵌入声音：在网页中嵌入的声音文件可以是后缀为.wav . au

13、 .mid的文件，分别是波形文件、real文件、Midi序列 文件，其中波形文件最大，mid文件最小。41. 嵌入视频：在网页中可嵌入的视频文件是后缀为.mov、mpg dat avi的文件。声音和视频都可采用标记来 的实现播放： , 其中loop二true表示始终循环播放。42. 超级链接：文字链接：字符串；图 片链接：；锚点链接：建立书签的方法：a name二” object-nameM text ,指向书签的方法ahref二” object-name text脚本链接:a href=M javascript: window, close ()” 关闭窗 口；启动邮件系统：43. 单图多链

14、接：map name= v map-name n Xarea shape=# coords=# href=#Xarea shape=#coords=# href=# 其中shape的值可以是rect （矩形）、circle （圆形）、poly （多边形）,coords指明各区域坐标,href指明各区域的链接。44. 表单 :让戸诡 type二submit” Xinputtype二” reset” 其中action的值是指定表单的处理程 序，method的值可以是get或post, 一般情况为post,参数传递 时采用get, type属性值为text单行文木、passoword为密码文本、 r

15、adio为单选框、checkbox为多选框、submit为提交按钮、reset 为重置按钮。45. 选择菜单框： optionselectedee,其中selected表示该选项默认被选中。46. 文本域：e*/tex 其中rows表示行数，cols表示列数。47. 框架：也被称为帧，将浏览器的窗口划分成多个区域，每 个区域可以显示独立的网页文件。例如：浏览器分成三个框架结构， 共涉及到4个网页文件，其中第4个文件就是框架划分信息具体代 码如下： 框架 48. META标记：动态链接、动态排列文件、网页关键字设置；动态链接：,其中#为延时的时间，单位为秒；动态排列文件：meta http-eq

16、uiv二” content-type vcontent二” text/html； charset二GB2312 ”，其中 GB2312 指简 体中文，Big5指繁体中文；网页关键字：，其中#表示关键字，如果 有多个关键字时使用逗号分隔。49. XML侧重组织和查找数据；CSS侧重于WEB页的继承和表现;DHTML侧重于WEB页内容的动态表现。50. DHTM L包括:HTML4. 0 （超文本标记语言）、CSS3. 0 （层叠 样式表）、Javascript Vbscript、DOM（文档对象模型），主要优点 有，动态样式、动态内容、动态定位。51. DOM :即文档对象模型，为HTML文档定

17、义了一个与平台无 关的程序接口，使用该接口控制文档的内容、结构和样式。52. Javascript的基本特点：是一种脚木编写语言、基于对象 的、简单的、安全的、基于事件的、跨平台的。53. Javascript是Netscape公司的产品，前身是LiveScript语言，而Java是SUX公司的产品，前身是Oak语言；Javascript是基于对象,而Java是面向对象;Javascript是解释 执行，而Java是编译执行；Javascript使用弱变量，而Java使用 强变量；Javascript使用script/script嵌入方式，而Java使用 pletX/apple嵌入方式；Jav

18、ascript采用动态联编，而Java采用静态 联编；Java试图统一计算平台的角度实现互操作。54. Javascript的元素：包括事件和事件处理句柄、变量（var 定义）和常量、表达式和运算符、函数（Function） 数组、对象等。55. Javascript的事件和事件处理句柄：Load OnLoad页而被 装入，UnLoad OnUnLoad离开页面，Mouseover OnMouseover鼠标经过，ChangeOnChange改变表单文本的值，SelectOnSelect 选中复选或单选按钮，Submit OnSubmit提交表单， Focus OnFocus当前焦点位于该元素

19、，ClickOnClick单击页面元素，Blur OnBlur失去焦点56. Javascript 对象：包括Window Document、 Form Navigator String、 Math Date 等， 其中对象与属性、方法间使用点号”分隔。如：Document. Write （）57. Javascript有两种注释：逐行注释“/”和多行注释“/*/” CSS样式的注释可以采用“/*/”。58. Javascript使用方式有三种：脚木置于标 记中间，直接嵌入在HTML的窗体和链接中，使用SRC属性应用外部脚 本文件（扩展名为js）59. DOM将HTML、CSS （层叠样式表）

20、和脚木语言联合起来组成 一人或多人都能实现的互操作模型。60. CSS是层叠样式表，也称级联样式表，由W3C颂布的样式标准，最髙版本3.0,作用一个就是针对页面中对象风格和样式进 行定义，另一个就是使HTML各标记属性更具有一般性和通用性。61. CSS样式的引用方法：内联式样式单、嵌入式样式单() 外部式样式单()62. CSS样式的选择符分为：超文本标记选择符、类选择符、ID选择符。63. BOX模型指CSS把HTML中标记/标记之间的部分称 为BOX (容器)，包扌舌MarginPadding和Border三类属性;其中 Margin 属性具体分为 margin margin-lefts

21、 marginrights margin-topmargin-bottom,边距属性设置4个值时应按 顶、右、底、左边距顺序赋予;Padding属性具体分为 padding、padding-top、padding-right padding-bottom padding-left，填充属性设置4个值时应按顶、右、底、 左边距顺序赋了； Border属性具体分为border-width、bordercolors border-style。64. 布局属性：帖层都是矩形，一般使用或 ,帖层包扌舌溢出属性、位置属性、层高指数；其中溢 出属性取值有可视、隐藏、滚动、自动，默认为可视；位置属性取 值为绝

22、对、相对、静态，初始值为静态，一般设置为绝对；层高指 数值越大位置越靠前。65. 文本属性：词间距(word-spacing):设置英文单词间距、 字间距(letter-spacing):指字母和中文的间距、文本修饰(text-decoration) : underline 表不下划线,overline 表不上划线、 垂直对齐(vertical-align) : top表示顶线对齐，middle表示中线 对齐,bottom表示底线对齐、文本转换(text-transform):capitalize表示大写每个单词第一个字母，uppercase表75大写所有 字母，lowercase表示小写所有

23、字母、文本对齐(text-align): left表示居左对齐，center表示居中对齐，right表示居右对齐、 文字缩进(text-indent)n 行间距(line-height )o 注：lem=12pt66. 背景属性：background-color属性表示背景色； background-image: url (a.gif) 表 Z5 背景图；backgroundrepeat： repeat 表不背景重复；backgroundattachment： fixed 表 示背景图固定；background-position： 20%2cm表示背景图位于左边20%的位置，上边2cm的位置。

24、67. 字体属性：包括字形(font-family)字体大小(font- size)、字体效果(font-style) 字体磅值(font-weight)、字母 转换(font-variant),如I： font-variant： small-caps 表不将字 母转为大写显示。68. Frontpage的主要功能：创建和管理WEB站点，制作网页， 发布站点，维护站点。69. Frontpage2000的页面视图包括：普通、HTML、预览，而Frontpage2003的页面视图包括：设计、拆分、彳弋 码、预览，Dreamweaver的页面视图包括设计、拆分、代码。其 中Frontpage和Dr

25、eamweaver都可以按F12使用IE预览网页。_private和images文件夹和index, htm文件，如果创建一个空站 点包括_private和images文件夹。71. 虚拟目录可以分布在网络中不同的物理位置上。72. 通过报表视图可以查看当前站点中各种信息的统计结果。73. 网页的过渡效果：选择“格式”菜单中的网页过渡选项， 可以设置进入网页、退出网页过渡的效果。74. Dreamweaver的界面组成：包括菜单、插入栏、文档工具 栏、文档窗口、标签选择器、属性面板及其他控制而板组。75. Dreamweaver中创建站点的工作流程：计划和准备；创建 网页，调整网页布局，添加内

26、容；根据需要编辑代码；将网页链接 在一起；预览和发布站点；添加显示来自数据库的信息的动态网页。76. Dreamweaver中切换工作区：选择“编辑”菜单中的首选 参数选项，在弹出的对话中选择常规选项卡，更改工作区为设计者 或代码编写者。77. Fireworks的界面：包括菜单、工具栏、画布、属性面板、 其他控制而板组成。78. Firewroks中切割图片所使用的工具是切片工具，可将大图片切割成若干个小图片。79. Fireworks中元件的类型包括：图形、动画、按钮。80. Fireworks中洋葱皮按钮可以调整的选项：无洋葱皮、显示下一帧、之间和之后、显示所有帧、自定义、多帧编辑。81

27、. Fireworks绘图工具的使用：线形工具的使用技巧，按住Shift键可以画出水平或竖直的直线，而按住“Alt”键可画出45度直线；矩形工具的使用技巧，按住Shift键可以画出一个正方形，按住“Alt”键可以画出由中心向四周发展的矩形，同时按住Shift和“Alt”键，可以画出一个从中心张大的正方形；椭圆工具与矩形工具使用方式类似；钢笔工具、矢量路径可以绘制路径。82. 路径一般分为闭合路径和敞开路径。路径的着色方法分为描边和填充两种，描边的作用是让路径拥有不同的笔触，而填充是 使用不同的材质填满路径所包围的区域。83. Flash的界面组成：菜单、工具栏、场景、时间轴、属性 而板及其他控

28、制而板。84. 时间轴由图层和帧组成，默认的帧频为12fps,其中图层 分为普通图层、导向图层、被导向图层、遮罩图层、被遮罩图层，而帧分为普通帧(F5)、关键帧(F6)、空白关键帧(F7)o85. 铅笔工具的绘图模式有：拉直模式、平滑模式、徒手模式, 其中徙手模式绘制的近似手绘的任意形状线条。86. 滴管工具：使用滴管工具中，点击线条后会立即进入墨水 瓶填充状态，点击图形内部会立即进入颜料桶填充状态。87. 集合和打散对象：集合命令可以将选定的多个对象组合成 一个对象，对应的快捷键Ctrl+G,打散命令可以将选定的一个对象 分离出多个对象，对应的快捷键Ctrl+Bo88. Flash的元件类型为：图形、影片