《网页制作技术》第1章.pptVIP

Banner的制作 Banner的制作过程： 根据主题确立风格； 构思Banner的结构； 制作。 Banner必须具备的四要素：a.文字标题；b.底图（底色）；c.人物（或其他相关图片）；d.制作。 四、内容版块的设计理念 1）要紧扣主题 2）设一个最近更新或网站指南栏目 3）设定一个可以双向交流的栏目 4）设一个下载或常见问题回答栏目 内容版块注意事项 内容版块需要注意的是： 删除与主题无关的栏目 将网站最有价值的内容列在显眼位置上 方便访问者的浏览和查询 五、版尾或版权版块的设计理念 页尾对于网页设计来说也有它一定的影响及功能性。通常会将网站的相关介绍、隐私权、网站联系方式等放在页尾的部份。 版尾或版权版块例子 1.3 优秀网页赏析 【学习目标】 1）了解优秀网页的特点 2）能够欣赏优秀的网页 1.3.1 优秀网页简述 【想一想】 什么样的网页才能称作优秀网页呢？ 优秀网页的特点 1）网站内容非富 2）页面打开速度快 3）功能多样、使用方便 4）网站品质优秀 5）保护个人隐私 1.3.2 优秀网页实例 优秀网页实例 五、Banner Banner中文意思是横幅或者网幅。Banner的内容通常为网页中的广告。在网页布局中，大部分网页将Banner放置在与导航条相邻处。或者其他醒目的位置以吸引浏览者浏览。 六、内容版块 网页的内容版块是整个页面的组成部分。设计人员可以通过该页面的栏目要求来设计不同版块，每个版块有一个标题内容，并且每个内容版块主要来显示不同文本信息，如作品、动态、客户、域名空间、网站建设等。 七、版尾或版权版块 1.1.4网页制作软件 一、Dreamweaver网页设计 Dreamweaver是Macromedia(现已被Adobe收购)开发的一款强大的所见即所得的网页设计和站点管理软件。使用Dreamweaver可以轻而易举地制作跨越平台和浏览器限制的网页。 Dreamweaver支持开发HTML、XHTML、CSS、JavaScript、XML以及Flash的动作脚本等类型文档，并可以与Flash、Fireworks、Photoshop完美地结合。Dreamweaver还可以开发如ASP、ASP.NET、JSP和PHP等动态网页程序。 二、Photoshop图像处理软件 Photoshop是Adobe公司推出的图像处理软件其诞生可以追溯到1987年。 Photoshop的图像处理功能十分强大例如处理Web图像、数码照片、扫描文档，Photoshop都可以满足应用的需求。 三、Flash动画设计软件 为使网页更加富有动感、更加个性化，很多网站在网页中插入Flash动画。Flash动画是一种由Macromedia公司推出的交互式矢量图和Web二维动画标准。制作这种动画所需使用的软件即Macromedia公司开发的Flash软件。 Flash被称为“最灵活的前台”。其独特的编译方式和跨平台能力（除个人计算机之外手机等其他手持设备同样可以播放）、广泛的应用（软件、游戏、Web应用程序、多媒体娱乐等多方面）使之越来越成为一种重要的工具。 【想一想】 （1）Photoshop 软件常用在哪儿？ （2）Flash 动画的特点？ 四、Fireworks网页图像处理软件 Fireworks在位图方面的图像处理的功能也许要比Photoshop弱一些，但在矢量图形的处理方面有其独特之处。 在Web应用方面Fireworks是最早提供切片功能的图像处理软件。Fireworks支持在图像中绘制热区并直接生成网页文档，并且具备简单的GIF动画制作能力，同时支持将动画转换为Flash文件并嵌入到网络中播放 。 1.2客户需求分析 【学习目标】 1）掌握网站开发客户需求分析活动的内容要点 2）掌握需求分析常规提交文档资料的项目 3）了解需求分析活动中市场分析的内容 4）掌握Logo的表现形式 5）掌握导航条的分类 6）了解内容版块的设计理念 1.2.1客户需求分析简述 【想一想】 （1）市场调研活动包括哪些内容？ （2）《网站功能描述书》包含什么内容？ 一、网站开发项目的需求分析参与者 了解、分析、明确客户需求，并且能够准确、清晰，以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足客户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。 项目的管理者在需求分析中的职责 1）负责组织相关开发人员与客户一起进行需求分析 2）组织美术和技术骨干代表或者全部成员（与客户讨论）编写《网站 功能描述书（初稿）》文档 3）组织人员对《网站功能描述书（初稿）》进行反复讨论和修改，确 定《网站功能描述书》正式文档 4）如果客户有这方面的能力或