网页制作——笔记

代码……

※一、什么是网站?网站以网页的区别

网页是可以包括文字、图片、动画、视音频等内容的一个基于HTML标准的页面。而网站就是Webmaster将不同内容的网页按一定规律组合在一起,并互相加有超级链接的网页集群。

※二、网站的访问机制

1、用户→(域名网址、URL)浏览器→(IP、DNS)网址首页→公司简介、产品展示(军用产品、民用产品)、联系我们=网站

2、URL&DNS概念

※URL——统一资源定位符。

Universal Resource Locator

※DNS——域名系统

Domain Name System

※HTML——超文本标记语言(有一个标记的开始必然有一个标记的结束,成对出现)

Hyper Text Mark-up Language

※三、网页的基本元素

1、基本元素

①文本

②图片

③超级链接

④动画(GIF、Flash)

⑤表单(人机交互)

⑥视音频媒体(一般使用插件)

2、网页的布局:不同的网站有不同的风格,但一般都会有:

※页头(标题、logo、导航)

※内容(一般都是有特定方向性的)

※页脚(一般是放置版权、联系方式等信息)

3、网页的排版方式

※DIV+CSS:内容与表现分离。DW不能100%还原,涉及较多的html规则,不太适合初学者。(DW设计视图中无法即见即所有)

※Table+CSS;使用表格为页面布局,兼容性良好,操作方便。即见即所得,适合初学者学习使用。(DW设计视图中实现即见即所有。)

※名命约定(考试比例80-90%)

①首页文件名为:index

②图片存放在/images目录下

③所涉及的文件名和存放路径均不使用中文。

※尺寸建议(考试比例80-90%)

①目标客户分辨率为1024x768的,页面宽度做成1000px

②目标客户分辨率为800×600的,页面宽度做成780px

③一般广告横幅(Banner)尺寸468x60

④友情交换链接用logo尺寸:88×31

4、超级链接(考试比例40-50%)

※http://网址——http://www.Laikey.net

※file:///本机路径——file:///C:/

※ftp://用户名:密码@URL——ftp://Laikey:123456@202.116.32.4

※mailto:邮件地址——mailto:Laikey@vip.QQ.com

※#锚记—返回顶

5、制作并使用统一的导航条:为保持网页风格的一致,很多网页都会在不同的内页使用相同的导航栏,以便浏览者在各个页面之间切换跳转,另外,导航条的作用除了网站导航外,它还可以制作变换效果,你只要为它指定不同的状态图像即可。

如果把原始图像和鼠标经过图像看作是放在一个组内的话,这个“图像名称”就是指这个组的名字了。一般不需要改动,直接使用默认即可。

6、矢量图与位图

※矢量图——描述性绘图(放大还清晰)

矢量图是描述性的:矢量图的构图描述全由数学坐标构成,坐标记录点位置,点成线,线成面,再记下面的颜色信息。由多个不同的带颜色的面组成全图,每次缩放,都是坐标点的位置的等比改变,然后根据改变的坐标重新连线、构面、上色。这个过程称为重绘,因此放大不会有锯齿和模糊。

※位图——技术性位图(放大是马赛克)

位图就是技术性的:200x500像素的图片上有1000个像素信息,每个点都记录着自己的排列位置和颜色信息。放大之后像素数量不变,只是每个像素被放大,因此会产生模糊和锯齿。

7、帧的类型

※普通帧

※关键帧

※空白关键帧

※起始帧

※结束帧

※过渡帧

8、动画的类型。

※逐帧动画

※补间动画:形状变形补间(补间形状)——涉及矢量图形的形状外观发生补间变化。

※运动变形补间(传统补间)

——不设及形状外观变化。

9、形状变形补间

形状补间:因为在时间轴面板上,它是以绿色的过渡帧来显示的,所以通常我们也称为绿色过渡动画。

制作形状补间,要注意起始帧和结束帧上都必须要是“形状”。形状补间支持大小、颜色、透明度、位置、形状等的补间变化。

10、动作脚本语言——Action Script(考试出现)

简单的AS:

※Stop();

※gotoAndStop();

※stopAllSounds();停止当前所播放的声音

※Play();

※gotoAndPlay();跳转到某一帧并且播放

※getURL();到某一个网址

11、photoshop

※图像的来源

曲线

色阶

色相/饱和度

12、图层样式

※投影

※外发光

※斜面和浮雕

※颜色叠加

※渐变叠加

※描边

13、图层混合模式

在正常模式下,颜色将以完全不透明的方式覆盖所有为当前图层下方的元素,但是通过改变图层的混合模式,则可以改变上下两个图层之间颜色的相互作用方式。

※四、色彩与风格

每个人都是不同的,我们无法设计出让所有人都合意的色彩,一般都是根据色彩联想来设计:

※红色——喜庆、热烈、震撼、激情、上进。

※黑色——平易、暧昧、内向、消极、失望。最好的背景色。

※蓝色——清凉、开朗、深远、安静、高科技IT。

※五、网页代码以渲染

出错页

空白页

你可能感兴趣的:(网页制作——笔记)