网页设计与制作-全套PPT课件.pptxVIP

第1章 网页概述 本章要点： u?????? Web的起源与基本结构 u?????? Web的常用术语 u?????? 网页制作工具 u?????? 网站开发的工作流程 ;1.1 网页基础 ;1.1.1 Web的起源;1.1.2 Web的特点 ;1.1.3 HTML ;图1-3 浏览器与主页; Web页包括的主要元素有：文本、图像、超级链接、导航栏、表格、表单、多媒体及特殊效果等。 1. 文本 网页的主体一般以文本为主。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。 2. 图像 图像可以用作标题、网站标志（Logo）、网页背景、链接按扭、导航栏、网页主图等。使用最多的文件格式是JPEG和GIF格式。 ;3. 超级链接 超级链接是从一个网页指向另一个目的端的链接，该链接既可以指向本地网站的另一个网页 。 4. 导航栏 导航栏能使浏览者方便地返回主页或继续下一页的访问。导航栏可以是按钮、文本或图像 。 5. 表格 网页中的表格是一种用于控制网页页面布局的有效方法。 ;6. 表单 表单通常用于收集信息或实现一些交互式的效果。表单的主要功能是接收浏览者在浏览器端的输入信息，然后将这些信息发送到浏览者设置的目的端。 7. 多媒体及特殊效果 网页还包含有声音、动画、视频等多媒体元素，以及悬停按钮、Java控件、ActiveX控件等特殊效果。 ;1.1.5 浏览器 ;1.2 Web的常用术语 ;2、网页 网页是使用HTML语言所写的文本文件，网页里可以包含文字、表格、图像、链接、声音和视频等。 每个网页都是磁盘上的一个文件，可以单独浏览。 3、主页 主页（Home Page），也称为首页，是一个单独的网页，可以存放各种信息；它又是特殊的网页，是浏览者浏览一个网站的起点。 ;1.3 网页制作工具 ;1.3.2 网页图像与动画制作工具 ;4. PhotoImpact PhotoImpact是友立（Ulead）咨讯股份有限公司推出的一款图像处理软件，它功能强大，易于使用，在商业广告和Web图像应用方面有着突出的优势 。 5. COOL 3D COOL 3D是友立（Ulead）咨讯股份有限公司推出的一款优秀的三维立体文字特效工具，它广泛地应用于平面设计和网页制作领域。 6. Ulead GIF Animator Ulead GIF Animator是友立（Ulead）公司发布的一个动画GIF制作工具。 ;1.4 网站开发流程 ;1.4.1 网站规划 ;2. 搜集材料 围绕主题搜集材料，作为自己制作网页的素材。 3. 规划网站 ⑴ 主题栏的设置 ??? 突出主题。把主题栏放在最明显的地方，让浏览者更快、更明确的知道网站所表现的内容。 ???? 设计一个“最近更新”栏目，让浏览者一目了然的知道更新内容。 栏目不要设置太多。 ⑵ 目录结构设计 ?????? 按栏目内容建立子目录。 ?? 每个目录下分别为图像文件创建一个子目录image（图像较少时可不创建）。 ???? 目录的层次不要太深，主要栏目最好能直接从首页到达。 尽量使用意义明确的非中文目录。 ;⑶ 颜色搭配 网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。 ⑷ 网站标志Logo ;⑸ 版面布局 版面布局一般应遵循的原则是：突出重点、平衡和谐，将网站标志（Logo）、主菜单等最重要的模块放在突出的位置 。 ⑹ 图像的运用 图像是为主页内容服务的，不能让图像喧宾夺主。 ???? 图像要兼顾大小和美观。图片不仅要好看，还应在保证图片质量的情况下尽量缩小图片的大小（即字节数）。图像过大将影响网页的传输速度。 ??? 合理地采用JPEG和GIF图像格式。颜色较少的（256色以内）图像，可处理为GIF格式；色彩比较丰富的图像，最好处理为JPEG格式。 ;1.4.2 网站制作 ;2. 上传与测试 测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。 利用FTP工具将网页发布到所申请的主页服务器上。 网站上传之后，继续通过浏览器进行实地测试，发现问题，及时修改，然后再上传测试。 ;1.4.3 后期维护 1. 推销网站 2. 维护更新 ;第2章 网页制作基础 ;2.1 中文Dreamweaver MX2004的工作窗口2.1.1 工作窗口