网页设计复习提纲文档格式.docx
- 文档编号:20052813
- 上传时间:2023-01-16
- 格式:DOCX
- 页数:11
- 大小:22.50KB
网页设计复习提纲文档格式.docx
《网页设计复习提纲文档格式.docx》由会员分享,可在线阅读,更多相关《网页设计复习提纲文档格式.docx(11页珍藏版)》请在冰豆网上搜索。
前两位为10;
128.1.0.0~191.255.0.0;
C:
前三位为110;
192.0.1.0~223.255.255.0;
D:
前四位为1110;
224.0.0.0~239.255.255.255
E:
前四位为1111;
240.0.0.0~255.255.255.254
URL:
由四部分组成:
协议名,域名,端口号,文件保存路径。
通过URL可以指定的主要有以下几种:
http、ftp、gopher、telnet、file等URL即“统一资源定位符(UniformResourceLocators)”,是Internet的文件命名系统。
⏹HTML标签(<
body>
、<
br>
p>
font>
等)
常用标签
意义
属性
<
html>
/html>
HTML标记
head>
/head>
头部信息
/body>
主体标记
设置背景图像
设置文字颜色
设置没访问过的超级链接文字颜色
设置已访问过的超级链接文字颜色
设置背景颜色
设置背景图片固定
设置左边距
设置上边距
table>
/table>
表格标记
设置表格边框的宽度
设置整个表格的宽度
设置表格的背景颜色
设置表格背景图像
设置单元格的内容与边框之间的距离
设置单元格之间的距离
tr>
/tr>
表格行
设置单元格的宽度
td>
/td>
行内单元格
设置单元格的高度
设置单元格内容的水平对齐方式
设置单元个内容的垂直对齐方式
设置单元格的背景颜色
设置单元格背景图像
设置单元格边框颜色
/p>
段落标记
换行标记
/font>
文字特征标记
设置文字的大小
设置文本的颜色
设置文本字体
b>
/b>
文本加粗
u>
/u>
文本加下划线
i>
/i>
文字斜体
ahref=”url”>
/a>
文字超级链接
img>
图像标记
设置图像文件存放位置及文件名
设置图像显示的宽度
设置图像显示的高度
设置图像显示的左右空间
设置图像的上下空间
设置图像的边框厚度
设置对齐方式
设置图片名称
⏹站点类型:
本地站点、远程站点和测试站点;
建立本地站点的操作步骤;
发布站点的操作步。
站点类型:
本地站点(本地硬盘)、远程站点(可以申请域名,空间)和测试站点(介于两者之间)
创建本地站点的工作流程一般如下:
1.单击“站点”|“新建站点”命令,系统将弹出定义站点对话框。
2.文本框中输入站点的名称,单击“下一步”按钮,弹出选择服务器技术对话框。
3.由于现在建立的是本地站点,所以这里选中“否,我不想使用服务器技术”单选按钮。
4.在“在开发过程中,您打算如何使用您的文件?
”下方有两个单选按钮,选中“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”单选按钮。
5.单击“下一步”按钮,将弹出设置远程服务器对话框。
该对话框主要用于定义本地文件如何上传到远程服务器,在“您如何连接到远程服务器”下拉列表框中选择“无”选项。
6.单击“下一步”按钮,将弹出总结对话框。
在该对话框中,Dreamweaver将前面设置的站点信息罗列在一起。
7.单击“上一步”按钮,可返回前面的页面重新设置;
单击“完成”按钮,一个本地新站点就创建完成了。
发布站点的操作步骤:
1.建立本地站点,确定网站主题;
2.搜集材料.:
3.建立站点目录结构;
4.设计与制作主业及其他网页。
5.测试:
6。
申请发布网址并上传网页——申请域名或免费主页。
7.网页的日常维护。
⏹RGB颜色空间的概念,6位16进制数表示,每种颜色的取值范围,典型颜色的16进制值
RGB(红绿蓝)色彩空间是依据人眼识别的颜色定义出的空间,可表示大部分颜色。
但在科学研究一般不采用RGB颜色空间,因为它的细节难以进行数字化的调整。
它将色调,亮度,饱和度三个量放在一起表示,很难分开。
它是最通用的面向硬件的彩色模型。
该模型用于彩色监视器和一大类彩色视频摄像。
6位16进制数表示每种颜色的取值范围0--255
#FFOOOO红;
#OOFFOO绿;
#OOOOF蓝;
#FFFFOO黄;
#OOOOOO黑;
#FFFFFF白
⏹标准安全色、一般安全色、非安全色
标准:
一般:
#CCDDFF
非:
#12CCFF
⏹获得网页素材的几种途径
利用图形处理软件,PHOTOSHOP,FIREWORKS;
购买网页素材光盘;
到网上下载素材
⏹三种不同的视图(设计视图、代码视图、拆分视图)
代码视图:
以代码的形式显示页面,方便文档代码编写。
拆分视图:
同时显示代码和设计视图,可同时看到两种效果。
设计视图:
以设计形式显示视图,可看到所见即所得的网页效果。
⏹两种布局工具:
布局表格和框架
⏹框架与框架集的保存
单击“文件/保存全部”命令,弹出保存文件对话框。
首先是保存框架集,框架集边框显示为虚线修改文件名.htm.单击保存。
保存框架集,依次保存框架集中的其他网页保存对应网页时以虚线显示(上框架.htm)
⏹超链接的载体(文本、图像、按钮等)
⏹插入图像的三种方法
1。
插入/图像——》选择图像源文件对话框;
2.在本地站点面板与拖动图片;
3.在属性面板上的源文件输入保存图像的路径
⏹超链接的五种类型及概念(普通链接、锚点链接、邮件链接、下载链接、热点链接)
普通链接:
超文本链接是指文本中的词、短语、符号、图像、声音剪辑或影视剪辑之间的链接,或者与其他的文件、超文本文件之间的链接;
锚点链接(同一个页面的不同位置连接)、
邮件链接(可以直接打开默认的邮件系统的链接)
下载链接(可以直接打开默认的下载系统的链接)
热点链接(是一个能对链接指示作出反应的图形或文本框)
⏹属性面板中“目标”下拉列表框中四个选项的区别:
_blank、_self、_parent、_top
新窗口_blank、本机窗口_self、上一级窗口_parent、本级窗口的顶部窗口_top
⏹相对路径和绝对路径
相对路径相对网页文件路径
绝对路径被链接文档的URL地址,包括协议。
⏹网上流行的三种图像格式的各自特点
JPG:
用来显示照片等颜色丰富的图像,占用空间小。
GIF:
不用来显示照片等颜色丰富的网页图像,占用空间大。
PNG:
集JPG,GIF优点于一身,占用空间小。
⏹CSS样式表的概念,内部样式和外部样式;
新建CSS样式对话框的组成及操作;
附加样式表的两种方式(导入、链接)
CSS样式表的概念是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
内部样式应用于当前正在边界文档中的样式。
外部样式以文件的形式保存的,扩展名:
.css
新建CSS样式对话框的组成及操作
1)单击窗口/CSS命令,打开CSS样式面板
2)在CSS样式面板单击“新建样式”,打开“新建样式”对话框。
3)在“新建样式”对话框中:
选中“仅对该文档”单选按钮,则建立内部样式;
选择新建样式表文件单击按钮就是外部样式。
⏹行为的基本概念及行为面板的操作
行为的基本概念在网页中进行一系列动作,通过这些动作实现用户与网页的交互。
行为面板的操作:
1)在网页中选中一个添加行为的对象
2)打击“窗口/行为”命令,打开行为面板
3)单击“行为面板”上的+按钮在快捷菜单中选择所需动作。
4)在弹出的参数设置对话框中,输入适当的参数,单击确定,返回行为面板。
在行为面板的泪表中中可以看到已添加的行为。
⏹层的基本概念及特性
网页内容的容器,对网页内容精确定位。
特性:
绝对定位,重叠,嵌套。
⏹层的属性面板中的几个重要属性:
Z轴值、可见性、溢出、剪辑
Z轴值:
Z轴值大的位于小的层上,负数时,位于网页内容下。
可见性(Defualt,Inherit,Visible),Hidden(隐藏)
溢出Visible(隐藏),Hidden(可见),Scroll(滚动条),Auto(自动)剪辑“左”文本框:
设置层中可见区域左端相对于层左端的距离。
“右”文本框:
设置层中可见区域右端相对于层右端的距离。
“上”文本框:
设置层中可见区域上端相对于层上端的距离。
“下”文本框:
设置层中可见区域下端相对于层下端的距离。
⏹层的两种常用行为:
拖动层和显示-隐藏层
⏹时间轴的基本概念,时间轴面板的基本操作
时间轴的基本概念:
一条表示时间的直线,直线上不同的点表示不同的时刻。
时间轴面板的基本操:
作时间轴下拉菜单;
行为通道;
动画通道;
动画条;
控制按钮;
控制选项等
⏹模板、库、插件的基本概念及扩展名
模板:
是统一站点网页风格的工具。
扩展名:
.dwt
库:
是一种用来存储想要在整个网站上经常重复使用或更新的页面元素(图像,文本和其他对象)的方法。
扩展名:
.lbi
插件:
可以扩展Dreamweaver的功能。
.mxp
2、Flash部分
⏹Flash动画的基本原理
诸多静止的连续性画面根据时间发展连续播放而产生的视觉动感,即画面在动。
⏹帧、关键帧、帧频率
帧是进行flash动画制作的最基本的单位
关键帧用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。
帧频率就是换画面的速度
⏹Flash动画类型
逐帧动画,遮罩动画,补间动作动画,补间形状动画,路劲引导动画
⏹Flash中的元件与实例、元件的三种类型
Flash中的元件与实例元件是指在Flash中创建地图形、按钮或影片剪辑,能够至始至终在您地影片或其她影片中重复使用,实例是指位于舞台上或嵌套在另一个元件内地原件副本.重复使用实例会增加文件地大小,是使文档文件保持较小地战略中很好地一部分。
元件还简化了文档地编辑,当编辑元件时,该元件地一切实例都相应地更新以反映编辑。
元件地另一益处是使用它们能够创建完善地交互性。
元件的三种类型元件可以是图形、按钮或影片剪辑影片剪辑:
简称MC,有独立的时间轴,可以加入代码。
按扭:
简称:
Button,只有四个关键帧,可以加入代码。
图形:
有独立的时间轴,随主时间轴的运行而运行,不能加入代码。
⏹Flash动画文件的输出格式:
(.swf、.htm、.gif)
⏹Flash中的四种填充样式(其中,“纯色”填充不能用填充变形工具修改)
纯色线形放射状渐变
⏹Flash中的两对关联层
遮罩层与被遮罩层的关联关系;
引导层与被引导层的关联关系。
⏹按钮元件的制作过程
1)单击“插入/新建元件”命令,打开创新建元件对话框,设置名称,行为为按钮,单击确定,进入编辑状态。
2)单击弹起帧,从库面板中将k1元件拖动到编辑区中。
3)单击指针经过帧,按F6增加一个关键帧,然后从库面板中将k2元件拖动到编辑区中。
4)插入图层2,在图层2的“指针经过”帧,按F6增加一个关键帧,然后从库面板中将fly影片剪辑元件拖动到编辑区中,并置于在线作业实例中间。
⏹常用工具及面板的作用及使用方法:
直线(绘制直线)、铅笔(模式)(绘制线条)、刷子(模式)绘制填充色块,即使绘制的是线条也不具笔触属性。
钢笔(绘制折线或曲线)、{椭圆、矩形](绘制变形图形)、
整体选取:
对舞台中对象选中、拖动、改变形状等;
部分选取部选取工具:
使用部分选取工具可在图形边缘出现节点。
套索可以以不规则形状选取对象。
墨水瓶(改变边框)、吸管(从一个对象上拾去填充笔触和文本属性,应用到另一个对象上)、颜料桶】
(改变颜色)、
任意变性(围绕图像的变化中心进行旋转,缩放)、填充变形(对内部填充渐变色或位图的图形调整)、
橡皮檫(模式)(标准擦除,擦除填色,线条,所选填充,内部擦除)混色器面板功能是编辑填充、轮廓和文字的颜色
信息面板改变坐标变形面板改变形状,角度库面板包涵元件
动作面板可创建和编辑对象或帧的actionscript代码。
它由三部分组成。
右侧部分是“脚本窗口”,是输入代码的区域。
左上角部分是“动作工具箱”,“脚本导航器”
⏹交互式动画的概念及简单应用
duplicateMovieClip:
(目标,新名称,深度)动态地创建影片剪辑的实例
removeMovieClip:
(目标)动态地删除影片剪辑的实例getProperty:
(目标,属性)获取影片剪辑实例的属性
setProperty:
(目标,属性,值)设置影片剪辑实例的属性
on的使用循环结构While,do-while,if
常用的快捷键:
新建(ctrl+N)、复制(ctrl+C)、剪切(ctrl+X)、粘贴(ctrl+V)、撤销(ctrl+Z)、重做ctrl+y.插入关键帧F6普通帧F5添加形状提示ctrl+shift+h信息面板ctrl+i变形面板ctrl+t回车Enter:
换行且换
3、Fireworks部分
⏹Fireworks中的切片和热点工具的使用
Fireworks中的切片
1)打开需要创建切片Fireworks文档
2)选择web面板中的切片工具
3)鼠标指针变为+形状,拖动鼠标在需要创建切片的位置绘制切片
4)在属性面板中设置切片的各个参数
热点工具的使用
1)打开需要创建热点的Fireworks文档
2)选择web面板中的矩形热点工具
3)鼠标指针变为+形状,拖动鼠标在需要创建切片的位置绘制热点4)在属性面板中设置切片的各个参数
5)按F12在IE浏览器中预览
⏹Fireworks中网页按钮的制作过程
1.启动Fireworks,单击工具栏的新建文档按钮,弹出新文档对话框。
设置画布大小200*300像素,分辨率72像素/英寸,画布颜色,单击该对话框中的OK按钮,打开一个新文档页面。
2.单击"
编辑/插入/按钮"
命令,启动按钮向导,弹出按钮器窗口
3.在矢量工具面板中选择圆角矩形工具,在属性面板中设置填充颜色为蓝色(#0000FF)纹理为“水平线1”纹理总量50%。
在按钮器窗口中拖动鼠标,画一个适当大小的矩形。
4.选择矢量工具面板中的文本工具A在属性面板中设置字体为“楷体”,大小24,颜色#FFFFFF,在矩形上输入文字"
网站首页"
.按钮的释放状态完成图
5.单击滑过选项卡,编辑按钮的滑过状态。
单击“复制弹起时的图形”将按钮的释放状态复制过来,在属性面板中设置它的填充颜色为#0099FF。
按钮的滑过状态完成。
6.单击滑过选项卡,编辑按钮的滑过状态。
单击“复制滑过时的图形”将按钮的滑过状态复制过来,在属性面板中设置它的填充颜色为#0099FF。
按钮的按下状态完成。
7.单击按下时滑过选项卡,编辑按钮的按下时滑过状态。
单击“复制按下时的图形”将按钮的按下态复制过来。
按钮的按下时滑过状态完成。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 复习 提纲