网页设计复习文案

时间:2024.4.30

第一章:

1,什么是Internet?(P2)

简单地说,Internet就是将世界各地的计算机网络、主机和个人计算机通过通信设施和通信协议(基于TCP/IP协议簇)互相连接起来构成的互联网络系统。

2,什么是WWW?(P9-P10)

WWW是一种软件,是Internet上那些支持WWW协议和超文本传输协议(http)的客户机与服务器的集合。它是Internet上提供的最主要的服务器项目,也是目前Internet上最热门的信息源。

3,HTTP协议和FTP协议的定义(P12)

HTTP是一种Internet上最常见的协议,它是用于从WWW服务器传输超文本到本地浏览器的传送协议。他是一种基于TCP/IP之上的协议,它不仅保证正确传输超文本文档,还确定传说文档中的哪一补分,以及哪补分内容首先显示(如文本先于图形)等。

FTP是计算机网络上主机之间传送文件的一种服务协议。

FTP的地址格式: ftp://用户名:密码@FTP服务器IP或域名:FTP命令端口/路径/文件名。其中FTP服务器IP或域名为必要项,其他不是必需的。

4,超链接和超文本的定义(P12)

超连接是WWW上的一种链接技巧,它是内嵌在文本或图像等多媒体元素中的。通过单击已定义好的关键字或图形等元素,就可以自动连上对应的其他文件。

具有超链接的文本称为超文本。超文本中不仅可以含有文本信息,还可以包含图形、声音、图像和视频等多媒体信息。

5,IP地址的定义与IP段的划分(P13)

Internet地址又称为IP地址,它能唯一确定Internet上每台计算机、每个用户的位置。在IPV4协议中,IP地址提供统一的地址格式,即由32位组成,每个IP地址由两部分组成,网络标识netid和主机标识hostid。网络标识确定该主机所在网络,主机标识确定某一物理网络上的一台主机。IP地址的层次结构具有两个重要特征:

1) 每台主机分配了一个唯一的地址

2) 网络标识的分配号必须全球统一,但主机标识号可由本机分配。

掌握ABC网的编址方案,能够判断ABC网IP。

6,域名的含义

与网络上的数字型IP地址对应的字符型地址,称为域名。

域名的结构是层次性的,域名是以若干英文字母和数字组成的,中间由“.“分割成几个层次,从右到左依次为顶级域名、二级域名、三级域名等。

要求:能辨认域名的层次,能分清楚当前地址是几级域名。

7,URL的定义

URL是“统一资源定位器”的英文缩写。在Internet上每个站点及站点上的每个网页都有一个唯一的地址,着过地址称为资源定位地址。

URL的结构:

通信协议://服务器名称【:通信协议端口编号】文件夹1【文件夹2?】/文件名 8,HTML的定义

HTML是一种用来制作超文本文档的简单标记语言。

第二章

1,网站建设的具体步骤(P22)

建设一个网站一般要经过以下步骤:制作环境的准备,网站目标的确定,网站的主题、风格和创意点的确定,网站结构的确立,网站素材的准备,网站制作工具的选择和确定,网站的建立,网站的测试和上传,网站的宣传和推广以及网站的更新和维护。

2,网站选材的原则(P23)

主题选材要小而精,最好选择自己擅长或感兴趣的内容,选题不要太滥。

3,网站创意思考的5个阶段(P24)

准备期:研究所搜集的资料,根据旧经验,启发新创意

孵化期:将资料咀嚼消化,使意识自由发展,任意结合

启示期:意识发展并结合,产生创意

验证期:将产生的创意讨论修正

形成期:设计制作网页,将创意具体化。

4,网站的规划(P25-P26)

包括总体结构的设置、目录的设置和链接结构的设置。

1) 总体结构的确立:可以用树状结构罗列大纲后再进行规划。

2) 网站目录的设置:不要将所有文件都存放在根目录下,目录的层次不要太深,一般不

超过3层。不要使用中文目录,不要使用过长的目录。

3) 链接结构的设置:树状、星状

5,网站素材的准备(P27):分为搜集、整理加工、制作和存储等环节。

6,网站的宣传和推广(P28、P242):搜索引擎上注册、交换链接、运用网络广告、合作推广、广播电视等。

7,网页文件命名原则(P28-P29)

1) 每一个目录中应该包含一个默认的html文件,文件名统一使用Index.html

2) 文件名称建议统一用小写的英文字母、数字和下划线的组合。

3) 文件命名的指导思想是:尽可能使自己的和工作组的每一个成员能够方便的理解每一

个文件的含义,并且当在文件夹中使用“按名称排列”命令时,同一种大类的文件能够排列在一起,以便进行查找,修改,替换和计算负载量等操作。

要求:以“新闻”栏目为例说明该文件的命名原则。

8,图片命名原则(P29)

图片文件一般分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质,例如广告、标记、菜单、按钮等,通常情况如下。

1) 放置在页面顶部的广告、装饰图案等长方形图片取名为banner。

2) 标记性图片取名为logo

3) 在页面上位置不固定并且带有链接的小图片取名为button

4) 在页面上某一个位置连续出现,性质相同的链接栏目图片取名为menu

5) 装饰用的照片取名为pic

6) 不带链接表示标题的图片取名为title

要求:以某一网站首页为例,命名其相关图片

9,常见的网页布局结构:(P34)国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、Flash型。

10,网页版面的布局技术(P32)

1) 表格布局(优势:能对不同的对象加以不同的处理,缺点:当用了过多的表格,网

页下载速度会受到影响)

2) 框架布局

3) 层叠样式表布局

11,网页布局的原则:(P33)

1) 主次分明,中心突出

2) 大小搭配,相互呼应

3) 图文并茂,相得益彰

12,网页版面布局的步骤:(P33)

1) 草案:不必考虑细节功能,以粗陋的线条勾画出创意的轮廓即可。最后选定一个

满意的最为继续创作的脚本。

2) 粗略布局:在草案的基础上,将确定需要放置的功能模块安排到页面上。

3) 定案:将粗略布局精细化,具体化。

布局过程中遵循的原则

A, 正常平衡

B, 异常平衡

C, 对比

D, 凝视

E, 空白

F, 尽量用图片解说

12,网页设计的基本原则(P41)

艺术原则:

1) 对比原则

2) 协调原则

3) 平衡原则

4) 趣味原则

还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。

13,网页首页的设计需要注意的问题:

1)若无需要,尽量不要放置大图或加上不当的程序

2)画面不要设计得杂乱无章

3)重视LOGO的设计

4)首页不要出现“自我介绍”之类的东西

5)不要把“欢迎光临”之类的字眼挂的太大,甚至放在主页主窗口

6)最忌“建设中”

14.P50 P52

文字设计和图形设计的原则

第三章

1,HTML的基本概念:HTML是一种用来制作超文本文档的简单标记语言,它可以用任何文本编辑器(Windows记事本、写字板、Microsoft Word,专业的文本编辑器等)进行编辑。HTML语言中,不区分大小写。

2,标记(p59):在HTML中用于描述功能的符号称为“标记”,它是用来控制文字、图像等显示方式的符号。标记在使用时必须用“<>”括起来,标记有单标记和双标记之分。 3,HTML的基本结构(P60-P69)

<HTML> HTML文件开始

<HEAD> 文件头开始

文件头

</HEAD>文件头结束

<BODY> 文件体开始

文件体

</BODY>文件体结束

</HTML> HTML文件结束

其中文件头用<HEAD>和</HEAD>标记,该标记出现在文件的起始补分,标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写实践、搜索引擎可用的关键词等。

在HEAD标记内最常用的是网页标记标题——TITLE标记,它的格式为:<TITLE>网页标题</TITLE>。网页标题是提示网页内容和功能的文字,它出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。

BODY文件主体标记

文件主体用<BODY>和</BODY>标记,它是HTML文档中的主体补分,网页正文中所有的内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。

H标题格式标记

格式:<Hn align=“对齐方式”>标题内容</Hn>

属性:n表示标题字号的界别,可以是1-6之间的任意整数,数字越小,字号越大。

Align表示水平对齐方式,取值可以为LEFT,RIGHT,CENTER,TOP,BOTTOM(左对齐、右对齐、居中,顶端,底部)

P段落标记

格式:<p align=“水平对齐方式”>...</p>

功能:设置文章段落的开始和结束。

BR强行换行标记

格式:<BR>

功能:另起一行显示文字。

说明:这是一个单标记,与段落标记在显示效果上都是另起一行书写,但是他们不同之处是,段落标记的行距要宽。

PRE预排格式标记

格式:<pre>预排格式的文本</pre>

说明:若用其他文本编辑器编好了一段文本,要把它放进网页文件,常常需要加许多标记才能达到原来的显示效果,否则浏览器会自动忽略文档中的回车、空格以及其他啊一些符号。如果在文本开头加上<pre>,在末尾加上</pre>,那么中间爱你就不用加其他标记了,中间的回车换行符等也能起作用,即原样显示。

HR插入水平线标记

功能:在页面上画横线,可用于页面上内容的分割。

格式:

<hr

noshade>

属性:width用来设置水平线的宽度,value1可以是点数,也可以是百分比,默认值是100%,size用来设置水平线的厚度,align用来设置对齐方式,color用来设置颜色,其中#000000是黑色,#0000FF是蓝色,#FFFFFF是白色,#FF0000是红色,#00FF00是黄色。

BLOCKQUOTE文本缩排标记

功能:使用缩排标记,可以实现页面文字的段落缩排。要实现多次缩排可以使用多次缩排标记。

格式:<blockquote>文本</blockquote>

4,HTML的表格标记(P74) width=”value1”size=”value2”align=”value3”color=”color1”

<TABLE></TABLE>标记用于创建一个表格

<caption></caption>标识对表格的标题说明

<TR></tr>用来定义行,此标记只能放在<tabel></table>标记对之间使用,而在此标记对之间加入文本将是无用的。

<th></TH>用来设置表格头,表头的每一列需要一个<th>标记

<td></td>用来定义表格内容的一列

掌握定义简单表格的方法。

5,多媒体标记

IMG图像标记

功能:在当前位置插入图像

格式:<img src=”image-URL”>SRC处为图像文件的URL地址

音频标记功能

格式:<BGSOUND SRC=”声音文件的URL地址” loop=”value”>

SRC用于指明声音文件的URL地址,LOOP控制播放次数,取-1声音将一直播放到关闭网页为止。

6,HTML的超链接标记

格式:<a href=”file-URL” target=”value”>显示的文本或图像</a>

属性:href:设置要链接到的目标的URL地址

Target:指定打开链接的目标窗口。

7,其他程序设计语言

XML:像HTML一样,它同样依赖于描述一定规则的标记和能够读懂这些标记的应用处理工具来发挥它强大的功能。它可以说是HTML的补丁,以便弥补HTML的不足。

VRML:是一种描述三维造型与交互环境的简单文本语言。

CSS:是一种制定文档内容如何呈现给用户的语言,可以弥补HTML的某些不足。

浏览器Scrip脚本语言:它是可以和HTML混在一起使用的语言,通常是一小段嵌在HTML源代码内的小程序。

DHTML:动态HTML,他可以在网页下载进浏览器后随时变换更新网页内容、排版样式以及动画等的技术。

第六章

1,域名的注册规范(P236):

英文域名只能包含26个英文字母A~Z,10个数字0~9,英文连词号“-”,在域名中,不区分英文字母大小写,不得使用或限制使用一下名称、

4) 注册含有CHINA、CHINESE、NATIONAL等的域名须经国家有关部门正式批准。

5) 公众知晓的其他国家或地区的名称、外国地名、国际组织名称不得使用。

6) 县级以上(含县级)行政区划名称的全称或缩写须相关县级以上(含县级)人

民政府正式批准。

7) 行业名称或商品的通用名称不得使用。

8) 他人已经在中国注册过的企业名称或商标名称不得使用。

9) 对国家、社会或公共利益有损害的名称不得使用

10) 经国家有关部门正式批准和相关县级以上人民政府正式批准是指,相关机

构要出具书面文件表示同意XXX单位注册XXX域名。

2,域名设计的原则(P237)

名称要简单易记,要有特色。

3,网站的本地测试的方法(P238)

在本地机器上进行测试的基本方法是用浏览器浏览网页,从网站的首页开始,一页一页地测试,以保证所有的网页都没有错误。在不同的操作系统以及不同的浏览器下网页也可能出现不同的效果。解决办法是使用目前比较主流的操作系统(如Windows、UNIX)和浏览器(如IE,Netscape Navigator)进行浏览观察,只要保证在使用最多的操作系统和浏览器下能正常显示,效果令人满意就可以了;同样使用现在大多数用户都普遍使用的分辨率(1024*768)进行显示模式的测试,一般情况下网页设计能够满足800*600以上的分辨率模式中正常显示就可以了。

本地测试的另一项工作就是要保证各链接的正确跳转,一般应将网页上所有资源相对于网页“根目录”来进行定位,即使用相对路径来保证上传到远程服务器后能正确使用。

本地测试还设计一些工作,如检查网页的大小、脚本程序能否正确运行等。 4,在线测试站点的方法(P239)

1) 测试网页外观

2) 测试链接

3) 测试下载时间

4) 脚本和程序测试

5,FTP上传网站的方式

1) 在IE地址栏输入FTIP地址,用自己的用户名和密码登录,并将文件复制到相

关的目录下。

2) 利用一些网页制作软件提供的“站点发布”命令。

3) 使用专用软件。

5,网站的管理和维护包含哪些内容(P245)

网站的维护包括网站的更新和改版。

1) 网站的更新主要是网站文本内容和一些小图片的增加、删除或修改、总体版面

风格保持不变,所以一般至少一个星期更新一次。

2) 网站的改版是对网站总体风格作调整,包括版面,配色等各方面。所以改版的

周期要长一些。

3) 对于公司、企业等单位,尤其是拥有自己服务器的单位,还需要配置专门的网

站管理员来管理和维护好网站,维护内容不仅包括动态信息更新、新产品更新、

咨询回复、网站安全等,还包括服务器及相关软件的维护、数据库维护。另外

还要尽早制定出相关网站的维护规定,将网站维护制度化、规范化。

第七章 PS基础知识

P248 像素与分辨率的概念

P250 RGB模式

P251 图像的文件格式

第九章 FLASH

P352 库,元件和实例的概念

P359 帧的概念,关键帧的概念,默认情况FLASH的帧数是12FPS,标准动态图的帧数是24FPS 第五、七、八章

1,Dreamweaver概述:(P171)

Dreamweaver是Macromedia公司开发的一款“所见即所得”的网页编辑工具,他采用Mac机浮动面板的设计更个,具有很强的直观性与便携性。和其他网页制作工具相比,它的优势如下:

1) 加强了对简体中文的支持。

2) 可以在可视化界面中制作出ASP、.NET、JSP、PHP等站点。

3) 自带大量模版,大大简化了制作网站的过程。

4) 支持数量众多的第三方插件

5) 通过配置DREAMWEAMER生成符合XHTML的代码,可以确保用最新的HTML设计标准及时更

新站点。

2,锚记的概念:

锚记是指在文档中设置一个位置标记,并给该位置一个名称,以便引用。

3,Photoshop概述(P248)

Photoshow是Adobe公司推出的一个专业图像设计软件,它界面友好、功能强大、操作方便,已经被广泛用于包装设计,VI设计、广告设计、插画创作和照片处理等各大领域。 4,像素与分辨率(P248)

1) 像素:像素(Pixel是组成位图图像的最基本单元。一个图像文件的像素越多,包含的

图像信息就越多,就越能表现更多的细节,图像质量自然就会提高,同时保存它们所需要的磁盘空间就越大,编辑和处理的速度就越慢。

2) 分辨率:分辨率是指在单位长度内包含的像素的多少,其单位为像素/英寸

(Pixel/inch)或像素/厘米(Pixel/cm)。分辨率分为图像分辨率、屏幕分辨率、输出分辨率和位分辨率,他们的含义如下:

图像分辨率:每英寸所包含像素的多少。

屏幕分辨率:沿屏幕长和宽排列的像素的多少。

输出分辨率:喷墨打印机或激光打印机等输出设备在输出图像时每英寸产生的油墨点数。

位分辨率:又称为“位深”用于衡量每个像素存储信息的位数,该分辨率决定了图像每个像素中存放的颜色信息。

5,图像的文件格式(P251):

1) BMP格式:它是一种WINDOWS标准的位图图像文件格式。可以保存真彩色图像,所

占用的空间也比较大。

2) TIFF格式:是跨越MAC与PC平台最广泛的图像打印格式,可以保存通道。

3) PSD格式:是PHOTOSHOP软件生成的图像格式,这种格式支持PS中所有的图层、

通道、参考线、注释和颜色模式。

4) JPEG格式:它是最常用的图像格式,是一种最有效、最基本的有损压缩格式,被

大多数图形处理软件所支持。JPEG格式的图像被广泛应用于网页的制作。

5) GIF格式:GIF格式是输出图像到网页时最常采用的格式,最多只能处理256种颜

色,可以支持位图、灰度、索引颜色的颜色模式。

6) PNG格式:PNG格式可以保存24位的真彩色图像,并且支持透明背景和消除锯齿

边沿的功能,可以在不失真的情况下保存压缩图像。

7) PDF格式:它是ADOBE公司开发的一种电子出版物的文档格式,可以存有多页信

息,其中包含图形、文档的查找和导航。

5,fireworks概述:

Fireworks是由Macromedia公司开发的网页制作软件利器之一,主要应用于网页图形的设计、优化和整合。

6,Flash概述:

Flash是Macromedia公司退出的动画制作软件,也是当前Internet上最流行的WEB动画制作软件,作为三剑客之一的Flash凭借其强大的动画视觉效果、精简的文件尺寸与飞快的下载速度,以及在交互性方面超乎寻常的能力,迅速成为互联网矢量动画的标准。 7,库、元件,实例的概念:

元件指的是一个图形、按钮或影片剪辑。在创建他们之后,就可以在整个影片或其他影片里面重复使用。任何一个创建的元件都自动成为库的一部分。

库是元件和实例的载体,它最基本的用处就是对动画中的元件进行管理,使用库可以省去很多重复操作及一些不必要的麻烦。

实例是指位于舞台或嵌套在另一个元件内的元件副本,他是元件在场景中的应用。实例可以与元件在颜色、大小、功能上存有很大差别。

更多相关推荐:
如何做好网页文案设计

如何做好网页文案设计如今网络站点多的数不胜数如何从中脱颖而出这需要很多方面的结合但是有一点特别重要的就是网页文案的设计在一个网络站点设计的过程中网页文案有着举足轻重的作用因为它的好坏直接反应了一个网络站点的优劣...

关于网站设计的策划方案(范文)

网站建设策划书21世纪是一个信息时代互联网把企业驰入了全球信息高速公路让企业信息通过互联网通达世界各个角落企业通过互联网发布企业最新的商业信息供全球检索以此来宣传自己的企业宣传企业的产品宣传企业的服务全面展示企...

网页设计策划书范文

计算机软件尤其是数据库软件成为了当代计算机应用的主流因此软件开发人员就必须掌握正确的开发手段了解软件开发的主要过程这样心中对软件项目才有清醒的认识才能达到事半功倍的效果本文就软件开发过程中的一些方法结合本人开发...

网页设计策划书格式

网站设计策划书一网站名称二市场分析三目的及功能定位一网站建设的目的二网站建设的功能定位三市场定位四网站建设及解决方案一计算机网络操作系统二选择服务器三网站技术实现及保证四网站安全性措施五网站内容规划一网页设计风...

网站设计策划方案(详细版)

凯悦信网站设计策划方案详细版一首页设计版式见PPT各板块内容如下1五个广告页面广告语分别如下链接到招生简章1人力资源管理师考试火热报名中国家职业技能鉴定所amp凯悦信强强联手代招点2权威机构鼎力支持保障高过关率...

企业网站建设方案(范文)

企业网站建设方案一总述由于公司性质和名称发生变化所以要对公司网站进行改版新版网站要大气颜色方面根据设计者设计没有特殊要求建议采用蓝色灰黑色所有参与的设计公司必须设计两套网页模板以供选择并说明设计思路二新网站技术...

梧州网站建设贝尔利:梧州网站推广方案范文

梧州网站建设贝尔利梧州网站推广方案范文梧州网站建设公司认为网络推广就是通过一定的方式或方法对商品服务甚至人进行一定的宣传和推广而其中的媒介就是网络被推广对象可以是企业产品政府以及个人等等广义上讲企业从开始申请域...

设计文案

20xx东风日产杯宜春首届超级试车手PK大赛暨夏季名车展销会活动进入期最后邀请函尊敬的名车参展商朋友20xx宜春首届超级试车手PK大赛暨夏季名车展销会最后确定内容如下活动主题领舞生活驾我名车20xx宜春首届超级...

设计文案

20xx东风日产杯宜春首届超级试车手PK大赛暨夏季名车展销会活动进入期最后邀请函尊敬的名车参展商朋友20xx宜春首届超级试车手PK大赛暨夏季名车展销会最后确定内容如下活动主题领舞生活驾我名车20xx宜春首届超级...

20xx年政府微信平台设计方案 政府微信网站建设可行性分析 政府微信平台成功案例3

政务微信门户建设思考移动互联网的快速发展给社会化媒体带来了很大的发展空间具有代表性的就是微信和微博作为目前移动互联网领域内用户数最大的两大平台政府部门也开始借助其用户量大的基础来做服务前期微博兴起后有一大批的政...

配网项目可行性研究报告评审方案设计(20xx年发改委立项详细标准+甲级案例范文)

配网项目可行性研究报告评审方案设计20xx年发改委立项详细标准甲级案例范文编制机构博思远略咨询公司360投资情报研究中心研究思路关键词识别1配网项目可研2配网市场前景分析预测3配网项目技术方案设计4配网项目设备...

如何设计排气扇网罩项目可行性研究报告评审方案(20xx年发改委立项详细标准及甲级案例范文)

360市场研究网如何设计排气扇网罩项目可行性研究报告评审方案20xx年发改委立项详细标准及甲级案例范文编制机构博思远略咨询公司360投资情报研究中心研究思路360市场研究网关键词识别1排气扇网罩项目可研2排气扇...

网页设计文案(8篇)