制作网页的主流软件有哪些

FrontPage具有功能强大，简单易用的特点。
具有优秀的自动网页超级链接保护功能、所见即所得的帧窗口 界面、手绘表格制作，用户可简便地在网页内插入动态性组件， 而无需自己编写这些程序代码。
35
网页制作主流软件（续）
●
Photoshop CS Photoshop创造了不朽的计算机图形艺术，提供了几十种滤镜功能， 用来将图像处理成各种不同的特殊效果。Photoshop还具有图层处 和通道处理的功能。它还整合了专门处理网络图像和制作网络动画

19
1.2.3 网站基本功能






1. 信息展示 2. 条目列表 3. 公共导航 4. 联系方式 5. 在线表单 6. 访客留言 7. 友情链接 8. 网站地图
20
1.3 网站管理基础

1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6
测试网站 选择接入Internet的方式 申请域名和空间 网站发布 浏览网站 管理和维护网站
25
申请域名和空间（续）
26
申请域名和空间（续）
27
申请域名和空间（续）
28
1.3.5 网站发布
通过ISP提供的在线上传功能 通过FTP方式上传

通过IE访问FTP服务器
ftp://用户名:密码@grid.whu.edu.cn
使用CuteFTP、WSFTP等工具软件上载 使用网页制作软件提供的FTP发布网站功能
3
1.1.1 网站

网站：也称为“站点”，存放有一系列的文档，这些文档 称之为“网页”。 网站中的文档通过超级链接关联起来。 网站示例：凤凰卫视—www.phoenixtv.com
4
1.1.2 本地计算机和INTERNET服务器


对于浏览网站的用户来说，他们所使用的计算机 被称为本地计算机。 Internet服务器：是指提供Internet服务的计算机， 如WWW服务、FTP服务、Email服务、Telnet服务、 BBS服务等。
的ImageReady 8.0。
● Fireworks 8
Fireworks号称第一个提供网页制图全方位解决方案的应用软件。可
以创建和编辑位图、矢量图形，并且可以轻松的作出网页中各种常
见的效果，比如立体按钮、阴影、动态图片等。
● Freehand
Freehand提供了一系列完整的绘图工具，可制作出细致的美术图 形、工业绘图。
31
1.3.7 管理和维护网站
1. 在本地机保留网站的备份 2. 建立网站日志 3. 访问统计 4. 客户信息管理（留言或邮件）

32
1.4 网页制作工具
1.4.1 网页制作主流软件 1.4.2 网页制作主流编程技术

33
1.4.1 网页制作主流软件



Dreamweaver 8 FrontPage 2000/2002/2003 Flash 8 Fireworks 8 Photoshop CS FreeHand ……
13
1.1.6 主页和网页



网站主页（Home Page）和网页（Web Page）严 格来说是两个不同概念。 主页又被称为首页，是用户登录到网站后看到的 第一个页面。 被主页调用的网页称为内页或子页，内页又可以 调用其他内页，网页之间的调用通过超链接实现。
14
1.1.7 URL链接形式

URL格式为：
41
网页制作主流编程技术（续）
● PHP的特点
PHP（Hypertext Preprocessor，超文本预处理器）是一种易于学习 和使用的服务器端脚本语言。 PHP 独特的语法混合了 C、Java、 Perl 以及 PHP 式的新语法，它可以比 CGI 或者 Perl 更快速的执行 动态网页。 PHP不需要特殊的开发环境和 IDE，支持多种通信协议，其在数据 库方面的丰富支持也是它迅速走红的原因之一。PHP还具有很强的 兼容性，可以很轻易的移植到不同的系统平台上。
Dreamweaver、FrontPage
29
网站发布举例
（1）进入提供免费域名和空间的网站，如 http://diy.myrice.com/free.php （2）输入用户名和密码进入申请的空间 （3）上传网页文件

30
1.3.6 浏览网站

发布成功后，打开浏览器，查看网站在 远程服务器上的运行效果。
37
1.4.2 网页制作主流编程技术

1.HTML（Hypertext Marked Language）
超文本标记语言 用HTML编写的文档属于纯文本类型
HTML独立于各种操作平台
38
网页制作主流编程技术（续）

2.XML（Extensible Markup Language）
可扩展标记语言 允许用户自己创建标记
● JSP的特点
能够在任何Web或应用程序服务器上运行 分离了应用程序的逻辑和页面显示 能够进行快速的开发和测试 简化了开发基于Web的交互式应用程序的过程
42
网页制作主流编程技术（续）

4.JavaScript
跨平台、面向对象、嵌入式脚本语言 在浏览器端解释执行
简单易学
43
网页制作主流编程技术（续）

16
1.2.1 网站制作步骤
站点总体规划 站点结构规划 网页创作 网站编辑调试 发布网站

17
网站制作步骤（续）
● 网站的链状结构 ● 树状链接结构
主页 主 页面A 页面B 页面C 一级页面 二级页面 页面A1 页面A2 页面C1 页面C2 页 页 面 A 页 面 B 页 面 C

1. 统一的资源命名方式： URL （统一资源定位符，即网 址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。
9
WWW和超文本（续）

WWW的特点
分布式的信息资源 统一的用户界面
。
。 支持各种信息资源和各种媒体的演播 。 广泛的用途。
6
本地站点与远程站点（续）
一种配置是将 IIS或PWS安装在 本地Windows 计算 机硬盘中，另一种 是将IIS或PWS安 装在远程Windows 计算机硬盘中。
7
1.1.4 WWW和超文本
1.什么是WWW？
WWW是World
Wide Web的缩写，简称为Web（万维 网）。WWW起源于1989年3月，是由欧洲粒子物理 实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/服务器” 模式）超文本系统。 1992年1月，Web的第一个版本在瑞士日内瓦问世 。
制作网页的主流软件有哪些
内容提要


1.1 1.2 1.3 1.4 1.5
网站基础知识 网站制作基础 网站管理基础 网页制作工具 WWW服务器的配置
2
1.1 网站基础知识





1.1.1 网站 1.1.2 本地计算机和Internet服务器 1.1.3 本地站点与远端站点 1.1.4 WWW和超文本 1.1.5 IP地址和域名地址 1.1.6 主页和网页 1.1.7 URL链接形式
36
网页制作主流软件（续）
●
Flash 8 Flash是一种矢量图形编辑和交互动画创作的专业软件，主要应用 于网页设计和多媒体动画创作等领域，功能十分强大。Flash制作 的动画不仅容量小、动画效果好，还有很强的交互性、兼容性，而
且可以通过HTML语言嵌入网页中，增强网页的动感效果。
● GIF Animator
花费较大，但优势明显、一线多用，提供的服
务内容也多。

服务器托管
将Web服务器放在其他公司的机房

虚拟主机
租用ISP的磁盘空间，一般适合中小型企业网站
或个人网站。
23
1.3.3 申请域名和空间

申请免费的域名和空间
24
பைடு நூலகம்
申请域名和空间（续）

申请收费的域名和空间
http://www.net.cn http://www.ns-soft.com http://whdc.wuhan.net.cn/
XML文档的内容与显示分离
39
网页制作主流编程技术（续）

3.ASP/JSP/PHP
动态网页技术 在服务器端执行，与客户端无关
40
网页制作主流编程技术（续）
ASP（Active Server Pages，活动服务器页面）是一套由微软开发的 服务器端脚本环境。用户通过ASP可以结合HTML网页、ASP指令 和ActiveX组件来建立动态、交互而且高效的Web服务器应用程序。
● ASP的特点
（1）使用VBScript、Jscript等简单易懂的脚本语言。
（2）ASP应用程序既可以手工编码制作，又可以通过 Dreamweaver等可视化工具创作生成。 （3）无需编译，容易编写，并且与浏览器无关。 （4）可以通过插件的方式，使用由第三方提供的其他脚本语言。 （5）具有无限可扩充性。 （6）ASP的源程序不会被传到客户浏览器，提高了安全性。
● 线性链接结构
● 网站的目录结构
网站的目录结构是指建立网站时创建的路径。 注意： ● 不要将所有的文件都保存在根目录下，要合理安排。
● 按栏目内容建立子目录。 ● 不要使用中文目录。
18
1.2.2 网站定位
1. 信息发布类网站 2. 门户网站和在线查询网站 3. 电子商务类网站 4. 服务类网站 5. 个人网站和娱乐游戏类网站
2.什么是超文本
所谓超文本是指它可以加入图片、声音、动画、影
视等内容，还可以从一个文件跳转到另一个文件， 与世界各地主机文件链接。
8
WWW和超文本（续）
WWW是一个全球性的信息系统，使计算机能够在 Internet上相互传送基于超媒体的数据信息。 WWW也可以用来建立Intranet（企业内部网）的信息系 统。 WWW具有三个统一：
10
WWW和超文本（续）

WWW的结构
WWW是成千上万个网站连結而成的页面式网
络信息系统。WWW采用“客户机/服务器”结 构。
11
1.1.5 IP地址和域名地址
IP地址（IPv4，32bit） 域名地址

12
IP地址和域名地址（续）

DNS服务器实现域名地址与IP地址之间的转换。 一个IP地址可以对应多个域名地址。 一个域名地址可以对应多个IP地址。
21
1.3.1 测试网站

网站建成后，要对网站进行模拟测试，主要包括 以下内容：


测试网页对浏览器的兼容性 测试访问网页所用时间，以提高下载速度 测试所有页面上的图片和文字链接情况，防止出现死 链接 仔细校对网页上的内容，防止出现错别字
22
1.3.2 选择接入INTERNET方式

专线接入

协议名称：//主机名：端口号/路径/文件名
file ftp news http telnet


URL常用的协议如下：
本地文件 FTP服务器 网络新闻组 WWW服务器 Telnet服务器
15
1.2 网站制作基础
1.2.1 网站制作步骤 1.2.2 网站定位 1.2.3 网站基本功能
5
1.1.3 本地站点与远程站点


存储于Internet服务器上的站点称为远程站点。 存储在本地机上的站点称为本地站点。 在本地机上构建站点框架，完成站点设计，进行站点测试， 上传到Internet服务器后便形成远程站点。 如果网站文件的HTML代码中包含在服务器上运行的动态 脚本ASP程序，则需要在本地机安装Internet服务程序IIS， 让本地计算机成为真正的Internet服务器，使本地机与 Internet服务器合二为一。
友立公司提供的GIF Animator是一个十分易用又功能齐全的 GIF动画制作软件。它可以合成数个GIF动画使之成为一个动画， 也可以将视频AVI文件转变成GIF文件。
● Cool 3D
Cool 3D是由友立公司开发的一个制作三维字的动画软件。其 最大特点就是简单易用，可以提供火焰、爆炸、扭曲等特效。
34
网页制作主流软件（续）
● Dreamweaver 8
Dreamweaver具有可视化编辑界面，用户不必编写复杂的HTML 代码就可以生成跨平台、跨浏览器的网页。其网页动态效果及网 页排版功能都比一般的软件好用。
Dreamweaver集网页设计与站点管理两大利器于一身。
● FrontPage 2003