网页设计经典范例[电子资源.图书]

第1章 网页设计基础

1．1 网页的设计构思和布局

1．1．1 网页知识

1．1．2 网页的设计构思

1．1．3 网页的布局

1．2 pireworksmx简介

1．2．1 fireworks软件介绍

1．2．2 fireworksmx的新特点和新功能

1．3 dreamweavermx简介

1．3．1 dreamweaver软件介绍

1．3．2 dreamweavermx的新特点和新功能

1．4 flashmx简介

1．4．1 flash软件介绍

1．4．2 flashmx的新特点和新功能

第2章 经典实例1：个人主页"静心轩书屋"

2．1 实例介绍

2．2 网页的布局设计和实现手段

2．3 知识点

2．4 制作10go(站标)动态图片

2．4．1 导入并处理静态图片

.2．4．2 为图片添加文字

2．4．3 保存并导出图片

2．5 制作背景图片

2．6 制作栏目图片

2．6．1 制作栏目图片1

2．6．2 制作栏目图片2、3、4

2．7 规划和定义站点

2．7．1 规划站点

2．7．2 定义站点

2．8 使用dreamweavermx中的布局视图制作网页

2．8．1 选择布局视图并插入背景图片

2．8．2 插入logo图片

2．8．3 制作站点导航栏

2．8．4 制作栏目区

2．8．5 制作新用户注册区、推荐原创作品区和友情链接区

2．8．6 制作版权声明

2．8．7 制作鼠标特效

2．8．8 保存并预览网页

2．9 利用dreamweavermx上传网页

2．9．1 建立远程站点

2．9．2 上传文件

第3章 经典实例2：表单网页"用户注册网页"

3．1 实例介绍

3．2 网页的布局设计和实现手段

3．3 知识点

3．4 制作旋舞图片

3．4．1 为椭圆着色

3．4．2 实现动态效果

3．5 制作网页宣传图片

3．5．1 制作网页宣传图片1

3．5．2 制作网页宣传图片2

3．5．3 制作网页宣传图片3

3．6 制作荧光棒图片

3．7 制作矩形图片

3．8 利用dreamweaver mx制作表单网页

3．8．1 制作表单网页1(用户注册页面)

3．8．2 制作表单网页2(服务条款页面)

3．8．3 制作表单网页3(输入信息页面)

第4章 经典实例3：框架网页"精品导读"

4．1 实例介绍

4．2 网页的布局设计和实现手段

4．3 知识点

4．4 制作宣传图片

4．4．1 制作宣传图片1

4．4．2 制作宣传图片2

4．5 制作链接图片和水珠图片

4．5．1 制作链接图片1

4．5．2 制作链接图片2

4．5．3 制作链接图片3

4．5．4 制作水珠效果图片

4．6 建立框架并制作辅助框架中的网页

4．6．1 创建并保存框架和框架集

4．6．2 制作顶框架中的网页

4．6．3 制作左框架中的网页

4．7 制作在主框架中显示的网页

4．7．1 制作网页之1

4．7．2 制作网页之2

4．7．3 制作网页之3

第5章 经典实例4；新闻网页"寰球新闻网"

5．1 实例介绍

5．2 网页的布局设计和实现手段

5．3 知识点

5．4 制作logo图片

5．5 制作辅助栏目图片

5．5．1 制作辅助栏目图片1

5．5．2 制作辅助栏目图片2、3和4

5．6 制作主栏目图片

5．6．1 制作主栏目图片1

5．6．2 制作主栏目图片2

5．6．3 制作主栏目图片3、4、5

5．7 制作版权图片

5．8 制作导航图片

5．8．1 制作导航图片1

5．8．2 制作导航图片2、3、4、5

5．9 制作蓝天白云图片

5．10 制作条形图片

5．11 制作flash宣传动画

5．11．1 制作元件

5．11．2 制作bgl层

5．11．3 制作boardl层

5．11．4 制作board2层

5．11．5 制作text1层

5．11．6 制作text2层

5．11．7 制作text3层

5．11．8 制作text4层

5．11．9 制作bg2层

5．11．10 保存并发布动画

5．12 利用dreamweaver mx制作网页

5．12．1 制作网页的上部分

5．12．2 制作网页的辅助栏目区

5．12．3 制作主栏目区

第6章 经典实例5：儿童网页"箐箐少儿网"

6．1 实例介绍

6．2 网页的布局设计和实现手段

6．3 知识点

6．4 制作10go图片

6．5 制作儿童图片

6．6 制作小鸡图片

6．7 制作特效文字

6．7．1 制作动态文字"箐箐大观园"(z1,gif)

6．7．2 制作静态文字"最新更新"(a1．git)

6．7．3 制作静态文字"还没有!"(als．gif)

6．7．4 制作动态文字"童话故事"(a2．gif)

6．7．5 制作静态文字"真的很精彩!"(a2s．gif)

6．7．6 制作动态文字"儿童歌谣"(a3．gif)

6．7．7 制作静态文字"???"(a3s．gif)

6．7．8 制作静态文字"卡通图库"(a4．gif)

6．7．9 制作静态文字"好漂亮啁!"(a4s．gif)

6．7．10 制作静态文字"儿童作品"(a5．gif)

6．7．11 制作静态图片"您的大作?"(ass．gio

6．7．12 制作静态图片"谜语故事"(a6．gif)

6．7．13 制作静态图片"动动脑筋吧!"(a6s．gi6)

6．7．14 制作动态文字"免费资源区"(z2．gio

6．7．15 制作动态文字"箐箐画室" (b1．gif)

6．7．16 制作动态文字"真好玩!" (bls．gif)

6．7．17 制作动态文字"箐箐别传"(b2．gio，

6．7．18 制作静态文字"我。。。"(b2s．gif)

6．7．19 制作动态文字"箐箐相册"(b3．gi0

6．7．20 制作静态文字"真酷呆了!"(b3s．gif)

6．7．21 制作动态文字"箐箐乐园"(b4．gio

6．7．22 制作静态文字"好棒啁!"(b4s．gio

6．7．23 制作静态文字"箐箐信箱"(b5．gio

6．7．24 制作静态文字"交个朋友吧!"(b5s．gif)

6．7．25 制作动态文字"箐箐传真"(b6．gif)

6．7．26 制作动态文字"灌水了!"(b6s．gif)

6．8 制作主页

6．9 制作链接页

第7章 经典实例6：游戏网页"游戏(game)"

7．1 实例介绍

7．2 网页的布局设计和实现手段

7．3 知识点

7．4 制作logo图片

7．5 制作构成网页框架的静态图片

7．5．1 制作构成两侧版块的图片

7．5．2 制作中间版块标题图片

7．5．3 制作横线和竖线图片

7．6 制作具有立体感的相片效果图片

7．7 制作网页宣传动画

7．7．1 制作元件

7．7．2 制作主场景(场景)

7．8 制作鼠标游戏动画(精灵跟随者)

7．8．1 制作按钮元件but

7．8．2 制作影片剪辑元件mouse

7．8．3 创建影片剪辑元件pipka4

7．9 制作电影字幕动画

7．9．1 制作masktext层

7．9．2 制作gradientcolor层

7．10 利用dreamweavermx制作网页

7．10．1 制作网页

7．10．2 制作css样式

7．10．3 为网页添加css样式

第8章 经典实例7：美食网页"中华精粹饮食网"

8．1 实例介绍

8．2 网页的布局设计和实现手段

8．3 知识点

8．4 制作logo图片

8．4．1 制作文字"中华精粹饮食网"的动态效果

8．4．2 制作心形图形的动态效果

8．4．3 制作文字"福"的动态效果

8．5 制作版块图片

8．6 制作辅助栏目图片

8．6．1 制作辅助栏目图片1

8．6．2 制作辅助栏目图片2

8．6．3 制作辅助栏目图片3

8．6．4 制作辅助栏目图片4

8．7 制作主栏目图片

8．7．1 制作主栏目图片1

8．7．2 制作主栏目图片2、3、4、5、6

8．8 制作宣传动画

8．8．1 制作图形元件1、2、3、4、5、6、7

8．8．2 制作影片剪辑元件q3

8．8．3 制作按钮元件s1、s2、33、s4、s5、s6、s7

8．8．4 制作图形元件8

8．8．5 制作主场景(场景"

8．9 制作辅助栏目动画1

8．9．1 制作图形元件1、2、3、4、5

8．9．2 制作图形元件ball

8．9．3 制作影片剪辑元件bubble

8．9．4 制作主场景(场景)

8．10 制作辅助栏目动画2

8．10．1 制作图形元件textl

8．10．2 制作主场景(场景)

8．11 制作辅助栏目动画3

8．11．1 制作图形元件1、2、3、4、5、6、7、8、9、10，

8．11．2 制作影片剪辑元件letmov

8．11．3 制作主场景(场景1)

8．12 制作辅助栏目动画4

8．12．1 制作图形元件1graphic和2graphic

8．12．2 制作影片剪辑元件1movie和2movie

8．12．3 制作按钮元件1button和2button

8．12．4 制作主场景(场景)

8．13 利用dreamweaver mx制作网页

8．13．1 制作网页的上部分
8．13．2 制作网页的左侧和右侧版块

8．13．3 制作网页中间的主栏目版块

8．13．4 制作网页的友情链接和版权声明

第9章 经典实例8：时尚网页"时尚人生网"

9．1 实例介绍

9．2 网页的布局设计和实现手段

9．3 知识点

9．4 制作logo图片

9．5 制作导航图片

9．6 制作栏目图片

9．7 制作闪光文字效果

9．8 制作爆炸字效果

9．9 制作菜单动画

9．9．1 制作小球

9．9．2 制作小球运动的效果

9．9．3 制作菜单按钮

9．9．4 制作主场景

9．10 制作网页

第10章 经典实例9：动漫网页"逍遥动漫网"

10．1 实例介绍

10．2 网页的布局设计和实现手段

10．3 知识点

10．4 制作logo图片

10．5 制作动画故事：龟兔赛跑

10．5．1 制作元件

10．5．2 制作场景

10．6 制作动画故事：圣诞老人

10．6．1 制作元件

10．6．2 制作主场景(场景1)

10．7 制作网页

第11章 经典实例10：学校网页"华宇大学网页"

11．1 实例介绍

11．2 网页的布局设计和实现手段

11．3 知识点

11．4 制作logo图片

11．5 制作宣传图片

11．6 制作链接图片english

11．7 制作片头动画

11．7．1 制作彩色闪光气泡效果

11．7．2 制作主文字沿纵向拉伸和压缩效果

11．7．3 制作彩色闪光气泡的随机出现效果

11．7．4 制作主场景(场景)

11．8 制作栏目动画

11．8．1 制作滚动窗口

11．8．2 制作动画中要播放的图片

11．8．3 制作动画下方的按钮

11．8．4 制作弹出式菜单

11．8．5 制作主场景(场景1)

11．9 利用dreamweavermx制作网页

11．9．1 实现网页的自动跳转

11．9．2 制作主页

第12章 经典实例11：门户站点网页"华夏家园"

12．1 实例介绍

12．2 网页的布局设计和实现手段

12．3 知识点

12．4 制作网页素材

12．4．1 制作logo图片

12．4．2 制作庆祝国庆动画

12．4．3 制作自由移动的浮动广告动画

12．5 用dreamweavermx制作网页

12．5．1 制作网页的上部分

12．5．2 制作表格的中间栏目部分

12．5．3 制作网页的尾部

12．5．4 制作弹出式子窗口

12．5．5 制作不随屏幕滚动而改变位置的"固定广告"

12．5．6 制作自由移动的浮动广告

第13章 经典实例12：影视音乐网页"mediarays(媒体之光)"

13．1 实例介绍

13．2 网页的布局设计和实现手段

13．3 知识点

13．4 制作场景(load)

13．4．1 制作影片剪辑元件gridl

13．4．2 制作影片剪辑元件percent

13．4．3 制作场景(10ad)的过程

13．5 制作场景(场景)的layerl层

13．5．1 制作影片剪辑元件

13．5．2 制作场景(场景)的layer1层的过程

13．6 制作场景(场景1)的layer2层

13．6．1 制作图形元件bar

13．6．2 制作影片剪辑元件1

13．6．3 制作影片剪辑元件vol

13．6．4 制作场景(场景1)的layer2层的过程

13．7 制作场景(场景1)的layer 3层

13．7．1 制作图形元件1

13．7．2 制作图形元件symbol2

13．7．3 制作场景(场景1)的layer3层的过程

13．8 制作场景(场景1)的layer4层

13．8．1 制作影片剪辑元件but big yellow over

13．8．2 制作按钮元件but__big purple button

13．8．3 制作影片剪辑元件twinkle

13．8．4 制作按钮元件about、lin、web、res、webl

13．8．5 制作图形元件s

13．8．6 制作影片剪辑元件ss4

13．8．7 制作图形元件links

13．8．8 制作影片剪辑元件abo

13．8．9 制作图形元件webl

13．8．10 制作图形元件con

13．8．11 制作影片剪辑元件12

13．8．12 制作场景(场景1)的layer4层的过程

13．9 制作场景(场景1)的layer5层

13．9．1 制作影片剪辑元件zoom

13．9．2 制作按钮元件ab、gam、signl、but toons button、button

13．9．3 影片剪辑元件main

13．9．4 制作场景(场景1)的layer5层的过程

13．10 制作场景(场景1)的layer6和iayer7层

13．10．1 制作图形元件img_estrela_amarela

13．10．2 制作影片剪辑元件mc estrelas amarela

13．10．3 影片剪辑元件mc制作场景(场景1)_的estrelas6re层plicada

13．10．4 layer

13．10．5 制作场景(场景1)的layer7层

第14章 经典实例13：链接网页"电影简介页面"

14．1 实例介绍

14．2 网页的布局设计和实现手段

14．3 知识点

14．4 制作元件

14．4．1 制作影片剪辑元件lettera

14．4．2 制作按钮元件but

14．4．3 制作影片剪辑元件sbolo 3

14．4．4 制作按钮sbol02

14．4．5 制作影片剪辑元件sbol01

14．5 制作主场景(场景1)

14．5．1 制作layer1层

14．5．2 制作layer2、layer3、layer4、layer5、layer6层

14．5．3 制作layer7层

14．5．4 制作layer8层

14．5．5 制作layer9层

14．5．6 制作layer10层