网页制作基础教程 第2版 作者 邓振杰 第1章.pptVIP

* 第1章 网页设计基础 【本章学习目标】 ● 网页中的常见元素。 ● 常用网页制作工具。 ● 美化网页的基本工具。 ● 建立网站的基本流程。 ● 网页艺术设计。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 1.1 网页中的常见元素 1.1.1 文本 1．标题 2．字号 3．字型 一个网页通常都有一个标题，表明本网页的主要内容。 一个优秀网页中，文字应统筹规划，大小搭配适当，给人以生动活泼的感觉。 在网页适当的位置采用不同的字体、字型，也能使网页产生吸引人的效果。 1.1.2 图形 1．菜单按钮 2．背景图形 3．动画 网页上的菜单按钮有一些是用图形制作的，通常有横排和竖排两种形式，由此可以转入不同的页面。 为了加强视觉效果，有些网页在整个网页的底层放置了图形，称作背景图。 为了更有效地吸引浏览者的注意，许多网页中的图像都做成了动画形式。 1.1.3 超链接 1.1.4 表格 超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。 表格用来控制网页中信息的布局方式。许多大型网站（如搜狐、网易、新浪、雅虎等）都是使用表格来进行页面布局的。 1.1.5 表单 1.1.6 声音和视频 通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。 声音是多媒体网页的一个重要组成部分。目前存在一些不同类型的声音文件，也有不同的方法将这些声音添加到网页中。视频文件的格式也非常多，常见的有RM、MPEG、AVI等。采用视频文件可以使网页变得精彩而又生动。 1.2 常用网页制作工具 1.2.1超文本标识语言 1.2.2 Dreamweaver HTML是一种专门用于Web页制作的编程语言，由文本、格式化代码和导向其他文档的超链接等部分组成。 Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，不仅能满足专业网页编辑人员的需要，同时也容易被业余网页制作人员所掌握。 1.2.3FrontPage FrontPage是Microsoft公司推出的网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。 1.3 常用网页美化工具 1.3.1Photoshop 1.3.2 Flash Photoshop是由Adobe公司开发的图形处理软件，功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面图像制作工具。 Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 1.3.3Fireworks Fireworks是由Macromedia公司开发的基于RGB颜色模式的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计与制作的解决方案。 1.4建立网站的基本流程 1.4.1确定主题 （1）名称要正。其实就是要求名称要合法、合理、合情。 （2）名称要易记。最好用中文名称，不要使用英文或者中英文混合型名称。 （3）名称要有特色。网站名称如果能体现一定的内涵，会给浏览者更多的视觉冲击和空间想像力。 1.4.2 搜集资料 要想使自己的网站内容丰富，能够吸引浏览者，就要尽量搜集资料，搜集的资料越多，以后制作网站就越容易。 资料可以从图书、报纸、光盘等媒体上得到，也可以从Internet上搜集。有时网站建设人员还需要得到其他部门的大力配合，详细了解情况，取得翔实的资料。 1.4.3 网站的整体规划 网页制作者在明确网页制作目的及其主要内容之后，接下来就应该对网站进行规划，以确保文件内容条理清楚、结构合理。 网站的链接结构设计对于网站的规划也是至关重要的。所谓网站的链接结构是指页面之间相互链接的拓扑结构。 1．树状链接结构 2．星状链接结构 1.4.4 网页设计与制作 1．静态网页的设计与制作 2．为网页添加动态效果 通常在进行网页开发时，首先都进行静态网页的制作，然后在其中加入脚本程序、表单等动态内容。 静态网页制作完成后，接下来的工作就是为网页添加动态效果，包括一些脚本语言程序和数据库程序的设计，以及加入动画效果等。 1.4.5 测试与