自考网页设计与制作重点考点总结

合集下载

00900《网页设计与制作》复习资料

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是三个层次的由数字表示,而域名是多个层次由字符表示,域名分为国内域名〔中国〕和国际域名〔商业/网络.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.11.评价一个设计好坏,主要包括创意和制作两个部分.12.网页制作的工具:HotDog、Notepad、HomeSite属于标记型网页制作工具;Frontpage、Dreamweaver属于所见即所得网页制作工具;Photoshop、Fireworks属于图形处理型网页制作工具;CGI、JAVA属于编程型网页制作工具.13.图形图像处理主要包括:图形编辑、图像修饰和图像优化.14.设计专业流程:初始商计、构思、综合内容、页面布局与导航、图形制作、内容流程、测试和验收交付.15.风格:指整个所采用的结构布局、色调、文字、标志、图案等要素给浏览者的关于该的印象.个人的基本风格为3种:主题图形、信息发布与介于两者之间的形式.16.站点的层次:一般采用三级结构,首页、栏目页、文章页.17.站点目录结构规划原则:不要将所有文件都存放在根目录下,按栏目内容分别建立子目录,在每个主目录下都建立独立的images 目录,目录的层次不要太深,不要使用中文目录,不要使用过长的目录,尽量采用意义明确的目录.18.重心平衡:即页面重心反映的网页上各种元素分布的协调程度.19.色彩:彩色具有色相、饱和度、明度属性,而非彩色只具有明度属性;通常色相就是指颜色,饱和度又称纯度,指颜色的纯洁程度,明度也叫亮度,指颜色的深浅;三原色〔RedGreen Blue,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.文本色彩体系:<body bgcolor="#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文件的基本结构:<html><head>文件头部信息</head><body>文件主体信息</body></html>31.标题标记:<title>文件标题</title>,该标记放在两个head 之间,作用是在浏览器的标题栏上显示文件标题.32.标题字体标记:<hx>…</hx>,其中X的取值为1~6,标记号越小,描述的标题文字越大;hx可设置水平对齐属性,格式为<hx align=#>…</hx>,其中#可以是left、center、right,如:<h1 align="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可以是1~7个字号,n的值越大描述的文字越大,#可以是颜色英文单词或#加上6位十六进制的颜色代码.36.特殊符号:< 表示成 <;> 表示成 >;" 表示成";&表示成&;空格表示成;37.符号清单:<ul type=#><li>…<li>…</ul>或<menu type=#><li>…<li>…</menu>或<lhtype=#><li>…<li>…</lh>其中#的值可以是:Disc、Circle、Square.标号清单:<ol type=# start=n><li>…<li>…</ol>,其中#的值可以是1、A、a、I、i, 而n为一个整数代码起始的数字.38.表格由<table>标记开始,以 </table>标记结束,包括行标记<tr>、表头元标记<th>、列标记<td>.表格属性中有:border属性表示表格的边框,默认为0;width 属性表示表格的宽度,单位可以是px和%;cellspacing属性表示框线厚度;cellpadding属性表示数据与边框的距离;bgcolor属性表示表格的背景色;bcakground属性表示表格背景图.单元格属性中有:width属性设置单元格的宽度;height属性设置单元格的高度;align属性设置单元格水平对齐方式可以为left、center、right;valign属性设置单元格的垂直对齐方式为top、middle、bottom;bgcolor属性设置单元格的背景色;nowrap属性强制单元格内容不换行.合并单元格:colspan属性为合并左右相邻的单元格,rowspan属性为合并上下相邻的单元格.表格标题:<caption>…</caption>,标题内容显示在表格正上方,字体居中并加粗.39.图片:<img src="#" width=# height=# align=# border=# alt="#">其中<img>为单标记,src属性指定图片所在路径,width属性和height属性设置图片的宽度和高度,align属性设置图片的水平对齐方式可为left、center、right,border属性设置图片的边框,alt属性为替代文字,作用是对图片进行说明.40.嵌入声音:在网页中嵌入的声音文件可以是后缀为.wav、.au、.mid的文件,分别是波形文件、real文件、Midi序列文件,其中波形文件最大,mid文件最小.41.嵌入视频:在网页中可嵌入的视频文件是后缀为.mov、mpg、dat、avi的文件.声音和视频都可采用<embed>标记来的实现播放:<embedsrc="#" width=# height=# autostart=yes loop=true> ,其中loop=true表示始终循环播放.42.超级:文字:<a href="url">字符串</a>;图片:<a href="url"><img src="#"></a>;锚点:建立书签的方法:<a name="object-name">text</a> ,指向书签的方法<ahref="#object-name">text</a>脚本:<a href="javascript:window.close〔〕">关闭窗口</a>;启动系统:<ahref="mailto:地址">…</a>43.单图多:<map name="map-name"><area shape=# coords=#href=#><area shape=#coords=# href=#>…</map>其中shape的值可以是rect〔矩形〕、circle〔圆形〕、poly〔多边形〕,coords指明各区域坐标,href指明各区域的.44.表单:<form action=# method=# ><input type=#>…<input type="submit"><inputtype="reset"></form>其中action的值是指定表单的处理程序,method的值可以是get或post,一般情况为post,参数传递时采用get,type属性值为text单行文本、passoword为密码文本、radio 为单选框、checkbox为多选框、submit为提交按钮、reset为重置按钮.45.选择菜单框:<select name=#> <option selected>…</select>,其中selected表示该选项默认被选中.46.文本域:<textarea name=# rows=# cols=#>…</textarea>,其中rows表示行数,cols表示列数.47.框架:也被称为帧,将浏览器的窗口划分成多个区域,每个区域可以显示独立的网页文件.例如:浏览器分成三个框架结构,共涉与到4个网页文件,其中第4个文件就是框架划分信息具体代码如下:<html><head><title>框架</title></head><frameset rows="20%,*"><frame src="top.htm"><frameset cols="20%,*"><frame src="left.htm"><frame src="main.htm"></frameset></frameset><noframes><body></body></noframes></html>48.META标记:动态、动态排列文件、网页关键字设置;动态:<meta -equiv="refresh"content="# ;url=文件名或网址">,其中#为延时的时间,单位为秒;动态排列文件:<meta -equiv="content-type"content="text/html;charset=GB2312">,其中GB2312指简体中文,Big5指繁体中文;网页关键字:<metaname="keywords" content="#">,其中#表示关键字,如果有多个关键字时使用逗号分隔.49.XML侧重组织和查找数据;CSS侧重于WEB页的继承和表现;DHTML侧重于WEB页内容的动态表现.50.DHTML包括:HTML4.0〔超文本标记语言〕、CSS3.0〔层叠样式表〕、Javascript、Vbscript、DOM<文档对象模型>,主要优点有,动态样式、动态内容、动态定位.51.DOM:即文档对象模型,为HTML文档定义了一个与平台无关的程序接口,使用该接口控制文档的内容、结构和样式.52.Javascript的基本特点:是一种脚本编写语言、基于对象的、简单的、安全的、基于事件的、跨平台的.53.Javascript是Netscape公司的产品,前身是LiveScript语言,而Java是SUN公司的产品,前身是Oak语言;Javascript是基于对象,而Java是面向对象;Javascript是解释执行,而Java是编译执行;Javascript使用弱变量,而Java使用强变量;Javascript使用<script></script>嵌入方式,而Java使用<applet></apple>嵌入方式;Javascript采用动态联编,而Java采用静态联编;Java试图统一计算平台的角度实现互操作.54.Javascript的元素:包括事件和事件处理句柄、变量<var 定义>和常量、表达式和运算符、函数<Function>、数组、对象等.55.J avascript的事件和事件处理句柄:Load OnLoad 页面被装入,UnLoad OnUnLoad离开页面,Mouseover OnMouseover 鼠标经过,Change OnChange 改变表单文本的值,SelectOnSelect选中复选或单选按钮,Submit OnSubmit 提交表单,Focus OnFocus 当前焦点位于该元素,ClickOnClick 单击页面元素,Blur OnBlur 失去焦点56.Javascript对象:包括Window、Document、Form、Navigator、String、Math、Date等,其中对象与属性、方法间使用点号"."分隔.如:Document.Write〔〕57.Javascript有两种注释:逐行注释"//…"和多行注释"/*…*/".CSS样式的注释可以采用"/*…*/".58.Javascript使用方式有三种:脚本置于<script></script>标记中间,直接嵌入在HTML的窗体和中,使用SRC属性应用外部脚本文件〔扩展名为js〕59.DOM将HTML、CSS〔层叠样式表〕和脚本语言联合起来组成一人或多人都能实现的互操作模型.60.CSS是层叠样式表,也称级联样式表,由W3C颂布的样式标准,最高版本3.0,作用一个就是针对页面中对象风格和样式进行定义,另一个就是使HTML各标记属性更具有一般性和通用性.61.CSS样式的引用方法:内联式样式单、嵌入式样式单〔<style></style>〕、外部式样式单〔<link>〕62.CSS样式的选择符分为:超文本标记选择符、类选择符、ID 选择符.63.BOX模型指CSS把HTML中<标记>…</标记>之间的部分称为BOX〔容器〕,包括Margin、Padding和Border三类属性;其中Margin 属性具体分为margin、margin-left、margin-right、margin-top、margin-bottom,边距属性设置4个值时应按顶、右、底、左边距顺序赋予;Padding属性具体分为padding、padding-top、padding-right、padding-bottom、padding-left,填充属性设置4个值时应按顶、右、底、左边距顺序赋予;Border属性具体分为border-width、border-color、border-style.64.布局属性:帖层都是矩形,一般使用<div></div>或<span></span>,帖层包括溢出属性、位置属性、层高指数;其中溢出属性取值有可视、隐藏、滚动、自动,默认为可视;位置属性取值为绝对、相对、静态,初始值为静态,一般设置为绝对;层高指数值越大位置越靠前.65.文本属性:词间距〔word-spacing〕:设置英文单词间距、字间距〔letter-spacing〕:指字母和中文的间距、文本修饰〔text-decoration〕:underline表示下划线,overline表示上划线、垂直对齐〔vertical-align〕:top表示顶线对齐,middle表示中线对齐,bottom表示底线对齐、文本转换〔text-transform〕:capitalize 表示大写每个单词第一个字母,uppercase表示大写所有字母,lowercase表示小写所有字母、文本对齐〔text-align〕:left表示居左对齐,center表示居中对齐,right表示居右对齐、文字缩进〔text-indent〕、行间距〔line-height〕.注:1em=12pt 66.背景属性:background-color属性表示背景色;background-image:url〔a.gif〕表示背景图;background-repeat:repeat表示背景重复;background-attachment:fixed表示背景图固定;background-position:20%2cm表示背景图位于左边20%的位置,上边2cm的位置.67.字体属性:包括字形〔font-family〕、字体大小〔font-size〕、字体效果〔font-style〕、字体磅值〔font-weight〕、字母转换〔font-variant〕,如:font-variant:small-caps表示将字母转为大写显示.68.Frontpage的主要功能:创建和管理WEB站点,制作网页,发布站点,维护站点.69.Frontpage2000的页面视图包括:普通、HTML、预览,而Frontpage2003的页面视图包括:设计、拆分、代码、预览,Dreamweaver的页面视图包括:设计、拆分、代码.其中Frontpage和Dreamweaver都可以按F12使用IE预览网页.70.Fontpage创建站点,如果是创建一个网页的站点包括_private和images文件夹和index.htm文件,如果创建一个空站点包括_private和images文件夹.71.虚拟目录可以分布在网络中不同的物理位置上.72.通过报表视图可以查看当前站点中各种信息的统计结果.73.网页的过渡效果:选择"格式"菜单中的网页过渡选项,可以设置进入网页、退出网页过渡的效果.74.Dreamweaver的界面组成:包括菜单、插入栏、文档工具栏、文档窗口、标签选择器、属性面板与其他控制面板组.75. Dreamweaver中创建站点的工作流程:计划和准备;创建网页,调整网页布局,添加内容;根据需要编辑代码;将网页在一起;预览和发布站点;添加显示来自数据库的信息的动态网页.76. Dreamweaver中切换工作区:选择"编辑"菜单中的首选参数选项,在弹出的对话中选择常规选项卡,更改工作区为设计者或代码编写者.77.Fireworks的界面:包括菜单、工具栏、画布、属性面板、其他控制面板组成.78.Firewroks中切割图片所使用的工具是切片工具,可将大图片切割成若干个小图片.79.Fireworks中元件的类型包括:图形、动画、按钮.80.Fireworks中"洋葱皮"按钮可以调整的选项:无洋葱皮、显示下一帧、之间和之后、显示所有帧、自定义、多帧编辑.81.Fireworks绘图工具的使用:线形工具的使用技巧,按住"Shift"键可以画出水平或竖直的直线,而按住"Alt"键可画出45度直线;矩形工具的使用技巧,按住"Shift"键可以画出一个正方形,按住"Alt"键可以画出由中心向四周发展的矩形,同时按住"Shift"和"Alt"键,可以画出一个从中心张大的正方形;椭圆工具与矩形工具使用方式类似;钢笔工具、矢量路径可以绘制路径.82.路径一般分为闭合路径和敞开路径.路径的着色方法分为描边和填充两种,描边的作用是让路径拥有不同的笔触,而填充是使用不同的材质填满路径所包围的区域.83.Flash的界面组成:菜单、工具栏、场景、时间轴、属性面板与其他控制面板.84.时间轴由图层和帧组成,默认的帧频为12fps,其中图层分为普通图层、导向图层、被导向图层、遮罩图层、被遮罩图层,而帧分为普通帧〔F5〕、关键帧<F6>、空白关键帧<F7>.85.铅笔工具的绘图模式有:拉直模式、平滑模式、徒手模式,其中徙手模式绘制的近似手绘的任意形状线条.86.滴管工具:使用滴管工具中,点击线条后会立即进入墨水瓶填充状态,点击图形内部会立即进入颜料桶填充状态.87.集合和打散对象:集合命令可以将选定的多个对象组合成一个对象,对应的快捷键Ctrl+G,打散命令可以将选定的一个对象分离出多个对象,对应的快捷键Ctrl+B.88.Flash的元件类型为:图形、影片剪辑、按钮;Flash补间的形式分为:动作和形状.Flash导出影片扩展名为.swf,保存文件扩展名为.fla.89.通常在WEB服务器中缺省页面的名称为index.htm或defualt.htm.90.WEB服务器可以理解成具有网页发布功能的计算机或应用程序.91.MIME为多媒体Internet交换协议,前身为SMTP〔简单传输协议〕;MIME类型,主要由主类型和子类型两部分组成,如:text/html 表示以html格式存储的文本文件,text/plain表示以纯ASCII码存储的文本文件,application/msword表示以word格式存储的客户应用程序,audio/wav表示以wav格式存储的声音文件,image/bmp表示以bmp格式存储的图形文件,message表示电子,video表示视频格式文件.92.PWS为个人网页服务器,包括五个组件:个人WEB服务器、事务服务器、数据访问组件、Frontpage服务器扩展、消息队列服务器.93.PWS最多可满足10个连接,目录可设置读取、执行、脚本访问权限.94.虚拟主机:指命名用特殊软硬件技术,把一台运行在因特网上的服务器主机分成多台"虚拟"的主机,每一台虚拟主机都具有独立的域名和IP地址,具有完整的Internet服务器功能,虚拟主机之间相互独立,并可由用户自行管理.95.站点管理方式:FTP管理和WEB管理方式两种.一般都使用FTP管理方式,如CuteFtp软件.96.站点推广方式:包括传统推广方式、搜索引擎注册、网络广告交换、列表服务、BBS讨论组的宣传.97.XML即可扩展标记语言,可归结树型结构,将改变浏览器显示、组织、搜寻信息的方式,而且克服了HTML空易断开的缺点.98.XML的特点:开放性、可扩展性、互操作性和严密性.99.XML文档必须遵守"结构良好"的规则:文档第一行必须是文档说明;文档必须包含至少一个元素;每个开始标记和结束标记配套使用;文档中必须包含唯一的打开和并闭标记;各个标记间不能重叠或者说不能交叉定义.100.<? 表示声明开始,encoding默认值是UTF-8〔通用字符〕,?>表示声明结束,DTD表示文档格式定义.。

自考网页设计与制作重点概要(已排版)

自考网页设计与制作重点概要(已排版)

名词解释:1,数据建模:确定Web 应用要存储哪些数据,并设计数据库的物理结构。

2,服务器技术:主要指与Web服务器构建有关的基本技术,包括服务器策略与结构的设计、服务器软硬件的选择及其他有关服务器构建的问题。

3,View state(页面状态):在中,页面对象的属性、页面空间的属性被称为View state(页面状态)。

4,NET平台:是一套编程工具的基本构架,用来创建、发布、管理和整合XML WEB服务。

5,绝对引用:指明WEB页的精确的计算机、目录和文件的URL引用称为绝对引用。

6,PHP的常量_FILE_:这个内定量是PHP程序文件名,若引用文件(include或require)则在引用文件内的该常量为引用文件名,而不是引用它的文件名。

7,:是Microsoft的XML WEB服务平台。

.NET包含了建立和运行基于XML的软件需要的全部软件。

简言之,.NET是一种面向网络、支持各种用户终端的开发平台环境。

8,脚本:是支持JAVA语言的逻辑流,通过特定的标记隔离。

9,信息结构:是指站点结构图,对站点结构以及用户、站点、数据库交互进行建模分析。

10,链接加密:指对浏览器和WEB服务器之间传输的数据进行加密。

11,Servle的生命周期:定义了一个Servlet 如何被加载、初始化,以及它怎样接收请求、相应请求、提供服务。

12,建模语言:表示手段进而代表语义组合在一起,即为建模语言。

13,动作:是对网页的动态包含资源或者插件,提交转发,使用JavaBean实例等进行定义与操作。

14,Java技术:是指利用Java可以粗行间小应用程序(Applet),使之从服务器下载到浏览器,并在客户端的机器上运行。

15,Servlet:可以被认为是服务器端的Applet。

Servet被Web服务器加载和执行,就如同Applet 被浏览器加载和执行一样。

Servlet从客户端(通过Web服务器)接收请求,执行某种作业,然后返回结果。

网页设计与制作知识点

网页设计与制作知识点

网页设计与制作知识点第一部分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. HTML基础知识- HTML是超文本标记语言,用于定义网页的结构和内容。

- 标签、元素和属性:HTML使用标签来定义元素,元素可以包含属性来修改其行为和样式。

- 常用的HTML标签:例如<head>、<body>、<div>、<p>等。

- 创建链接和插入图片:使用<a>标签创建链接,使用<img>标签插入图片。

2. CSS样式设计- CSS是层叠样式表,用于定义网页的外观和布局。

- 样式选择器:可以通过标签选择器、类选择器、ID选择器等来选择网页中的元素。

- 常用的CSS样式属性:如颜色、字体、边框、背景等。

- 盒模型:了解盒模型的概念和属性,如width、height、margin、padding等。

3. JavaScript交互效果- JavaScript是一种脚本语言,用于实现网页的动态效果和交互功能。

- 基本语法和数据类型:了解JavaScript的语法规则和常用数据类型。

- DOM操作:通过JavaScript操作网页中的元素,实现动态效果。

- 事件处理:使用JavaScript监听用户的操作,触发相应的事件处理函数。

4. 响应式设计和移动端适配- 响应式设计:根据设备的屏幕大小和分辨率,自动调整网页的布局和样式,以适应不同的设备。

- 媒体查询:使用CSS的媒体查询功能,根据不同的屏幕大小设置不同的样式。

- 移动端适配:针对移动设备的特点,优化网页的交互方式和加载速度。

三、常用的网页制作与设计工具1. Dreamweaver- Adobe公司推出的网页制作工具,功能强大,适合初学者和专业设计师使用。

网页设计与制作必考知识点

网页设计与制作必考知识点

网页设计与制作必考知识点在网页设计与制作中,有一些必考的知识点是非常重要的,它们对于设计师和开发者来说是必备的技能和了解。

本文将介绍几个关键的知识点,帮助读者更好地理解和应用于网页设计与制作中。

1. HTML基础知识HTML是网页设计与制作的基础,网页的结构和内容都由HTML语言来实现。

设计师和开发者需要了解HTML标签的用途和语法规则,如<head>、<body>、<div>等等。

掌握常用标签的属性和使用方法,能够准确地搭建网页的框架和布局。

2. CSS样式与布局CSS是网页的样式表语言,用于定义网页的外观和布局。

掌握CSS 的各种选择器、属性和值,能够对网页进行各种个性化的样式设置,如字体、颜色、背景、盒模型等。

同时,熟悉CSS的盒模型和浮动布局,能够实现网页的自适应和响应式设计。

3. 响应式设计与移动端优化随着移动设备的普及,网页设计也需要考虑不同屏幕尺寸和设备的适配。

掌握响应式设计的原理和技巧,能够根据设备的特性和屏幕大小,灵活调整网页的布局和样式,以提供更好的用户体验。

此外,了解移动端优化的方法,如图片的压缩与懒加载、字体的优化等,能够提高网页的加载速度和性能。

4. 网页性能优化网页性能是用户体验的重要因素之一,影响着用户的留存和转化率。

设计师和开发者需要了解网页性能优化的方法和工具,如减少HTTP请求、压缩代码、启用浏览器缓存等。

同时,合理使用CSS和JavaScript,减少冗余代码和文件大小,能够提高网页的加载速度和响应时间。

5. 用户体验设计用户体验是网页设计与制作中的核心概念,关注用户在使用网页过程中的感受和反馈。

设计师需要了解用户调研和需求分析的方法,通过用户画像和用户故事,确定网页的功能和交互设计。

同时,注重网页的可用性和易用性,提供清晰的导航和交互界面,以提升用户的满意度和使用体验。

6. SEO优化SEO(Search Engine Optimization)是指通过优化网页的结构和内容,提高网站在搜索引擎中的排名和曝光度。

网页设计与制作重点复习资料

网页设计与制作重点复习资料

名词解释: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、模板:指一类特殊文档,可提供构造最终文档的基本工具。

网页设计与制作 复习资料

网页设计与制作 复习资料

《网页设计与制作》自考课程复习资料第一部分知识点1.互联网①概念:它是目前世界上最大的计算机通信网络,遍布全球,将世界上各种规模的计算机网络连接成一个整体,从而实现信息交流与共享。

②服务:它主要提供了WEB、BBS、TELNET、FTP等服务。

2.网络协议①定义:它是一系列通信规则的总称,主要包括用户数据与控制信息的结构和格式,需要发出的控制信息以及相应要完成的操作与响应,对事件实现顺序的详细说明等三部分内容。

②分类:它分为硬件协议和软件协议,其中硬件协议定义硬件设备如何协调工作,如:100BaseT Ethernet等,软件协议则用于完成程序之间的通信,如:TCP/IP,IPX,NETBEUI等。

3.OSI七层模型①定义:OSI即开放系统互联,它是由国际标准化组织(ISO)发起制定的计算机网络通信标准。

②OSI七层模型:从高层到低层依次排列为,应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。

4.TCP/IP①TCP:即传输控制协议,工作在OSI模型中的传输层,用于建立和校验数据连接。

②IP:即网际协议,工作在OSI模型中的网络层,用于处理网络上一个主机到别一个主机的数据报路由选择。

5.IP地址①定义:通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址,称IP地址。

②组成:它由32位二进制数表示,每8位为一组,以圆点“。

”分隔,其中每组数据具体设置时一般用十进制表示,范围在0~255。

③层次:它为层次结构地址,分为主机、由主机构成的网络、由网络构成的互联网。

④分类:它分为5类,包括A类(1~126)、B类(128~191)、C类(192~223)、D类(224~239)、E类(240~254)。

6.域名和域名系统①域名:即互联网上与IP地址对应的字符型地址标识。

②域名分类:分为国际域名(com、net、gov、org、edu、mil等)、国内域名(cn、jp、hk、us、tw、au、fr等)和中文域名(中文.cn)。

网页设计与制作知识点汇总

网页设计与制作知识点汇总

网页设计与制作知识点汇总在当今信息化时代,网页设计与制作成为了一门热门的技能与职业。

无论是企业网站、个人博客还是电子商务平台,都需要精心设计与制作的网页才能吸引用户的目光并提供良好的用户体验。

下面是一份关于网页设计与制作的知识点汇总,希望对你有所帮助。

一、响应式设计(Responsive Design)响应式设计是一种能够根据设备屏幕尺寸自动调整布局和样式的设计方法。

通过媒体查询(Media Queries)和流体网格布局(Fluid Grid Layout),可以使网页在不同屏幕上保持良好的可读性和用户体验。

二、色彩搭配与配色原则在网页设计中,色彩的搭配至关重要。

合理的色彩搭配可以增加网页的吸引力和可读性。

常用的配色原则有:互补色、类似色、色相环和分裂互补色。

此外,注意色彩的明暗对比和冷暖搭配也是提高网页美感的重要因素。

三、字体选择与排版在网页设计中,字体的选择和排版也是非常重要的。

应该选择具有良好可读性的字体,并合理设置字号、行间距和字间距等,以确保网页的阅读体验。

常用的字体类型有衬线字体(如宋体)、无衬线字体(如Arial)和等宽字体(如Courier New)。

四、导航设计与页面布局良好的导航设计能够帮助用户快速找到所需信息。

应该考虑导航栏的位置、样式和交互效果,并保持页面布局的整洁和美观。

常见的导航形式包括水平导航和垂直导航,也可以使用面包屑导航和侧边栏等辅助导航方式。

五、图像与多媒体的应用图像和多媒体元素能够为网页增添生动和直观的展示效果。

在使用图像时应注意图像的质量、格式和大小,以保证页面加载速度和用户体验。

此外,音频、视频和动画等多媒体元素的应用也需要考虑到用户的设备兼容性和网页性能。

六、网页交互与用户体验良好的网页交互和用户体验是网页设计与制作的核心目标。

应该合理安排页面元素的交互效果,如按钮的反馈、表单的验证和页面的过渡效果等,以提高用户的使用便捷性和满意度。

同时,关注用户研究和网页性能优化也是提升用户体验的重要手段。

自考网页设计与制作知识点总结

自考网页设计与制作知识点总结

自考网页设计与制作知识点总结IP地址:在TCP/IP地址编排方案中,采用了一种通用的地址格式,为互联网中的每一个网络和每一台计算机都分配了一个地址,这个地址在Internet中是唯一的,并以此屏蔽了物理网络地址的差异。

这个统一的地址是由高层软件技术来实现的,准确地说是通过IP协议层来实现的。

IP层所用到的地址是互联网地址,又叫IP地址。

域名:为了解决IP地址不便于记忆这个问题,同时也为了便于网络地址的分层管理和分配,自1984年起在互联网上采用了一种字符型的地址标识,这便是域名(Domain Name)。

协议:事先约定或定义的一组通信规则,它精确地规定了所交换数据的格式和传输方法,即计算机在交换信息时都要遵守的表达方式。

URL:统一资源定位器的英文缩写,是一个提供在全球广域网上的站点或资源的Internet 位置字符串,与此被访问的站点或资源所协议在一起。

主要由四部分组成,分别是:访问类型、访问的主机、端口号以及访问的文件的路径。

互联网:是由世界上各种各样的网络互联所形成的“网络的网络”,是一个网际网。

有时候也根据音译称为“因特网”,它是目前世界上最大的计算机通信网络,遍布全球,将世界各地种种规模的计算机网络连接成一个整体,从而实现信息交流和共享。

Web浏览器:是指一个运行在用户计算机上的程序,主要作用在于在客户端与服务器端之间进行交互、通信,负责下载、显示网页,因此也称为WWW客户程序。

软件协议:程序之间的通信是通过软件协议完成的。

无论是网络客户机,还是网络服务器都提供有特定的协议包,它们与其他计算机通信之间,必须在那些计算机中载入相应的协议包,协议包里包含了计算机访问特定网络设备或服务所需的协议。

标记型网页制作工具:是指创建的网页文件在编辑过程中只能看到页面的源代码,而需要转到浏览器中才能够看到页面的效果。

要求用户对HTML的使用方法非常熟悉才能够做出希望要的页面,其优点在于可以完全地控制页面的元素,写出精简的代码。

网页设计复习要点摘要

网页设计复习要点摘要

《网页设计与制作》复习要点第一题填空题1、HTML网页的列表标记分为有序,无序两种。

2、HTML网页的框架标记分别有框架集(frameset)和框架(frame) 两部分组成。

3、HTML网页中按钮分为提交和重置两种类型。

4、align的属性值有left ,center ,right 。

5、URL结构主要分为协议,主机域名,端口,路径,主机名和文件名。

6、在HTML中插入图象主要有img 标签实现,而图象提示信息主要有alt 的属性值表示。

7、创建电子邮件链接的命令是maitlo 。

8、Firework MX 2004中用魔术棒工具来选择相近颜色区域,使用套索工具完成不规则区域的选择,而使用橡皮图章工具完成对图象的克隆修复。

9、网站主页的文件名一般是index.htm 和default.htm 。

10、超链接的链接目标一般有-black 、-parent 、-self 和-top 。

11、网页中常用的图象格式有jpg 、gif 和png 。

12、Flash MX2004中库有公用和专用两种类型,其中包含的元件有图形、影片剪辑和按钮三种类型。

13、HTML语言的表单标签中,method的值主要有get 和post 两种。

第二题选择题1.HTML是一种 ( D )A.程序设计语言 B.执行语言 C.编译语言 D.页面描述语言2.当进行页面布局的时候能够使用的方法有 ( A )A.页面布局法 B.实时布局法 C.软件布局法 D.抽象布局法3.下列不是图像处理软件的是 ( C )A.Photoshop B.Fireworks C.Word D.PhotoImpact4.符号清单前的符号由标记属性type来控制,当type取值为DISC时,表示符号为( A ) A.实心圆点 B.空心圆点 C.实心方块 D.空心方块5.HTML中表示表格标题的标记为 ( B )A.<table> B.<caption> C.<title>。

网页设计与制作 重点知识

网页设计与制作 重点知识

网页设计与制作第一章internet 和WWW1.internet功能和应用①信息的获取与发布②电子邮件③网上交际④电子商务:在internet上利用电子货币进行结算的一种商业行为。

⑤多媒体服务的娱乐功能⑥网上事物处理⑦远程使用计算机:又称远程登录服务,一台计算机连接到另一台计算机上,并可以运行远程计算机上的各种程序。

⑧文件传输:FTP。

⑨电子公告牌⑩网络新闻组⑾万维网:WWW2.WWW的起源:world wide web 的缩写。

WWW是一种软件,是Internet上那些支持WWW 协议和超文本传输协议的客户机与服务器的集合。

3.Web的特点和结构:特点是他使用的超文本连接技术。

WWW的系统结构采用的是客户端/服务器结构模式。

浏览器是用来访问WWW服务的客户端,WWW服务器是提供WWW服务的服务端。

WWW服务器是核心部分。

在WWW服务器上实现WWW服务功能的是WWW 服务器软件。

WWW服务器上有很多静态的HTML文件,这些HTML文件都是用超文本标记语言编写的,WWW服务软件可以根据客户端的浏览器所提交的请求。

通过这些接口,客户端可以与服务器进行动态交互,可以通过专门的语言SQL来访问一些数据库资料。

4.HTTP是一种最常见的协议,他用于从WWW服务器传输超文本到本地浏览器的传送协议。

工作过程包括4个步骤:①建立连接②发送请求③给出应答④关闭连接5.文件传输协议是计算机网络上主机之间传送文件的一种服务协议。

FTP采用了客户端/服务器模式。

服务器有两种,必须先登录,在远程主机上获得相应的权限,既取得用户名和密码后,方可上传或下载文件。

匿名FTP服务器,用户无需密码就可连接到远程主机享受相关服务,作为一种安全措施,大多数匿名FTP主机都允许用户从其下载文件,而不允许用户向其上传文件。

6.FTP的地址格式:ftp://用户名:密码@FTP服务器IP或域名:FTP命令端口/路径/文件名。

(FTP服务器IP或域名为必要项,其他不必须)7.超链接是www上的一种链接技巧,它是内嵌在文本或图像等多媒体元素中的。

网页设计与制作知识点整理总结

网页设计与制作知识点整理总结

第1章网页设计概述1.1 Internet 与WWW1.1.1 InternetInternet,译为“因特网”,又叫做“国际互联网”。

Internet 为用户提供了多种服务:•万维网服务(WWW)•电子邮件服务(E-mail )•远程登录服务(Telnet )•文件传输服务(FTP)1.1.2 WWWWWW,是“World Wide Web”的缩写,简称Web,译为“万维网”。

WWW 是运行在Internet 之上的超文本信息浏览系统。

WWW 的核心部分由三个标准构成:HTML / URL / HTTP1.HTML:超文本标记语言,用于定义超文本文档(网页)的结构。

2.URL:统一资源定位符,用于标识万维网上信息资源的地址(网址)。

3.HTTP:超文本传输协议,是客户端浏览器与Web 服务器之间的通信协议。

1.1.3 W3C万维网联盟(World Wide Web Consortium,W3C),又称W3C 理事会。

W3C 致力于对web 进行标准化。

W3C 制定了包括XHTML 和CSS 等众多影响深远的标准规范。

1.2 网页设计1.2.1 网页网页是用超文本标记语言HTML 书写的一种纯文本文件。

网页需要通过浏览器对其进行解释,才生成包含文字、图像、声音、视频和动画等多媒体信息的页面。

1.2.2 网页的类型静态网页:网页内容固定不变。

文件扩展名是.htm 或.html。

动态网页:网页内容由服务器端运行的程序动态生成。

文件扩展名是.aspx、.jsp、.php等。

1.2.3 网页布局设计按页面大小划分,网页布局分为:•固定宽度布局(常见的网页宽度是780px,或1000px)•可变宽度布局(常见的网页宽度是屏幕的100%)按页面版式划分,网页布局分为:•单栏布局•两栏布局•三栏布局•多栏布局•变化布局1.3 服务器与浏览器1.3.1 Web 服务器Web 服务器也称为WWW 服务器,主要功能是提供超文本信息浏览服务。

网页设计与制作知识点笔记

网页设计与制作知识点笔记

网页设计与制作知识点笔记一、网页设计的基础知识1. 网页设计的定义和意义网页设计是指将信息组织、布局和呈现在网页上的过程。

它的目的是通过视觉和交互的方式吸引用户来获取信息或完成特定的任务。

2. 网页设计的原则(1)简洁性:网页要尽量避免过多的视觉元素和内容,保持简洁明了的界面,使用户能够快速地找到所需信息。

(2)一致性:网页要保持统一的风格和布局,使用户在不同页面间进行导航时能够轻松地理解和操作。

(3)易用性:网页要根据用户的需求和习惯设计,确保用户能够方便地浏览和使用网页。

(4)美观性:网页要注重视觉效果,使用合适的颜色、字体和图像来提升用户的视觉体验。

二、网页设计与制作工具1. PhotoshopPhotoshop是一款专业的图像处理软件,它可以用来处理和编辑网页所需的图像和素材。

通过使用Photoshop,网页设计师可以对图片进行剪裁、调整颜色和大小等操作,以满足网页布局的需要。

2. IllustratorIllustrator是一款专业的矢量图形设计软件,它适用于创建和编辑网页所需的矢量图形和图标。

与Photoshop不同,Illustrator创建的图形可以无损地放大或缩小,保持清晰锐利。

3. DreamweaverDreamweaver是一款专业的网页设计与制作软件,它提供了可视化的编辑界面和代码编辑功能,方便设计师进行网页的布局和排版。

三、网页设计的布局方式1. 固定布局固定布局是指网页的宽度和高度固定不变,无论浏览器窗口的大小如何变化,网页的布局始终保持不变。

这种布局方式适用于简单的网页,但在不同分辨率的屏幕上可能会出现排版错乱的问题。

2. 流式布局流式布局是指网页的宽度会随浏览器窗口的大小变化而自适应调整,保持内容的相对比例不变。

这种布局方式可以更好地适应不同分辨率的屏幕,但在极端情况下可能会导致内容过长或过短。

3. 响应式布局响应式布局是指网页可以根据设备的不同自适应地显示,具有适配手机、平板和电脑等多种设备的能力。

网页设计制作知识点总结

网页设计制作知识点总结

网页设计制作知识点总结一、网页设计制作的基本概念1.1 网页设计和制作的概念网页设计是指利用各种设计软件和技术制作网页,使其具有艺术感、美观性和可读性,以吸引用户并传达信息。

网页制作是按照设计的要求和标准将设计图转化为可供互联网浏览的网页文件,其中要考虑到网页的排版、布局、色彩等各项要素。

1.2 网页设计和制作的流程网页设计和制作的流程包括需求收集、页面规划、页面设计、网页制作、页面测试、上线和维护几个主要步骤。

其中,需求收集是根据用户需求收集所需信息;页面规划是将信息进行分类、组织和分配到不同的页面;页面设计是采用设计软件进行页面的美化和设计;网页制作是将设计图转化为网页文件;页面测试是对网页进行兼容性测试、功能测试和性能测试;上线是将网页发布到互联网上;维护是对网页进行更新和维护。

1.3 前端和后端技术概念前端技术是指网页的可视部分,包括页面布局、样式、交互效果等;后端技术是指网页的服务器端处理部分,包括网页的数据处理、动态页面生成等。

二、网页设计的基础知识2.1 HTMLHTML是网页的标记语言,用于定义网页的结构和内容。

HTML使用标签来定义网页里的各个元素,包括标题、段落、图像等。

2.2 CSSCSS是一种用于描述网页样式的语言,可以控制网页的布局、颜色、字体等方面。

CSS可以与HTML结合使用,通过给HTML元素添加样式来美化网页。

2.3 JavaScriptJavaScript是一种用于添加交互性的脚本语言,可以操作网页的各种元素,包括表单、按钮、菜单等,并且能够响应用户的操作。

2.4 响应式设计响应式设计是指根据不同的设备和屏幕尺寸自动调整网页布局和样式,使网页能够在不同设备上都能够良好的展示。

2.5 SEO优化SEO(Search Engine Optimization)是指通过优化网页内容和结构,提高网页在搜索引擎的排名,从而增加网站的流量。

三、网页设计的工具和技术3.1 设计工具常用的网页设计工具包括Adobe XD、Sketch、Photoshop等,用于进行网页设计的页面布局、效果和元素等。

完整的!自考《网页设计与制作》复习资料

完整的!自考《网页设计与制作》复习资料

作业一作业二1.个人网站有哪三种基本风格?参考答案:(1)主题图形式;(2)信息发布式;(3)介于两者之间的风格。

2.根据本章中学习的商业网站的风格,请你通过比较列出三条商业网站的共同特征:参考答案:(1)公司标志或徽标应出现在页面上方,占用版面小;(2)可以采用广告或主题图形的形式来突出公司形象与风格;(3)有一些固定的栏目页面,如产品、服务等;(4)必须建立站内搜索引擎,便浏览者查找信息。

3.在规划站点的目录结构的时候,应该注意哪些问题?参考答案:(1)要将目录分层,不能只有一个根目录,最好不使用中文目录,尽量用意义明确的目录;(2)按栏目内容建立子目录,而不能将所有内容都放在根目录下;(3)为每一个子目录都建立一个独立的images目录,用于存放该子目录的图象;(4)目录的层次不能没有,但必须尽量少,以便于管理;4.请根据信息发布式模式的特点列出4种适合于用信息发布式风格来制作网页的题材。

参考答案:(1)用于软件下载的网页;(2)用于新闻发布的网页;(3)用于音乐下载的网页;(4)文学作品大全;(5)论坛。

5.请你浏览海尔集团的网站:/cn/index.asp,说明海尔网站的层次结构是几级的,学习海尔网站的链接结构并以图表示出来(图中可省略同类项目)。

参考答案:海尔集团是三级结构的网站,它的链接结构如图2-3所示。

图2-3 海尔链接结构6.请根据本章学习的内容,如果你想建一个个人网站,请问你将如何规划你的站点,通过你所使用的网页制作工具尝试设计一个个人网站。

(本题为选作题,同学们可以将做好的网页放到论坛中的作业空间中,相互比较和学习。

)作业三1.论述“抖动”产生的原理并给出一种解决“抖动” 可行的方法。

参考答案:如果在采用了安全调色板以外的颜色,在Web上显示时就会产生"抖动".抖动是由于Web安全色的限制而产生的。

由于浏览器本身不能显示所有的颜色。

因而伪造了那些在颜色有限的调色板中不能显示出来的颜色。

网页设计与制作考点整合

网页设计与制作考点整合

网页设计与制作考点整合一、填空题 1.5*101、网页一般分为静态网页和动态网页。

2、网页主要有文本、图像、动画、表格和超链接等基本元素构成。

3、网站开发的3个阶段分别是规划和准备阶段、网页设计与制作阶段、网站发布推广维护阶段。

4、网站的链接结构有树状链接结构和网状连接结构。

5、常见的网页布局结构有同字形、国字形、匡字形、三字形和川字形结构。

6、色彩的3个属性是指色相、饱和度和明度。

7、整个网页文档的HTML代码由标签<heml>开始,</html>标签结束。

网页文档的正文部分位于标签<body>和</body>之间。

8、Dreamweaver CS4的编辑环境提供的视图模式有代码视图、拆分视图和设计视图。

9、HTML定义了六级标题,每级标题的字体大小依次递减,一级标题最大,六级标题最小。

10、表格主要由3个标签构成:表格标签<table>…</table>、行标签<tr>…</tr>和单元格标签<td>…</td>11、框架主要包括两个部分,一个是框架集标签Frameset,另一个是框架标签Frame。

12、表格的组成元素主要包括行、列、单元格。

13、CSS中的选择符有标签选择符、类选择符、ID选择符、包含选择符、高级样式14、Font-style:用于设置字体风格;Text-decoration:用于设置文本的修饰。

15、Div和AP Div的唯一区别,AP Div使用了CSS中的绝对定位属性的Div标签。

16、<meta>标签一般用来定义页面信息的名称、关键字和作者等。

17、列表标签分为无序列表和有序列表。

格式分别为<ul>…</ul>、 <ol>…</ol>18、外部链接代码的格式:<a href=“链接文件地址”></a>19、JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

教育联展网自考网页设计与制作重点考点总结第一章网页设计与制作基础本章要点通过本章学习,考生应了解互联网的基本功能、服务、原理,对网页浏览服务的体系结构、技术名词、浏览器有基本的了解,对于网页的设计原则和所使用工具也应有一定的认识,从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网一、什么是协议网络协议:是一系列通信规则的总称,主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。

硬件协议:定义了硬件设备如何运作以及如何协同工作。

软件协议:程序之间的通信是通过软件协议完成的。

二、互联网协议1、TCP/IP是为了连接不同的网络而设计的一个协议集,主要由TCP和IP两套协议组成,互联网就是以此为基础建立的。

这套协议包括远程登录、文件传送、电子邮件等,TCP/IP可与任何硬件或操作系统一起工作。

(1)IP网际协议IP协议处理网络上一个主要到另一个主要的数据报路由选择,远行在OSI网络七层模型中的网络层上。

OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。

OSI定义了网络功能的七层模型,分别是:应用层、表示层、会话层、传输层、网络层、数据链路层、物理层,称为OSI七层模型。

(2)TCP传输控制协议TCP工作在OSI模型中的传输层上,用于建立和校验数据连接。

整个数据传送过程是由计算机、网关、路由器和协议共同保证的。

2、PPP协议PPP指点对点协议,是在串行线路上传输IP数据报的TCP/IP协议。

一般被用来建立与互联网的拨号连接,该协议同时提供了物理层和数据链路层的功能,PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。

3、其他协议HTTP:超文本传输协议,用于WWW服务。

FTP:文件传输协议,用于实现计算机之间的文件传输。

SMTP:简单邮件传输协议,用于电子邮件发送。

POP3:邮件协议3,一般用于电子邮件接收。

TELNET:远程登录协议,一般用于远程终端登录主机。

三、IP地址IP地址由32位二进制数表示,每8位为一组,以圆点分隔,在面向用户的文档中,IP地址被直观地表示为四个以圆点隔开的十进制数,其中每个十进制数对应一个8位二进制数组(邓一个字节),每个十进制数可取值为0-255。

如:192.168.45.255。

IP地址是一种层次型地址,在概念上分为三个层次:主机、由主机构成的网络和由网络构成的互联网。

四、域名和域名系统1984年起在互联网上采用了一种字符型的地址标识,这便是域名。

或名采用层次型命名机制。

(主机名)(机构名)(网络类型名)(国别代码)域名系统实现了域名——IP地址的映射。

域名系统的实质是一个分布式数据库,包括提出数据的标准格式、数据库查询方法,以及本地更新数据的标准方法。

五、WWW万维网于1990年诞生于瑞士日内瓦的欧洲粒子物理实验室。

万维网建立在标准化的网络概念之上,采用客户机/服务器的体系结构。

资源共享是互联网的基本特征。

Web是通过超文本语言的来具体实现的。

在实际应用之中,它主要包括三个方面:1、实现资源引用的统一命名机制URL即统一资源定位器,是指向互联网上文件位置的标志,主要由四部分组成,分别是:访问类型、访问的主机、端口号以及访问的文件的路径。

HTTP一般使用80端口,FTP一般使用21端口。

2、使用标准的Web文件传输机制——HTTP3、文本的逻辑结构采用标记语言HTML描述协议HTML是万维网中超文超文件的基础第二节网页概述网页:Web站点中使用HTML编写而成的单位文档,是Web中的信息载体。

其使用的描述语言是HTML。

超文本:指的是在一个网页上可以通过事先嵌入的超级链接转到存储于其他任何地方的网页。

超媒体:是网页包含了种种多媒体信息或多媒体链接。

除了含有文本、图形、图像、动画外,还可以包含表格、窗体,可以和用户进行交互、接收用户输入。

Web服务器也称为网点或站点主页:在一个站点的众多网页中,总有一个网页是被指定为该站点的“门户网页”,即为该站点的主要,这个页面是整个站点的核心,站点内所有内容都由门户页面进行索引,该页通常被命名为index.html或default.html万维网是全球性的信息服务网络,而Web服务器上的信息,则以网页的方式组织一个整体。

网页就是存放在互联网中的Web服务器上的一个文件,或者说是一种文档——Web文档。

第三节HTML概述HTML:超文本标记语言是创建网页时使用的语言。

HTML文件被浏览器解释后就是网页由标记(tag)和文本组成。

就其本质而言,是一个基于文本的编码标准,用于指示浏览器以什么方式显示信息。

第四节Web浏览器一、Web浏览器所谓Web浏览器:指一个运行在用户计算机上的程序,它负责下载、显示网页,因此也称为WWW 客户程序。

二、浏览器与超文本网页的特征,也就是HTML文档的基本特征——超文本,它是指将一个文档的链接嵌入另外一个文档的形式。

超链接有时也称为快捷链接或简称为超链。

超级链接的最大特点在于它能引出WWW中的任何信息。

三、浏览器与超媒体在超媒体的第一个应用中,网页中的图形本身就是一个链接。

在超媒体的第二个应用中,Web的链接可以打开某一程序,而且显示并播放其中的图片、音频或视频剪辑。

四、处理多媒体信息五、保存Web文档的方式Web浏览器能以HTML文件(以.htm或.html为扩展名)方式或无格式文体(.Txt为扩展名)方式来保存Web文档。

六、当前流行的Web浏览器目前最流行的浏览器主要有Netscape Navigator 和Microsoft Internet Explorer(IE)两种。

批处理浏览器和离线浏览器第五节网页设计的基本目标评价一个网站网页设计的好坏主要包括创意和制作两个部分。

一、创意要新网站设计总的目标是:好的创意、丰富的内容、新颖的观点二、页面制作1、网页结构2、页面内容3、文字4、图形三、商业网页设计的要求1、良好的视觉效果2、站点开发周期尽可能短,网页发布的信息一定要准确3、维护更新要方便4、商业网页制作的其他应注意的几个问题第六节网页制作工具及其分类一、标记型网页制作工具HTML是网页制作的基础,也是最基本的工具。

最具代表性的HTML标记编辑器有:1、HotDog是最流行的HTML标记编辑器之一,不要求用户熟悉HTML。

2、Homesite是一种较新的、使用Borland Delphi编辑器,小巧而工能齐全。

需要用户有一点HTML 基础,适合已有一定网页制作经验的人使用。

二、“所见即所得”型网页制工作所见即所得型网页制作工具:它是指创建的网页文件在编辑过程中的显示与文件最终在浏览器显示的效果是一样的,用户不需要接触HTML源代码就可以做出希望要的网页。

1、通用工具备——office套件2、专用工具(1)FrontPage(2)Dreamweaver基本特征(1)最佳的制作效率(2)网站管理(3)无可比拟的控制能力(4)丰富模板和XML支援(5)多游览器平台的支持三、编程型网页制作工具1、CGI编程所谓CGI脚本程序,是服务器上的一个可执行程序。

CGI只是一种实现用户交互的环境,并不是一种语言。

2、Java编程Java是一种广泛使用的网络编程语言,它是一种新的计算机概念。

首先,作为一种程序设计语言,它简单、面向对象,不依赖于机器的结构,具有可移值性、安全性,提供了并发的机制并具有很高的性能。

其次,它最大限度地利用了网络。

它的小应用程序可在网络上运行而不受CPU和环境的限制。

还提供了丰富的类库。

四、图像处理工具GIF图像交换格式是一种最大色系256色的通用图像格式。

JPEG是一种压缩存储的图形格式,由联合照片专家组开发并以其命名。

使用图像处理工具可对图像进行编辑、修饰、优化、图形文件格式转换等处理。

五、通用图像处理工具(Photoshop)六、专用图像处理工具七、不同类型工具的比较“所见即所得”编辑器往往具有一些致命的弱点:难以精确达到与浏览器完全一致的显示效果“所见即所得”编辑器往往会书写冗余高的代码,不如手工书写的来得简洁。

第七节小结一、从了解HTML的基本标记开始二、选择一个自己认为颇为顺手的工具,从第一页面开始三、多多访问他人的网页,从中受到启发四、深入分析成功的网站、网页考核要求第一节关于互联网识记:互联网提供的几种服务及其各自概念与功勇;互联网发展历程。

领会:Web浏览服务的基本体系结构,互联网基本名词:URL,超级链接。

第二节网页概述识记:网页与主页之间的关系。

领会:网页的基本要领。

应用:实际上际,查看网页。

第三节HTML概述领会:HTML的概念;HTML的基本构成单位:标记。

应用:识别HTML文件;标记的基本写法。

第四节Web浏览器识记:Web浏览器如何处理多媒体信息、如何保存页网。

领会:Web浏览器如何进行工作。

应用:使用Web浏览器。

第五节网页设计的基本目标识记:站点设计中应该考虑的问题。

领会:网页设计的基本原则。

第六节网页制作开发工具及其分类识记:网页开发工具的分类以及主流开发工具的名称。

第七节小结识记:快速掌握网页制作的几个方法。

相关文档
最新文档