网页制作与设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
从功能方面看， Internet有两大用处：第一 用处是通信，使用电子邮件通信，速度快、费 用低、特别适合国际间通信量大的用户使用； 第二用处是信息的良好工具。特别是Telnet、 FTP 、 Gophet 、 News 、 www, 都 是 Internet 检 索 和发送信息的良好工具
docin/sundae_meng
1.1.2 WWW（万维网）简介 WWW是Internet 上那些支持WWW协议
和超文本传输协议HTTP的客户机与服务器的集 合，透过它可能存取世界各地的多媒体文件， 内容包括文字、图形、声音、动画、资料库以 及各式各样的软件.
WWW的基本结构是采用开放式的客户/服 务器结构.
docin/sundae_meng
1.1.3 HTML简介 HTML（Hyper Text Language,超文本
标记语言）是一种用来制作超级文本文 档的简单标记语言。
HTML文档（即Homepage的源文件） 是一个放置了标记的ASCII文本文件，通 常它带有.html或.htm的文件扩展名
docin/sundae_meng
HTML 文档结构 除了一些个别的标记外，HTML文档的标
Ulead GIF Auimator是友立公司出版的动画 GIF制作软件,内建的Plugin有许多现成的特效 可以立即使用,可将AVI文件转成动画GIF.
docin/sundae_meng
1.3 网站制作流程
网站设计的流程分为三个阶段: 1、前期规划 2、网站制作 3、后期维护
docin/sundae_meng
docຫໍສະໝຸດ Baidun/sundae_meng
Fireworks Fireworks是Macromedia公司的网页图片
处理工具.Fireworks与Dreamweaver结合很紧 密,只要将Dreamweaver的默认图像编辑器设 为Fireworks,那么在Fireworks里修改的文件将 立即在Dreamweaver里更新. Ulead GIF Auimator
点内容，吸引更多的用户访问站点和重复浏览 Web站点信息
docin/sundae_meng
教学重点与难点
Internet简介及发展 Internet的主要功能 网页制作常用工具 网页制作流程
docin/sundae_meng
1.1 Internet、WWW、HTML简介
1.1.1 Internet简介 因特网是当今世界上最大的连接计算机的
电脑网络通迅系统。它是全球信息资源的公共 网而受到用户的广泛使用。
网页制作与设计
docin/sundae_meng
第一章 网页制作概述
网站制作是一个很大的课题。本章主 要介绍网页设计常用的软件及特点，然后 介绍了设计网站的流程。在进行网页设计 时，要注意网页设计的计划性和条理性， 在进行网页组件的整合和制作之前，要把 网页布局明确下来，这是网站设计的关键。
docin/sundae_meng
记都可嵌套使用。通常由三对标记来构成一个 HTML文档的结构。 <HTML>
<HEAD> 头部信息
</HEAD> <DODY>
文档主体,正文部分 </BODY> </HTML>
docin/sundae_meng
1.2 网页制作工具简介
1.2.1网页编辑工具 FrontPage 2000 FrontPage 2000是Microsoft公司推出的网 页制作工具,它功能强大,操作方便. 记事本 记事本是一个文本编辑的工具,使用记事本 环境,可以方便地编写HTML代码和脚本语言程 序代码. Dreamweaver MX Dreamweaver MX是Macromedia公司推出 的“所见即所得”的主页制作工具.
docin/sundae_meng
1.2.2 网页图像与动画制作工具
Photoshop 7.0 Photoshop是Adobe公司专门处理图片和文
字的软件.支持在计算机中使用的大部分图片格 式。 Flash MX
Flash是Macromedia 公司推出的动画设计 与制作软件.使用Flash能创建漂亮的、可改变 尺寸的网页动态插件。
1.3.1 前期规划 在制作网站之前，首先给网站准确的
定位，明确建站目的。网站主题和类型 确定后，要规划好网站栏目录结构、网 页版面布局.
docin/sundae_meng
1.3.2 网站制作 Web 页面设计需要遵循以下三条原则： 简洁 一致性 对比度
1.3.3 后期维护 Web站点建立后，要定期更新和维护Web站
docin/sundae_meng
1.1.2 WWW（万维网）简介 WWW是Internet 上那些支持WWW协议
和超文本传输协议HTTP的客户机与服务器的集 合，透过它可能存取世界各地的多媒体文件， 内容包括文字、图形、声音、动画、资料库以 及各式各样的软件.
WWW的基本结构是采用开放式的客户/服 务器结构.
docin/sundae_meng
1.1.3 HTML简介 HTML（Hyper Text Language,超文本
标记语言）是一种用来制作超级文本文 档的简单标记语言。
HTML文档（即Homepage的源文件） 是一个放置了标记的ASCII文本文件，通 常它带有.html或.htm的文件扩展名
docin/sundae_meng
HTML 文档结构 除了一些个别的标记外，HTML文档的标
Ulead GIF Auimator是友立公司出版的动画 GIF制作软件,内建的Plugin有许多现成的特效 可以立即使用,可将AVI文件转成动画GIF.
docin/sundae_meng
1.3 网站制作流程
网站设计的流程分为三个阶段: 1、前期规划 2、网站制作 3、后期维护
docin/sundae_meng
docຫໍສະໝຸດ Baidun/sundae_meng
Fireworks Fireworks是Macromedia公司的网页图片
处理工具.Fireworks与Dreamweaver结合很紧 密,只要将Dreamweaver的默认图像编辑器设 为Fireworks,那么在Fireworks里修改的文件将 立即在Dreamweaver里更新. Ulead GIF Auimator
点内容，吸引更多的用户访问站点和重复浏览 Web站点信息
docin/sundae_meng
教学重点与难点
Internet简介及发展 Internet的主要功能 网页制作常用工具 网页制作流程
docin/sundae_meng
1.1 Internet、WWW、HTML简介
1.1.1 Internet简介 因特网是当今世界上最大的连接计算机的
电脑网络通迅系统。它是全球信息资源的公共 网而受到用户的广泛使用。
网页制作与设计
docin/sundae_meng
第一章 网页制作概述
网站制作是一个很大的课题。本章主 要介绍网页设计常用的软件及特点，然后 介绍了设计网站的流程。在进行网页设计 时，要注意网页设计的计划性和条理性， 在进行网页组件的整合和制作之前，要把 网页布局明确下来，这是网站设计的关键。
docin/sundae_meng
记都可嵌套使用。通常由三对标记来构成一个 HTML文档的结构。 <HTML>
<HEAD> 头部信息
</HEAD> <DODY>
文档主体,正文部分 </BODY> </HTML>
docin/sundae_meng
1.2 网页制作工具简介
1.2.1网页编辑工具 FrontPage 2000 FrontPage 2000是Microsoft公司推出的网 页制作工具,它功能强大,操作方便. 记事本 记事本是一个文本编辑的工具,使用记事本 环境,可以方便地编写HTML代码和脚本语言程 序代码. Dreamweaver MX Dreamweaver MX是Macromedia公司推出 的“所见即所得”的主页制作工具.
docin/sundae_meng
1.2.2 网页图像与动画制作工具
Photoshop 7.0 Photoshop是Adobe公司专门处理图片和文
字的软件.支持在计算机中使用的大部分图片格 式。 Flash MX
Flash是Macromedia 公司推出的动画设计 与制作软件.使用Flash能创建漂亮的、可改变 尺寸的网页动态插件。
1.3.1 前期规划 在制作网站之前，首先给网站准确的
定位，明确建站目的。网站主题和类型 确定后，要规划好网站栏目录结构、网 页版面布局.
docin/sundae_meng
1.3.2 网站制作 Web 页面设计需要遵循以下三条原则： 简洁 一致性 对比度
1.3.3 后期维护 Web站点建立后，要定期更新和维护Web站