1、完整版00900网页设计与制作复习资料网页设计与制作自考课程复习资料1网络协议分为:硬件协议和软件协议.2TCP/IP协议：TCP为传输控制协议,工作在传输层，FTP默认端口号为21；IP为网际协议，工作在网络层，WEB默认端口号为80；Telnet为远程登录协议，默认端口号为23;SMTP为简单邮件传输协议,默认端口号为25；POP3为邮局协议,默认端口号为110。3IP地址：由32位二进制数表示，每8位为一组,以圆点“”分隔；其中IP直观表示时采用十进制，每组的有效范围是0255;主要分为三个层次，分别是主机、由主机构成的网络和网络构成的互联网；IP分为5类IP地址,A类1126，B类12
2、8191，C类192223，D类224239，E类240254。4域名与域名系统：IP是三个层次的由数字表示，而域名是多个层次由字符表示，域名分为国内域名（中国.cn）和国际域名（商业。com/网络.net/教育.edu/政府。gov/组织。org)，DNS即（Domain Name System/ Domain Name Server)实现域名与IP地址的一一对应关系。5URL：即统一资源定位器，基本格式为：访问类型：/访问主机：端口号/访问的文件。6网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；超媒体指网页包含了种种多媒体信
3、息或多媒体链接。7网页的核心是HTML,它并不是一种程序设计语言，而是一种页面描述语言。8WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页,因此也称为WWW客户程序。9超媒体的两大应用：一是指网页中的图形本身就是一个链接,二是指WEB链接可以打开某一程序,而且显示并播放其中的图片、音频或视频剪辑。10目前流行的两大浏览器：Internet Explorer和Netscape Navigator。11评价一个网站设计好坏，主要包括创意和制作两个部分。12网页制作的工具:HotDog、Notepad、HomeSite属于标记型网页制作工具;Frontpage、Dreamweave
4、r属于所见即所得网页制作工具;Photoshop、Fireworks属于图形处理型网页制作工具；CGI、JAVA属于编程型网页制作工具。13图形图像处理主要包括：图形编辑、图像修饰和图像优化。14网站设计专业流程：初始商计、网站构思、综合内容、页面布局与导航、图形制作、内容流程、网站测试和验收交付。15网站风格：指整个网站所采用的结构布局、色调、文字、标志、图案等要素给浏览者的关于该网站的印象。个人网站的基本风格为3种：主题图形、信息发布及介于两者之间的形式。16站点的层次：一般采用三级结构，首页、栏目页、文章页。17站点目录结构规划原则:不要将所有文件都存放在根目录下，按栏目内容分别建立子目
5、录，在每个主目录下都建立独立的images目录，目录的层次不要太深，不要使用中文目录，不要使用过长的目录，尽量采用意义明确的目录。18重心平衡：即页面重心反映的网页上各种元素分布的协调程度。19色彩:彩色具有色相、饱和度、明度属性，而非彩色只具有明度属性；通常色相就是指颜色，饱和度又称纯度，指颜色的纯洁程度，明度也叫亮度，指颜色的深浅；三原色（Red Green Blue，RGB）指红色、绿色和蓝色，色彩都是通过三原色按照不同的配比调配出来的，每种颜色可调配的范围从0255共计256个色阶。20Gif和JPEG格式图片：Gif格式最多允许的色彩数量为256色，适用于动态图片和透明背景图;Jpe
6、g格式一般采用24位表示颜色的数量为224，适用于数码照片.Fireworks保存的文件格式为PNG；画图工具保存的文件格式为BMP（位图)，其中位图放大后会出现马赛克现象，矢量图放大不影响质量；TIF格式图片（用于印刷）和PSD格式图不能在网页中显示。21WEB安全色：指浏览器只能跳跃式的识别00、33、66、99、cc、ff组成的216种颜色。抖动：指网页中采用了WEB安全色以外的颜色,图像出现颗粒、粗糙等现象。22网页布局中页面尺寸：与显示器大小及分辨率有关系,常用分辨率有800600和1024768.23色块构图要点：冷暖色调在均匀使用时不宜靠近；纯度接近的两种颜色也不宜放在一起；整个
7、页面中最好有一个主色调。抽象线条构图：很容易造成重心不稳，因此通常和图片搭配使用。24文本色彩体系：其中bgcolor=”#000000”指设置网页背景色为黑色，text=ffffff指设置网页中文字颜色为白色，link=”#ff0000”指设置网页中超链接文字颜色为红色，alink=”00ff00”指设置网页中点击时超链接文字颜色为绿色，vlink=0000ff”指设置网页中已经访问过的超链接文字颜色为蓝色。25在Photoshop中，Resolution是解析度,也叫精度，单位为dpi，就是“每英寸多少个点的缩写，默认为72dpi。26Photoshop中的图像模式有:灰度、RGB、CMY
8、K、LAB，其中CMYK模式中C. 青色（Cyan) M。 洋红色(Magenta） Y. 黄色(Yellow） K. 黑色（blacK)，一般用于印刷中。27图层的操作:图层的命名,添加,选择，移动，删除,锁定，隐藏，合并(Ctrl+E）.28橡皮图章的作用：就是对复制点取样,然后用与复制点相同的图像画图。29色彩调节：选择Image(图像)菜单中的Adjust（调整）选项，可以进行色彩调节的方法有，色彩层次、色彩曲线、色彩平衡、亮度和对比度等.30HTML文件的基本结构:文件主体信息/body31标题标记：title文件标题/title，该标记放在两个head之间,作用是在浏览器的标题栏上
9、显示文件标题.32标题字体标记：/hx,其中#可以是left、center、right,如:文字/h1。33转(换)行标记:br，作用强制文字转行，属于单标记。（hr水平线、bgsound背景声音、img图片都属单标记）34预排版标记：pre/pre，作用按照排版原样显示出来。35文字效果标记：粗体标记：b、/i、;底线标记：u/u；删除线标记：strike/strike；文字闪烁标记：（该标记IE不支持，而Netscape支持）；上标：sup/sup；下标:；字体大小颜色标记：font face=字体”size=n” color=”#其中字体可以是宋体、黑体等,n可以是个字号，n的值越大描述
10、的文字越大，可以是颜色英文单词或加上位十六进制的颜色代码.36特殊符号： 表示成 ； 表示成 ；“ 表示成；&表示成&；空格表示成 ；37符号清单：ul type=li或menu type=/menu或lh type=#li其中#的值可以是：Disc、Circle、Square。标号清单:lili/ol ，其中的值可以是1、A、a、i， 而n为一个整数代码起始的数字。38表格由table标记开始，以 标记结束,包括行标记、表头元标记th、列标记td。表格属性中有:border属性表示表格的边框，默认为；width属性表示表格的宽度，单位可以是px和；cellspacing属性表示框线厚度；ce
11、llpadding属性表示数据与边框的距离；bgcolor属性表示表格的背景色；bcakground属性表示表格背景图。单元格属性中有:width属性设置单元格的宽度；height属性设置单元格的高度；align属性设置单元格水平对齐方式可以为left、center、right;valign属性设置单元格的垂直对齐方式为top、middle、bottom；bgcolor属性设置单元格的背景色；nowrap属性强制单元格内容不换行。合并单元格:colspan属性为合并左右相邻的单元格,rowspan属性为合并上下相邻的单元格。表格标题：/caption，标题内容显示在表格正上方，字体居中并加粗.
12、39图片：img src=” width= height= align= border= alt=”其中img为单标记,src属性指定图片所在路径，width属性和height属性设置图片的宽度和高度，align属性设置图片的水平对齐方式可为left、center、right，border属性设置图片的边框，alt属性为替代文字,作用是对图片进行说明。40嵌入声音：在网页中嵌入的声音文件可以是后缀为。wav、。au、。mid的文件，分别是波形文件、real文件、idi序列文件，其中波形文件最大,mid文件最小.41嵌入视频:在网页中可嵌入的视频文件是后缀为。mov、mpg、dat、avi的文件
13、。声音和视频都可采用embed标记来的实现播放：字符串；图片链接：a href=”url”/a；锚点链接：建立书签的方法：text/a ,指向书签的方法a href=”objectname”text脚本链接：a href=”javascript:window。close（)关闭窗口;启动邮件系统：a href=”mailto:邮件地址/a43单图多链接：map name=”map-name其中action的值是指定表单的处理程序，method的值可以是get或post，一般情况为post,参数传递时采用get，type属性值为text单行文本、passoword为密码文本、radio为单选框、
14、checkbox为多选框、submit为提交按钮、reset为重置按钮.45选择菜单框：select name= option selected，其中selected表示该选项默认被选中。46文本域:/textarea，其中rows表示行数，cols表示列数。47框架：也被称为帧，将浏览器的窗口划分成多个区域,每个区域可以显示独立的网页文件.例如：浏览器分成三个框架结构，共涉及到个网页文件，其中第个文件就是框架划分信息具体代码如下：html框架/title/headframeset rows=20%，”frame src=”left。htm”frame src=main。htm”/frames
15、etbody/body/noframes/html48META标记：动态链接、动态排列文件、网页关键字设置；动态链接：，其中GB2312指简体中文，Big5指繁体中文；网页关键字：meta name=”keywords” content=#,其中#表示关键字,如果有多个关键字时使用逗号分隔。49XML侧重组织和查找数据；CSS侧重于WEB页的继承和表现；DHTML侧重于WEB页内容的动态表现。50DHTM包括:HTML4。0（超文本标记语言）、CSS3。0（层叠样式表）、Javascript、Vbscript、DOM（文档对象模型),主要优点有，动态样式、动态内容、动态定位.51DOM：即文档
16、对象模型，为HTML文档定义了一个与平台无关的程序接口，使用该接口控制文档的内容、结构和样式。52Javascript的基本特点：是一种脚本编写语言、基于对象的、简单的、安全的、基于事件的、跨平台的。53Javascript是Netscape公司的产品，前身是Live Script语言，而Java是SUN公司的产品，前身是Oak语言；Javascript是基于对象，而Java是面向对象；Javascript是解释执行,而Java是编译执行；Javascript使用弱变量,而Java使用强变量；Javascript使用script/script嵌入方式，而Java使用applet/script标
17、记中间，直接嵌入在HTML的窗体和链接中，使用SRC属性应用外部脚本文件(扩展名为js）59DOM将HTML、CSS（层叠样式表）和脚本语言联合起来组成一人或多人都能实现的互操作模型。60CSS是层叠样式表,也称级联样式表，由3C颂布的样式标准，最高版本3。0,作用一个就是针对页面中对象风格和样式进行定义,另一个就是使HTML各标记属性更具有一般性和通用性。61CSS样式的引用方法：内联式样式单、嵌入式样式单（）62CSS样式的选择符分为:超文本标记选择符、类选择符、ID选择符。63BOX模型指CSS把HTML中标记之间的部分称为BOX（容器)，包括Margin、Padding和Border三
18、类属性；其中Margin属性具体分为margin、marginleft、marginright、margin-top、margin-bottom,边距属性设置4个值时应按顶、右、底、左边距顺序赋予；Padding属性具体分为padding、paddingtop、paddingright、padding-bottom、paddingleft，填充属性设置4个值时应按顶、右、底、左边距顺序赋予；Border属性具体分为borderwidth、bordercolor、borderstyle。64布局属性：帖层都是矩形,一般使用div或span/span，帖层包括溢出属性、位置属性、层高指数;其中溢出
19、属性取值有可视、隐藏、滚动、自动，默认为可视；位置属性取值为绝对、相对、静态，初始值为静态，一般设置为绝对；层高指数值越大位置越靠前。65文本属性：词间距（wordspacing）：设置英文单词间距、字间距(letterspacing）：指字母和中文的间距、文本修饰（text-decoration）：underline表示下划线，overline表示上划线、垂直对齐（vertical-align)：top表示顶线对齐，middle表示中线对齐，bottom表示底线对齐、文本转换（text-transform):capitalize表示大写每个单词第一个字母，uppercase表示大写所有字母，
20、lowercase表示小写所有字母、文本对齐（text-align）:left表示居左对齐，center表示居中对齐，right表示居右对齐、文字缩进（textindent）、行间距(line-height）。注:1em=12pt66背景属性：backgroundcolor属性表示背景色;background-image：url（a。gif）表示背景图；background-repeat：repeat表示背景重复；background-attachment：fixed表示背景图固定；backgroundposition：20% 2cm表示背景图位于左边20%的位置，上边2cm的位置。67字体属
21、性：包括字形(fontfamily)、字体大小（fontsize）、字体效果（font-style）、字体磅值(fontweight）、字母转换(fontvariant）,如：fontvariant：smallcaps表示将字母转为大写显示。68Frontpage的主要功能：创建和管理WEB站点，制作网页，发布站点,维护站点。69Frontpage2000的页面视图包括：普通、HTML 、预览，而Frontpage2003的页面视图包括：设计、拆分、代码、预览，Dreamweaver的页面视图包括:设计、拆分、代码。其中Frontpage和Dreamweaver都可以按F12使用IE预览网页。
22、70Fontpage创建站点,如果是创建一个网页的站点包括_private和images文件夹和index。htm文件，如果创建一个空站点包括_private和images文件夹。71虚拟目录可以分布在网络中不同的物理位置上。72通过报表视图可以查看当前站点中各种信息的统计结果。73网页的过渡效果：选择“格式”菜单中的网页过渡选项，可以设置进入网页、退出网页过渡的效果.74Dreamweaver的界面组成:包括菜单、插入栏、文档工具栏、文档窗口、标签选择器、属性面板及其他控制面板组。75 Dreamweaver中创建站点的工作流程:计划和准备;创建网页,调整网页布局,添加内容；根据需要编辑代码
23、；将网页链接在一起；预览和发布站点；添加显示来自数据库的信息的动态网页。76 Dreamweaver中切换工作区：选择“编辑菜单中的首选参数选项，在弹出的对话中选择常规选项卡，更改工作区为设计者或代码编写者。77Fireworks的界面：包括菜单、工具栏、画布、属性面板、其他控制面板组成。78Firewroks中切割图片所使用的工具是切片工具,可将大图片切割成若干个小图片.79Fireworks中元件的类型包括：图形、动画、按钮。80Fireworks中“洋葱皮”按钮可以调整的选项：无洋葱皮、显示下一帧、之间和之后、显示所有帧、自定义、多帧编辑。 81Fireworks绘图工具的使用：线形工具
24、的使用技巧，按住“Shift”键可以画出水平或竖直的直线，而按住“Alt键可画出45度直线；矩形工具的使用技巧，按住“Shift”键可以画出一个正方形，按住“Alt键可以画出由中心向四周发展的矩形，同时按住“Shift”和“Alt”键，可以画出一个从中心张大的正方形；椭圆工具与矩形工具使用方式类似;钢笔工具、矢量路径可以绘制路径。82路径一般分为闭合路径和敞开路径。路径的着色方法分为描边和填充两种，描边的作用是让路径拥有不同的笔触,而填充是使用不同的材质填满路径所包围的区域。83Flash的界面组成：菜单、工具栏、场景、时间轴、属性面板及其他控制面板.84时间轴由图层和帧组成，默认的帧频为12
25、fps，其中图层分为普通图层、导向图层、被导向图层、遮罩图层、被遮罩图层，而帧分为普通帧（F5)、关键帧(F6)、空白关键帧(F7).85铅笔工具的绘图模式有：拉直模式、平滑模式、徒手模式，其中徙手模式绘制的近似手绘的任意形状线条。86滴管工具:使用滴管工具中，点击线条后会立即进入墨水瓶填充状态，点击图形内部会立即进入颜料桶填充状态。87集合和打散对象：集合命令可以将选定的多个对象组合成一个对象，对应的快捷键Ctrl+G,打散命令可以将选定的一个对象分离出多个对象，对应的快捷键Ctrl+B。88Flash的元件类型为：图形、影片剪辑、按钮；Flash补间的形式分为：动作和形状。Flash导出影片扩展名为。swf，保存文件扩展名为.fla.89通常在WEB服务器中缺省页面的名称为index.htm或defualt.htm。90WEB服务器可以理解成具有网页发布功能的计算机或应用程序。91MIME为多媒体Internet邮件交换协议,前身为SMTP(简单邮件传输协议）;MIME类型，主要由主类型和子类型两部分组成,如：text/html表示以html格式存储的文本文件，text/plain表示以纯ASCII码存储的文本文件，application/msword表示以word格式存储的客户应用程序，audio/wav表示以wav格式存储的声音文件，image/bmp表示以bmp格式存储
