概述框架结构

框架主要用于一个浏览器窗口中显示多个HTML文档内容,并通过构建这些文档之间的相互关系,进而实现文档导航、浏览以及操作等目的。框架技术主要通过框架集和单个框架这两种元素来实现。

框架集是指一个文档窗口中显示网页的框架数、框架的大小、载入框架的网页源和其他可定义的属性等。一般来说,框架集文档中的内容不会显示在浏览器中。可以将框架集看成是一个容纳和组织多个文档的容器。单个框架是指在框架集中被组织和显示的每一个文档。框架是浏览器窗口中的一个区域,它能显示与浏览器窗口其余部分中显示内容无关的HTML文档。

模板的功能及优点

模板在网页设计运用过程中主要表现为定义模板可编辑区域、管理模板和创建模板等操作。

当我们在构建一个网站,通常会根据网站的需要设计出一些风格一致、功能相似的页面。这样的话我们可以选择使用Dreamweaver CS5的模板,通过使用其模板来更新和创建网页,不但可以提高工作效率还能为后期维护网站提供方便,从而快速地改变整个站点的布局和外观。

通过模板把内容与网页布局分离这是模板的功能,且在布局设计好之后将其保存为模板,这样就能创建出相同的模板,进而大大的提高工作效率。

绘制矢量绘图

利用Flash的矢量绘图工具。可以绘制出表现力更为丰富的作品。

矢量绘图是Flash编辑环境的基本功能之一。虽然它与专业的矢量绘图工具相比,Flash的界面会稍显简陋,但是在功能上却一点也不逊色。它提供的绘图工具除了传统的圆、方和直线等绘图工具外,还有更为专业的贝塞尔曲线绘制工具。

计算机是以位图格式和矢量格式为显示图形。其中因为矢量图形需要的内存和存储空间要小很多,所以它是以数学公式而不是大型数据集来表示的;而位图图形是因为图像中的每个像素都需要用一组单独的数据来表示,所以位图图形就会显得更大。使用Flash不仅可以创建压缩矢量图形,还可以将它们制作为动画,甚至可以导入和处理在其他应用程序中创建的矢量图形和位图图形。

设计制作动画

设计动画最普遍的应用就应该是Flash了,它的基本形式是“帧到帧动画”,这也是传统手动绘制动画的主要工作方式。由于动画在每帧中使用单独的图像,所以对于一些细微改变的复杂动画来说,是比较理想的。但是Flash提供的“多帧编辑”和“洋葱皮”等辅助工具,可以使帧动画的制作更加方便、直观。

下面再为大家介绍几个Flash CS5提供几种在文档中添加动画和特定效果的方法。

1.时间轴对于制作动画来说是很重要的,我们只要在选择对象的同时选择一种特效,然后制定好特效参数就行了。利用时间轴特效进行动画制作在很大程度上提高了工作效率。

文本样式的定义

在DreamweaverCS5的CSS样式中,包含了所有的CSS属性,类型、列表、方块、背景、区块、定位、边框和扩展等8个部分。

保存CSS规则后,系统将自动打开样式的“CSS规则定义”对话框。选择样式的“CSS规则定义”对话框【分类】类别中的【类型】选项,可以定义网页中文本的字体、样式、行高和颜色等风格,以及设置字体的修饰效果等。

(1)【Font-family】(字体)下拉列表
用于指定文本的字体。

(2)【Font-size】(大小)下拉列表
用于定义字体的大小。可以通过选择字和度量单位来选择特定大小,也可选择相对大小。以【像素】为单位可以有效地防止浏览器破坏文本。

区别样式的定义

在body的CSS规格定义中【区块】选项是指AP元素、图像及网页中的文本等替代元素,它主要是用来控制文字缩进、块中内容的间距和对齐方式等。

1.单词间距下拉列表:是用于设置单词之间的间距。可以通过先在下拉列表中选择【值】选项,之后输入值,在确定单词的间距时,就可以在右侧的下拉列表中选择度量单位。如:点或像素。

2.字母间距下拉列表:主要用于减小或增大字母或字符的间距。如果减小字符间距,就能制定一个负值。
3.垂直对齐的下拉列表:是指定应用它的垂直对齐方式。只有当应用于标签时,Dreamweaver才在文档窗口中显示该属性。

方框样式定义

【方框】选项用于为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置时,将设置应用于元素的各个边,也可以选中【全部相同】复选框,将相同的设置应用于元素的所有边。

1)【width】(宽)和【Height】、(高)下拉列表,用于设置元素的高度和宽度。

2)【Float】(浮动)下拉列表,用于设置其他元素(如文本、层级及表格等)在哪个边围绕元素浮动。其他元素按通常的方式环绕在浮动元素的周围,利用该选项可以把元素移动到页面的外部。

CSS属性之边框样式的定义

在DreamweaverCS5的CSS样式中,除了包含CSS属性中的类型、背景、区块、方框、列表、定位及扩展外,还包含边框样式,下面就让我们来了解一下这个样式的定义吧!

【边框】选项是指用于定义元素周围边框的设置。

(1)【Style】(样式)选项组,是设置边框的样式外观。一般样式的显示方式取决于浏览器,而Dreamweaver会将所有的样式文档在窗口中呈现实线。如果将【全部相同】复选框撤选,就可设置元素各个边的边框样式;如果选中【全部相同】的复选框,则可将相同的边框样式属性设置为它应用于元素的上、右、下和左侧。

网站广告设计的准则

网络广告设计重在传达一定的形象和信息,真正注意的不是网站的广告图像,而是图像背后的信息。网络广告设计和传统的设计在很多方面是相通的,但是由于网络自身的限制以及浏览习惯的不同,所以又带有许多与传统设计不同的特点。例如:网站广告一般要求简单、醒目,占少量的方寸之地,除了要表达出一定的形象与信息外还要兼顾美观与协调。

下面让我们来了解一下网站广告设计的一些准则吧!

首先,视觉要求
网站的广告设计既要醒目又要美观,同时文本色与背景色要有较大的对比,这样便于观看。

网页设计的艺术处理原则之风格定位

在美化网页时,首先要考虑网站风格的定位。无哪那一个网页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果。目前,网页的应用范围逐步扩大,几乎包括了所有的行业,归纳起来有那么几类:新闻机构、科教文化、娱乐艺术、电子商务、政府机关以及网络中心等。对于行业的不同,所体现的网页风格也会不同。这就好像穿着打扮,根据不同的性别、年龄选择不同但合适自己的穿着。例如:政府部门网站风格比较庄重,而娱乐网站的风格则显得活泼生动一些,文化教育部门网站的风格给人一种高雅大方的感觉,电子商务网页则可贴近民俗,是大众喜闻乐见。