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即（DomainNameSystem/DomainNameServer）实现域名与IP地址的一一对应关系。5．URL：即统一资源定位器，基本格式为：访问类型：//访问主机[：端口号]/访问的文件。6．网页：即基于超文本和超媒体的信息载体；超文本指一个网页可以通过事先嵌入的超级链接跳转到存储于其他任何地方的网页；超媒体指网页包含了种种多媒体信息或多媒体链接。7．网页的核心是HTML，它并不是一种程序设计语言，而是一种页面描述语言。8．WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为客户程序。9．超媒体的两大应用：一是指网页中的图形本身就是一个链接，二是指WEB链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。10．目前流行的两大浏览器：InternetExplorer和NetscapeNavigator。11．评价一个网站设计好坏，主要包括创意和制作两个部分。12．网页制作的工具：HotDog、Notepad、HomeSite属于标记型网页制作工具；Frontpage、Dreamweaver属于所见即所得网页制作工具；Photoshop、Fireworks属于图形处理型网页制作工具；CGI、JAVA属于编程型网页制作工具。13．图形图像处理主要包括：图形编辑、图像修饰和图像优化。14．网站设计专业流程：初始商计、网站构思、综合内容、页面布局与导航、图形制作、内容流程、网站测试和验收交付。15．网站风格：指整个网站所采用的结构布局、色调、文字、标志、图案等要素给浏览者的关于该网站的印象。个人网站的基本风格为3种：主题图形、信息发布及介于两者之间的形式。16．站点的层次：一般采用三级结构，首页、栏目页、文章页。17．站点目录结构规划原则：不要将所有文件都存放在根目录下，按栏目内容分别建立子目录，在每个主目录下都建立独立的images目录，目录的层次不要太深，不要使用中文目录，不要使用过长的目录，尽量采用意义明确的目录。18．重心平衡：即页面重心反映的网页上各种元素分布的协调程度。19．色彩：彩色具有色相、饱和度、明度属性，而非彩色只具有明度属性；通常色相就是指颜色，饱和度又称纯度，指颜色的纯洁程度，明度也叫亮度，指颜色的深浅；三原色（RedGreenBlue，RGB）指红色、绿色和蓝色，色彩都是通过三原色按照不同的配比调配出来的，每种颜色可调配的范围从0~255共计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．网页布局中页面尺寸：与显示器大小及分辨率有关系，常用分辨率有800╳600和1024╳768。23．色块构图要点：冷暖色调在均匀使用时不宜靠近；纯度接近的两种颜色也不宜放在一起；整个页面中最好有一个主色调。抽象线条构图：很容易造成重心不稳，因此通常和图片搭配使用。24．文本色彩体系：bodybgcolor=”#000000”text=”#ffffff”link=”#ff0000”alink=”#00ff00”vlink=”#0000ff”其中bgcolor=”#000000”指设置网页背景色为黑色，text=”#ffffff”指设置网页中文字颜色为白色，link=”#ff0000”指设置网页中超链接文字颜色为红色，alink=”#00ff00”指设置网页中点击时超链接文字颜色为绿色，vlink=”#0000ff”指设置网页中已经访问过的超链接文字颜色为蓝色。25．在Photoshop中，Resolution是解析度，也叫精度，单位为dpi，就是“每英寸多少个点”的缩写，默认为72dpi。26．Photoshop中的图像模式有：灰度、RGB、CMYK、LAB，其中CMYK模式中C.青色(Cyan)M.洋红色(Magenta)Y.黄色(Yellow)K.黑色(blacK)，一般用于印刷中。27．图层的操作：图层的命名，添加，选择，移动，删除，锁定，隐藏，合并（Ctrl+E）。28．橡皮图章的作用：就是对复制点取样，然后用与复制点相同的图像画图。29．色彩调节：选择Image(图像)菜单中的Adjust(调整)选项，可以进行色彩调节的方法有，色彩层次、色彩曲线、色彩平衡、亮度和对比度等。30．HTML文件的基本结构：htmlhead文件头部信息/headbody文件主体信息/body/html31．标题标记：title文件标题/title，该标记放在两个head之间，作用是在浏览器的标题栏上显示文件标题。32．标题字体标记：hx…/hx，其中X的取值为1~6，标记号越小，描述的标题文字越大；hx可设置水平对齐属性，格式为hxalign=#…/hx，其中#可以是left、center、right，如：h1align=”center”文字/h1。33．转（换）行标记：br，作用强制文字转行，属于单标记。（hr水平线、bgsound背景声音、img图片都属单标记）34．预排版标记：pre…/pre，作用按照排版原样显示出来。35．文字效果标记：粗体标记：b…/b、strong…/strong；斜体标记：i…/i、em…/em、cite…/cite；底线标记：u…/u；删除线标记：strike…/strike；文字闪烁标记：blink…/blink（该标记IE不支持，而Netscape支持）；上标：sup…/sup；下标：sub…/sub；字体大小颜色标记：fontface=”字体”size=”n”color=”#”…/font其中字体可以是宋体、黑体等，n可以是１～７个字号，n的值越大描述的文字越大，＃可以是颜色英文单词或＃加上６位十六进制的颜色代码。36．特殊符号：表示成；表示成；“表示成；&表示成&；空格表示成；37．符号清单：ultype=#li…li…/ul或menutype=#li…li…/menu或lhtype=#li…li…/lh其中#的值可以是：Disc、Circle、Square。标号清单：oltype=#start=nli…li…/ol，其中＃的值可以是1、A、a、Ｉ、i,而n为一个整数代码起始的数字。38．表格由table标记开始，以/table标记结束，包括行标记tr、表头元标记th、列标记td。表格属性中有：border属性表示表格的边框，默认为０；width属性表示表格的宽度，单位可以是px和％；cellspacing属性表示框线厚度；cellpadding属性表示数据与边框的距离；bgcolor属性表示表格的背景色；bcakground属性表示表格背景图。单元格属性中有：width属性设置单元格的宽度；height属性设置单元格的高度；align属性设置单元格水平对齐方式可以为left、center、right；valign属性设置单元格的垂直对齐方式为top、middle、bottom；bgcolor属性设置单元格的背景色；nowrap属性强制单元格内容不换行。合并单元格：colspan属性为合并左右相邻的单元格，rowspan属性为合并上下相邻的单元格。表格标题：caption…/caption，标题内容显示在表格正上方，字体居中并加粗。39．图片：imgsrc=”#”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的文件。声音和视频都可采用embed标记来的实现播放：embedsrc=”#”width=#height=#autostart=yesloop=true，其中loop=true表示始终循环播放。42．超级链接：文字链接：ahref=”url”字符串/a；图片链接：ahref=”url”imgsrc=”#”/a；锚点链接：建立书签的方法：aname=”object-name”text/a，指向书签的方法ahref=”#object-name”text/a脚本链接：ahref=”javascript:window.close（）”关闭窗口/a；启动邮件系统：ahref=”mailto:邮件地址”…/a43．单图多链接：mapname=”map-name”areashape=#coords=#href=#areashape=#coords=#href=#…/map其中shape的值可以是rect（矩形）、circle（圆形）、poly（多边形），coords指明各区域坐标，href指明各区域的链接。44．表单：formaction=#method=#inputtype=#…inputtype=”submit”inputtype=”reset”/form其中action的值是指定表单的处理程序，method的值可以是get或post，一般情况为post，参数传递时采用get，type属性值为text单行文本、passoword为密码文本、radio为单选框、checkbox为多选框、submit为提交按钮、reset为重置按钮。45．选择菜单框：selectname=#optionselected…/select，其中selected表示该选项默认被选中。46．文本域：textareaname=#rows=#cols=#…/textarea，其中rows表示行数，cols表示列数。47．框架：也被称为帧，将浏览器的窗口划分成多个区域，每个区域可以显示独立的网页文件。例如：浏览器分成三个框架结构，共涉及到４个网