网页设计与制作第1章网页设计与制作概述.ppt

第
1
章
网页设计与制作概述
【学****目标】
1.
掌握网页设计与制作中有关概念
2.
了解
Dreamweaver
软件的界面构成
3.
学会
Dreamweaver
的站点操作
4.
学会
Dreamweaver
的文件操作
5.
了解网站制作的一般流程，能够使用
Dreamweaver
制作一个简单的网站

网站设计与制作的基础知识

网站设计的有关概念
互
联
网
互联网又名因特网，英文名字是
Internet
，是将全球范围内的计算机通过通信线路和
设置，采用标准的
TCP/IP
协议连接起来，能够实现资源共享和相互通信的计算机网
络。国际互联网络。通过互联网我们能够收发电子邮件、传输文件、上网浏览信息、
进行网络办公、开展电子商务等。目前，互联网已成为我们工作、生活、娱乐等不
可缺少的组成部分，目前全国网民已达
4
亿，大家除利用网络浏览信息外，还在进行
网上购物、网络办公、网络游戏、网络支付等，网络已渗透到社会生活的各个领域。
又名
WWW
网，特指利用浏览器对网络进行访问的部分。访问者通过浏览器（如
IE
）
访问网络资源（如新浪网、网易等），由于操作的简便性，非常受普通网民的欢迎。
正是由于其操作的简便性，许多网络服务都通过
WWW
来提供，如电子邮件的收发，
早期我们采用的收发软件如
FoxMail
已被束之高阁，而是直接通过浏览器访问电子
邮件服务器进行收发操作。在网络硬盘中，我们通过浏览器进行文件传输服务，我
们可以讲，对于新一代互联网用户来讲，万维网就是互联网。
万
维
网
网站
与
网页
我们访问互联网时，通过在浏览器的地址栏中输入一个被称为域名的字符串，就可
以打开一个包含大量信息的页面。我们把这个页面叫做网页，而将许多网页组合在
一起的集合叫做网站。

网站设计与制作的基础知识

超文本协议、超文本标记语言网页
超文本协议（
http
协议）是万维网中采用的协议，超文本标记语言（
HTML
）是网
页中使用的语言。只要我们使用超文本标记语言，遵守超文本协议制作的文件，就可
以放在互联网的服务器上，被全球的互联网用户访问，也说是我们所说的网页。
用记事本制作网站
使用
WORD
生成网页

网站设计与制作的基础知识

常用的网页设计与制作工具
网页美化工具（图像）：
Photoshop
和
FireWork
等。
网页排版工具：
Dreamweaver
和
FrontPage
等。
网页美化工具（动画）：
Flash
和
Swish
等。
Dreamweaver
的操作界面
菜
单
栏
文
档
标
题
栏
文
档
工
具
栏
插入工具栏
状
态
栏
属
性
栏
浮动窗口

站点操作

站点的创建
打开菜单栏“站点”，选择“新建站点”
→
选择“基本”选项卡，弹出
Step1
如图所示的新建站点对话框

站点操作

站点的创建
Step2
在“站点名称”文本框中修改站点名称，点击“下一步”进入图所示界面。由于
我们创建一个本地站点，所以不必使用服务器技术，选中“否，我不想使用服务
器技术”，点击“下一步”

站点操作

站点的创建
Step3
在“站点名称”文本框中修改站点名称，点击“下一步”进入图所示界面。由于
我们创建一个本地站点，所以不必使用服务器技术，选中“否，我不想使用服务
器技术”，点击“下一步”

站点操作

站点的创建
Step4
由于不需要连接到远程服务器，
此项选“无”后，单击“下一
步”；出现一个网站的汇总信息，
单击“完成”
Step5
完成网站的建立后，新建的站点显示在
软件主界面的右下角。如图所示；