※一、什么是网站?网站以网页的区别
网页是可以包括文字、图片、动画、视音频等内容的一个基于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。
※五、网页代码以渲染
出错页
空白页