网站规划与网页设计

章节摘录

版权页：   插图：   （5）单击“比”层，将第1个关键帧向后移动到第5帧。单击第15帧，按快捷键F6插入关键帧；单击第5帧，设置创建传统补间。在舞台中选中“比”，打开“变形”面板，设置长宽比例均为10％，旋转设置为180度，将“比”字拖到画布正上方的外部。其他文字以此类推，选中所有图层的第30帧，按快捷键F5插入帧。新建一层，单击第30帧，按快捷键F6插入空白关键帧，打开“动作”面板，添加动作为stop（），效果是文字从上方随风飘出，然后静止不动。 （6）返回场景，输入文本为“落人人间的精灵”。选中文本，按快捷键F8将其转换为元件，“名称”为“fontO”，“类型”为“影片剪辑”，双击进入影片剪辑编辑状态。将第1个关键帧移动到第30帧；单击第50帧，插入关键帧；单击第30帧，设置创建传统补间，将文本垂直移动到场景外。单击第50帧，添加动作为stop（），效果是文本由上而下落下。 （7）返回场景，绘制一个矩形，填充为橘黄色（#FFCC00），选中矩形，按快捷键F8转换为元件，“名称”为“按钮01”，“类型”为“按钮”，双击矩形进入元件编辑状态。这个按钮由3层组成，第1层，在指针“经过”、按下处分别插入关键帧。新建一层，单击指针经过处，插入关键帧，再绘制一个“宽度”等于、高度小于橘黄色矩形块的矩形，填充颜色为浅灰色（#CCCCCC），单击“按下处”，插入关键帧。新建一层，单击“指针经过”处，插入空白关键帧，输入文本为“天上人间”。其他两个按钮的制作过程与上一步基本相同，不同之处为输入文本为“誓言”和“旋转的木马”。返回场景，将库中按钮拖入场景中，保存文件名为flashmtv.fla，此文件制作先暂时到此。 （8）在Fireworks中处理3幅位图，名称为wangfei01.jP9、wangfei02.jP9和wangfei03.jPg，大小为340×237（像素）。 （9）新建一个文档，大小为770×400（像素），导入位图wangfei01.jP9，位图的X、Y位置分别为：299、132。将位图转换为影片剪辑元件。分别单击第20帧、第70帧、第120帧插人关键帧。单击第1帧，选中场景中的实例，在“属性”面板中单击“颜色”下拉列表设置Alpha为0。单击第70帧，选中场景中的实例，单击“属性”面板中的“添加滤镜”按钮，添加模糊效果，模糊X：10，模糊Y：10。在每两个关键帧之间设置创建传统补间。

书籍目录

第1章网站规划1 1.1网站规划的流程1 1.2网站规划的内容2 1.2.1建设网站前的市场分析2 1.2.2建设网站目的及功能定位2 1.2.3分析目标客户及潜在客户对站点的需求3 1.2.4域名申请3 1.2.5Web服务器的选择4 1.2.6确定网站风格4 1.2.7考虑网络的技术问题5 1.3网页设计的原则6 1.4网站的测试、发布与维护8 1.5网站规划案例8 本章小结10 练习题11 上机实验11 第2章网络与网页设计基础知识12 2.1Internet基础12 2.1.1Internet概述12 2.1.2WWW13 2.1.3网页与网站13 2.1.4域名与IP地址13 2.2网页设计与制作工具16 2.2.1网页编辑工具16 2.2.2图形和图像处理工具16 2.2.3动画设计工具16 2.3HTML语言17 2.3.1HTML语法结构17 2.3.2常见的HTML标签18本章小结19 练习题20 上机实验20 第3章创建站点21 3.1DreamweaverCS5的工作界面21 3.2定义本地站点24 3.2.1创建并管理站点24 3.2.2创建网页27 本章小结30 练习题30 上机实验30 第4章制作页面31 4.1实例导入：西部旅游网31 4.2页面属性的设置32 4.3文本的修饰33 4.3.1输入文本33 4.3.2文本属性的设置35 4.3.3段落格式的设置36 4.3.4列表格式的设置38 4.3.5滚动文本39 4.4设置超链接40 4.4.1URL地址40 4.4.2超链接的分类40 4.4.3选择链接目标42 4.5制作包含超链接的纯文本网站43 4.6编辑图像46 4.6.1插入图像46 4.6.2设置图像属性47 4.6.3制作翻转图像48 4.6.4制作图像映射49 本章小结49 练习题50 上机实验50 第5章网页布局52 5.1网页版面布局概述52 5.2使用表格排版网页54 5.2.1实例导入：表格排版网页54 5.2.2插入表格和编辑表格56 5.2.3表格及单元格属性设置59 5.2.4使用表格排版网页60 5.2.5表格排版实例的制作过程61 5.3使用层排版网页63 5.3.1实例导入：层排版网页63 5.3.2插入层和编辑层63 5.3.3使用层排版网页的制作过程67 5.4使用内部行为制作网页交互特效68 5.4.1应用Dreamweaver内部的行为68 5.4.2推荐两款制作网页特效软件72 5.5使用框架排版网页73 5.5.1实例导入：框架排版网页73 5.5.2创建与编辑框架结构74 5.5.3框架排版网页的制作过程78 本章小结81 练习题81 上机实验81 第6章网页布局新技术——CSS+Div85 6.1实例导入：应用CSS样式的网页85 6.2了解CSS88 6.2.1CSS概述88 6.2.2在Dreamweaver中定义CSS88 6.3应用CSS美化网页90 6.3.1背景样式的应用91 6.3.2文本及列表的应用91 6.3.3方框和边框样式的应用94 6.3.4动态链接样式的应用95 6.3.5滤镜效果的应用98 6.4应用CSS+Div进行网页布局99 本章小结103 练习题103 上机实验103 第7章使用表单106 7.1实例导入：利用表单创建用户信息注册表106 7.2创建表单108 7.3插入表单对象109 7.3.1表单网页的布局109 7.3.2插入和编辑表单对象109 7.4制作用户注册表115 7.5验证表单117 本章小结118 练习题119 上机实验119 第8章模板与库的应用121 8.1实例导入：利用模板生成的站点121 8.2创建和编辑模板122 8.2.1创建模板122 8.2.2编辑模板123 8.3应用和更新模板124 8.3.1应用模板124 8.3.2更新模板125 8.4使用库126 8.4.1创建库126 8.4.2应用库127 8.4.3修改库128 8.5利用模板和库制作商务网站129 本章小结131 练习题131 上机实验131 第9章制作多媒体站点134 9.1实例导入：多媒体站点134 9.2使用多媒体对象135 9.2.1设置页面背景音乐135 9.2.2插入Flash动画135 9.2.3插入Flash视频137 9.2.4插入由FlashPaper软件转换的SWF文件138 9.2.5在网页中嵌入音频文件139 9.2.6在网页中嵌入视频文件140 9.3制作多媒体网站实例140 本章小结143 练习题143 上机实验143 第10章网页设计基础理论145 10.1平面设计基础145 10.1.1图像类型145 10.1.2图像分辨率146 10.1.3图像文件格式146 10.1.4图像设计的分类146 10.2色彩的应用149 10.2.1色彩模式149 10.2.2色彩的应用151 10.2.3配色方案的应用实例152 10.3网页的构图设计154 10.3.1构图概述154 10.3.2构图范例欣赏157 10.4网页设计的流程159 10.4.1网页策划159 10.4.2设计网页原型图159 10.4.3设计网页效果图159 10.4.4网页设计实例——房地产网站首页设计160 本章小结164 练习题164 上机实验164 第11章利用Fireworks设计网页界面166 11.1Fireworks CS5简介166 11.2Fireworks CS5的工作界面167 11.3制作静态图像168 11.3.1位图图像处理168 11.3.2绘制和编辑矢量对象173 11.3.3文本应用178 11.3.4图层181 11.3.5蒙版182 11.4制作动画图像183 11.4.1逐状态动画184 11.4.2使用动画元件创建动画185 11.4.3制作精品Banner186 11.5制作动态交互图像188 11.5.1切片和热点的应用188 11.5.2创建按钮、导航栏及弹出式菜单190 11.5.3制作交换图像195 11.6网站首页的设计197 本章小结199 练习题200 上机实验200 第12章利用Flash设计网页动画205 12.1实例导入：制作Flash MTV206 12.2Flash概述206 12.2.1Flash的工作界面206 12.2.2Flash的基本操作208 12.2.3FlashCS5的新功能210 12.3Flash的基本功能212 12.3.1绘图和填充213 12.3.2位图操作219 12.3.3处理文本220 12.4应用Flash CS5设计动画222 12.4.1场景、元件与实例222 12.4.2帧与关键帧223 12.4.3图层224 12.4.4创建动画225 12.4.5Flash动画中的交互控制237 12.5FlashMTV实例的制作240 本章小结243 练习题243 上机实验243 第13章利用Photoshop设计网页247 13.1Photoshop CS5简介247 13.1.1Photoshop的应用247 13.1.2Photoshop的基本功能248 13.2Photoshop CS5工作界面249 13.3Photoshop CS5基本应用250 13.4Photoshop CS5网页设计261 本章小结267 练习题267 上机实验267 参考文献274

编辑推荐

《高等院校信息技术应用型规划教材:网站规划与网页设计》力求“理论与实践的完美结合，突出能力结构的培养”。通过对《高等院校信息技术应用型规划教材:网站规划与网页设计》的学习，学生能够熟练运用软件进行网站的编辑、网页界面和网页动画的设计；具有进行商务网站建设的自主策划与设计能力；掌握从事网站编辑、网页美工创意、动漫设计、平面设计等方面的综合技能。

作者简介

《高等院校信息技术应用型规划教材:网站规划与网页设计》从商务网站建设的实践出发，对网站规划和网页设计进行了全面、系统的讲解。网站规划部分主要包括网站规划的流程、网站规划的内容、网站规划的原则以及如何撰写网站规划方案等内容；网页设计部分主要包括网站编辑、网页设计基础、网页界面设计、网页动画设计等内容。所涉及的工具软件包括Dreamweaver CS5、Fireworks CS5、Flash CS5和Photoshop CS5。《高等院校信息技术应用型规划教材:网站规划与网页设计》以商务网站的真实案例为切入点，按照“案例引入→提出问题→理论讲解→案例分析”的总体思路编写而成。每章末配有练习题与上机实验，并附有详细的实验指导，可对学习起到巩固和提高的作用。

---

 网站规划与网页设计下载

---