《网页制作与设计》PPT课件

网页制作与设计,第一章网页制作概述网站制作是一个很大的课题。本章主要介绍网页设计常用的软件及特点，然后介绍了设计网站的流程。在进行网页设计时，要注意网页设计的计划性和条理性，在进行网页组件的整合和制作之前，要把网页布局明确下来，这是网站设计的关键。,教学重点与难点,Internet简介及发展Internet的主要功能网页制作常用工具网页制作流程,1.1Internet、WWW、HTML简介,1.1.1Internet简介因特网是当今世界上最大的连接计算机的电脑网络通迅系统。它是全球信息资源的公共网而受到用户的广泛使用。从功能方面看，Internet有两大用处：第一用处是通信，使用电子邮件通信，速度快、费用低、特别适合国际间通信量大的用户使用；第二用处是信息的良好工具。特别是Telnet、FTP、Gophet、News、www,都是Internet检索和发送信息的良好工具,1.1.2WWW（万维网）简介WWW是Internet上那些支持WWW协议和超文本传输协议HTTP的客户机与服务器的集合，透过它可能存取世界各地的多媒体文件，内容包括文字、图形、声音、动画、资料库以及各式各样的软件.WWW的基本结构是采用开放式的客户/服务器结构.,1.1.3HTML简介HTML（HyperTextLanguage,超文本标记语言）是一种用来制作超级文本文档的简单标记语言。HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名,HTML文档结构除了一些个别的标记外，HTML文档的标记都可嵌套使用。通常由三对标记来构成一个HTML文档的结构。头部信息文档主体,正文部分,1.2网页制作工具简介,1.2.1网页编辑工具FrontPage2000FrontPage2000是Microsoft公司推出的网页制作工具,它功能强大,操作方便.记事本记事本是一个文本编辑的工具,使用记事本环境,可以方便地编写HTML代码和脚本语言程序代码.DreamweaverMXDreamweaverMX是Macromedia公司推出的“所见即所得”的主页制作工具.,1.2.2网页图像与动画制作工具Photoshop7.0Photoshop是Adobe公司专门处理图片和文字的软件.支持在计算机中使用的大部分图片格式。FlashMXFlash是Macromedia公司推出的动画设计与制作软件.使用Flash能创建漂亮的、可改变尺寸的网页动态插件。,FireworksFireworks是Macromedia公司的网页图片处理工具.Fireworks与Dreamweaver结合很紧密,只要将Dreamweaver的默认图像编辑器设为Fireworks,那么在Fireworks里修改的文件将立即在Dreamweaver里更新.UleadGIFAuimatorUleadGIFAuimator是友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即使用,可将AVI文件转成动画GIF.,1.3网站制作流程,网站设计的流程分为三个阶段:1、前期规划2、网站制作3、后期维护,1.3.1前期规划在制作网站之前，首先给网站准确的定位，明确建站目的。网站主题和类型确定后，要规划好网站栏目录结构、网页版面布局.,1.3.2网站制作Web页面设计需要遵