网页设计复习文案.docx
- 文档编号:6613717
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:11
- 大小:24.45KB
网页设计复习文案.docx
《网页设计复习文案.docx》由会员分享,可在线阅读,更多相关《网页设计复习文案.docx(11页珍藏版)》请在冰豆网上搜索。
网页设计复习文案
第一章:
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.P50P52
文字设计和图形设计的原则
第三章
1,HTML的基本概念:
HTML是一种用来制作超文本文档的简单标记语言,它可以用任何文本编辑器(Windows记事本、写字板、MicrosoftWord,专业的文本编辑器等)进行编辑。
HTML语言中,不区分大小写。
2,标记(p59):
在HTML中用于描述功能的符号称为“标记”,它是用来控制文字、图像等显示方式的符号。
标记在使用时必须用“<>”括起来,标记有单标记和双标记之分。
3,HTML的基本结构(P60-P69)
HTML文件开始
文件头开始文件头
文件头结束
文件体开始文件体
文件体结束
HTML文件结束
其中文件头用
和标记,该标记出现在文件的起始补分,标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写实践、搜索引擎可用的关键词等。在HEAD标记内最常用的是网页标记标题——TITLE标记,它的格式为:
网页标题是提示网页内容和功能的文字,它出现在浏览器的标题栏中。
一个网页只能有一个标题,并且只能出现在文件的头部。
BODY文件主体标记
文件主体用
和标记,它是HTML文档中的主体补分,网页正文中所有的内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。H标题格式标记
格式:
属性:
n表示标题字号的界别,可以是1-6之间的任意整数,数字越小,字号越大。
Align表示水平对齐方式,取值可以为LEFT,RIGHT,CENTER,TOP,BOTTOM(左对齐、右对齐、居中,顶端,底部)
P段落标记
格式:
功能:
设置文章段落的开始和结束。
BR强行换行标记
格式:
功能:
另起一行显示文字。
说明:
这是一个单标记,与段落标记在显示效果上都是另起一行书写,但是他们不同之处是,段落标记的行距要宽。
PRE预排格式标记
格式:
预排格式的文本
说明:
若用其他文本编辑器编好了一段文本,要把它放进网页文件,常常需要加许多标记才能达到原来的显示效果,否则浏览器会自动忽略文档中的回车、空格以及其他啊一些符号。
如果在文本开头加上
,在末尾加上,那么中间爱你就不用加其他标记了,中间的回车换行符等也能起作用,即原样显示。
HR插入水平线标记
功能:
在页面上画横线,可用于页面上内容的分割。
格式:
属性:
width用来设置水平线的宽度,value1可以是点数,也可以是百分比,默认值是100%,size用来设置水平线的厚度,align用来设置对齐方式,color用来设置颜色,其中#000000是黑色,#0000FF是蓝色,#FFFFFF是白色,#FF0000是红色,#00FF00是黄色。
BLOCKQUOTE文本缩排标记
功能:
使用缩排标记,可以实现页面文字的段落缩排。
要实现多次缩排可以使用多次缩排标记。
格式:
文本
4,HTML的表格标记(P74)
掌握定义简单表格的方法。
5,多媒体标记
IMG图像标记
功能:
在当前位置插入图像
格式:
音频标记功能
格式:
SRC用于指明声音文件的URL地址,LOOP控制播放次数,取-1声音将一直播放到关闭网页为止。
6,HTML的超链接标记
格式:
属性:
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,NetscapeNavigator)进行浏览观察,只要保证在使用最多的操作系统和浏览器下能正常显示,效果令人满意就可以了;同样使用现在大多数用户都普遍使用的分辨率(1024*768)进行显示模式的测试,一般情况下网页设计能够满足800*600以上的分辨率模式中正常显示就可以了。
本地测试的另一项工作就是要保证各链接的正确跳转,一般应将网页上所有资源相对于网页“根目录”来进行定位,即使用相对路径来保证上传到远程服务器后能正确使用。
本地测试还设计一些工作,如检查网页的大小、脚本程序能否正确运行等。
4,在线测试站点的方法(P239)
1)测试网页外观
2)测试链接
3)测试下载时间
4)脚本和程序测试
5,FTP上传网站的方式
1)在IE地址栏输入FTIP地址,用自己的用户名和密码登录,并将文件复制到相关的目录下。
2)利用一些网页制作软件提供的“站点发布”命令。
3)使用专用软件。
5,网站的管理和维护包含哪些内容(P245)
网站的维护包括网站的更新和改版。
1)网站的更新主要是网站文本内容和一些小图片的增加、删除或修改、总体版面风格保持不变,所以一般至少一个星期更新一次。
2)网站的改版是对网站总体风格作调整,包括版面,配色等各方面。
所以改版的周期要长一些。
3)对于公司、企业等单位,尤其是拥有自己服务器的单位,还需要配置专门的网站管理员来管理和维护好网站,维护内容不仅包括动态信息更新、新产品更新、咨询回复、网站安全等,还包括服务器及相关软件的维护、数据库维护。
另外还要尽早制定出相关网站的维护规定,将网站维护制度化、规范化。
第七章PS基础知识
P248像素与分辨率的概念
P250RGB模式
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,库、元件,实例的概念:
元件指的是一个图形、按钮或影片剪辑。
在创建他们之后,就可以在整个影片或其他影片里面重复使用。
任何一个创建的元件都自动成为库的一部分。
库是元件和实例的载体,它最基本的用处就是对动画中的元件进行管理,使用库可以省去很多重复操作及一些不必要的麻烦。
实例是指位于舞台或嵌套在另一个元件内的元件副本,他是元件在场景中的应用。
实例可以与元件在颜色、大小、功能上存有很大差别。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 复习 文案