www.***.com /china/index.html http://www.***.com /china/index.html
第一章
6.
网站设计概述
1.1 网络基础知识
域名 Internet域名是Internet上的一个服务器或 一个网络系统的名字，即网站的名称。在全世界 没有重复的域名。域名由若干个英文字母或数字 组成，由“.”分隔成几部分。如
第一章
网站设计概述
Logo
1.3 网页基本元素
导航栏
表单 Banner
图像链接
文本链接
第一章
1、文本
网站设计概述
1.3 网页基本元素
文本是最重要的信息载体与交流工具，网 页中的信息一般以文本为主。在网页中可以通过 字体、大小、颜色、底纹、边框等来设置文本的 属性。 对文本也可以设置链接页面，形成文本链接 元素。
— LAN : Local Area Network — MAN : Metropolitan Area Network
— WAN : Wide Area Network
第一章
网站设计概述
1.1 网络基础知识
2. WWW WWW是World Wide Web的缩写，又称3W或 Web，中文译名为“万维网”。它作为Internet 上的新一代用户界面，摒弃了以往纯文本方式的 信息交互手段，采用超文本（HyperText）方式。
例: /page1/index.html
第一章
网站设计概述
1.1 网络基础知识
② 相对路径URL：指Internet上的资源相对 于当前页面的(即正在访问的页面)的路径。通常 只包含文件夹名和文件名，有时只有文件名。
可以用相对URL指向位于与原文件在同一服务器 或同一文件夹中的文件。
3、超链接 超链接是网站的灵魂，从一个网页指向另 一个目的端的链接。 超链接可以是文本或者图片。
◆文本链接
◆图像链接
◆导航栏超链接
第一章
网站设计概述
1.3 网页基本元素
4、表单 表单是用来收集站点访问者信息的域集。 站点访问者填写表单的方式是输入文本、单 击单选按钮与复选框，以及从下拉菜单中选择选 项。在填写好表单之后，站点访问者便送出所输 入的数据，该数据就会根据所设置的表单处理程 序，以各种不同的方式进行处理。
2. Dreamweaver Dreamweaver 是Macromedia公司的一款“所 见即所得”的网页编辑工具，或称网页排版软件。
第一章
网站设计概述
1.2 网络制作相关软件
3. Flash Flash也是Macromedia公司的产品，是一款优 秀的网页动画开发软件。 ●Flash采用矢量图形技术，是交互式矢量图 和Web动画的标准。 ●Flash所创建的swf文件体积很小，可以以 插件的形式加入到网页中。
第一章
网站设计概述
● Fireworks可以在同一文本框里改变单个 字的颜色。同时，Fireworks 可以引用Photosho p的所有滤镜，并且可以直接将PSD格式图片导入。 ●Fireworks不仅可生成静态的图像，也可 轻松创作GIF小动画，还可生成包含HTML和 JavaScript代码的动态图像，甚至可以编辑 整幅网页。
第一章
网站设计概述
1.1 网络基础知识
各部分的含义如下： （1）通信协议：通信协议是URL所连接的网络服务性质。 最常用的是HTTP协议，它也是目前WWW中应用最广的协议。 ● HTTP 超文本传输协议 - 表示文件在WE上 - 表示文件在FTP服务
第一章
网站设计概述
1.1 网络基础知识
—— HTTP（Hypertext Transfer Protocol ） 超文本传输协议 —— FTP（File Transfer Protocol ） 文件传输协议 —— SMTP（Simple Mail Transfer Protocol ） 简单邮件传输协议 —— TELNET 远程网络访问协议
欧阳红巍 Happy_weni@
第一章
目 录
网站设计概述
1.1 网络基础知识
1.2 网络制作相关软件
1.3 网页基本元素
1.4 网站开发流程
1.5 网页设计的基本原则
1.6 网站设计相关语言
第一章
网站设计概述
1.1 网络基础知识
1. Internet Internet（国际互联网）是一个由各种不同类 型和规模的独立运行和管理的计算机网络组成的 全球范围的计算机网络，组成Internet的计算机 网络包括局域网（LAN）、城域网（MAN）以及大 规模的广域网（WAN）等。
网站设计概述
第一章
网站设计概述
第一章
网站设计概述
1.4 网站开发流程
2、网站形象及CI策划 ⑶ 设计网站的标准字体 “标准字体”是指用于标志、标题和主菜单的 特有字体。
一般网站默认字体是宋体。
第一章
网站设计概述
第一章
网站设计概述
第一章
网站设计概述
1.4 网站开发流程
2、网站形象及CI策划 ⑵ 确定网站的标准色彩 “标准色彩”是指体现网站形象和延伸内涵的 色彩。
●一个网站的标准色彩不超过3种。
●适合于网站标准色的颜色有：蓝、黄/橙
色及黑/白/灰色三大系列色。
第一章
网站设计概述
第一章
第一章
网站设计概述
1.3 网页基本元素
5、表格 表格是网页排版的灵魂，使用表格排版是网 页的主要制作形式。通过表格可以精确地控制各 网页元素在网页中的位置。
第一章
网站设计概述
1.3 网页基本元素
6、动画 动画是网页上最活跃的元素，通常制作优秀、 创意出众的动画是吸引浏览者的最有效的方法。 网页中的 Banner一般都是动画的形式。
第一章
网站设计概述
1.4 网站开发流程
1、确定网站主题和名称 ⑴ 确定网站主题需注意一下几点：
◇主题要小而精。 ◇题材最好是你自己擅长或者喜爱的内容。
◇题材不要太滥或者目标太高。
⑵ 确定网站名称
名称要正，要易记，要有特色。
第一章
网站设计概述
1.4 网站开发流程
2、定位网站形象和CI策划 ⑴ 网站的标志和LOGO：
FTP:// ftp .microsoft. com/
第一章
网站设计概述
1.1 网络基础知识
● FILE 资源是本地计算机上的文件
- 表示文件在您自己的局部系统或匿名服务器上 file:/// c: /temp/abc.html ● Mailto资源为电子邮件地址，通过 SMTP（Simple Mail Transfer Protocol ）简单邮件传输协议访问。 mailto: jt747 @ （2）主机域名/IP地址：是指存放资源的服务器的域名 系统 (DNS) 主机名或 IP 地址。
第一章
网站设计概述
1.2 网络制作相关软件
4. Fireworks Fireworks也是Macromedia公司的产品，是 网页图形制作软件。 ● Fireworks以处理网页图片为特长，通过 它可以把图做得又小又漂亮。 ● Fireworks是基于屏幕的图像处理软件， 而不是基于出版印刷，所以它对可编辑图像的分 辨率要求不高。
CC
ss.txt h.exe rr.txt
f.txt
BB
所谓“相对路径”: 就是所需资 源相对于当前位置的路径。
第一章
网站设计概述
1.1 网络基础知识
◆绝对URL与相对URL的概念。
① 绝对URL：指明需要访问的信息或资源 的绝对位置。即使用完整的URL指向指定网页。
一般情况下，在指定外部Internet上资源时应使 用绝对URL。
IP 地 址 202.108.22.5 DNS 域 名
第一章
网站设计概述
1.1 网络基础知识
7. URL URL（Uniform/Universal Resource Locator） 是“统一资源定位器”的英文缩写。用于标识 www网中每个信息资源的位置。
通信协议://主机域名或IP地址/文件路径/文件名 URL由三部分组成： ● 协议类型 ● 主机名 ● 路径及文件名。
第一章
网站设计概述
1.1 网络基础知识
（3）路径及文件名：由零或多个“/”符号隔开的字符串， 一般用来表示主机上的一个目录或文件地址。
http: /// index.htm
通信 协议
域名/IP地址
202.195.208.4
路径及文件名
第一章
网站设计概述
1.1 网络基础知识
第一章
网站设计概述
第一章
网站设计概述
1.1 网络基础知识
8. 主页 网站的第一个网页，是进入一个网站的入口。 常见的名称有：default.html, index.html 等
主页中通常包含指向该站点中其他相关页面 或其他网站的超链接。
第一章
网站设计概述
1.2 网络制作相关软件
1. FrontPage FrontPage是Microsoft 出品的，是一个简单、 易用且功能强大的网页编辑工具。是一款设计网 页和管理网站的软件。
第一章
网站设计概述
1.3 网页基本元素
2、图像 在网页中既可以通过图像的形式表达主题， 也可以通过图像对网页起一个装饰作用，还可以 通过图像链接到目标网页。
用于网页中的图片一般为 JPG 格式和 GIF 格式，即以.jpg(或.jpeg)和.gif 为后缀的文件。
第一章
网站设计概述
1.3 网页基本元素
通信协议： 即超文本传输协议 Web服务器地址 即域名 服务器中文件的 路径 文件名
/intl/cn/file1.html