Dreamweaver网页设计与制作案例教程 (1)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
“祝生日快乐”网页效果
1.2 网页制作
1.2 网页制作 1.2.1 启动记事本并编辑HTML代码 步骤1 在Windows桌面的任务栏上，单击【开始】︱
【程序】︱【附件】︱【记事本】命令项，打开记事本。 步骤2 在记事本中输入HTML代码，如图所示。
输入HTML代码
1.2.2 保存文件并预览网页
1.3.1 网页基础知识 “结构”、“表现”和“行为”的关系如图所示。
“结构”、“表现”和“行为”的关系
1.3.1 网页基础知识
2．Internet “Inter”意即交互，“net”意即网络，Internet称
为国际互联网络。Internet的功能主要有以下几个方面： 信息的获取与发布（WWW）。 电子邮件（E-Mail）。 网上交际（BBS、新闻组、即时通讯、网络电话等）。 电子商务与网上办公。 Internet的其他应用（远程教育、远程医疗、远程登录、
文件传输、游戏娱乐等）。
1.3.1 网页基础知识
3．WWW WWW是World Wide Web的缩写（简称Web），
中文名称被称为“互联网”或者万维网。WWW是由 Tim.Berners.Lee（蒂姆·伯纳斯·李）在欧洲量子物理 实验室的时候开始使用的。
互联网是在Internet上运行的，覆盖全球的多媒体 信息系统，并且提供了在Internet上的一种非常有效的 浏览、检索及信息查询的方式。用户可以通过网页中的超 链接在各个网页之间转换，甚至可以在服务器之间回传信 息互动交流，即为“网上冲浪”。
网页主要由三部分组成：结构（Structure）、 表现（Presentation）和行为（Behavior）。
1.3.1 网页基础知识
在一个网页中，同样可以分为若干的组成部分，包括各级标 题、正文段落、各种列表结构等，这就构成了一个网页的 “结构”。每种组成部分的字号、字体和颜色等属性就构成 了它的“表现”。网页和传统媒体不同的一点是，它是可以 随时变化的，而且可以和读者互动，如何变化以及如何互动， 就称为它的“行为”。
项目1
为网页设计作准备
知识要点
1
了解网页的基础知识
2
了解网页设计与布局的基本方法
3
认识HTML语言
1.1 网页展示：在记事本中创建“生日贺卡”网页
1.1 网页展示：在记事本中创建“生日贺卡”网页 在“记事本”编辑工具中，编写HTML（Hyper
Text Mark-up Language，超文本标记语言）代码， 制作“祝生日快乐”网页，效果如图所示。
110）表示，因此全球有419万个此类地址，此类地址 的网络主机数量可达254台，此类地址基本被分配在世界 各地使用，如图所示。
网络 ID(第 1、2、3 个字节) 主机 ID(第 4 个字节)
C类地址格式
1.3.1 网页基础知识
5．URL 统一资源定位符URL是Uniform/Universal Resource Locator 的缩写，也被称为网页地址，是 Internet上标准的资源的地址（Address）。超文本 链接制作的网页间的跳转都使用URL来定位，以保证链 接可以正确跳转到目标网页。
B类地址格式： B类地址的网络ID用两个字节（第1、2位必须是10）
表示，因此全球有16384个此类地址，此类地址的网络 主机数量约可达65534台, 如图所示。
网络 ID(第 1、2 个字节) 主机 ID(第 3、4 个字节)
B类地址格式
1.3.1 网页基础知识
C类地址格式： C类地址的网络ID用三个字节（第1、2、3位必须是
1.2.2 保存文件并预览网页
步骤3 鼠标指向文件： index.html，按下 右键，在快捷菜单中 单击“开始”选项， 网页预览效果如图所 示。
打开网页
1.3 知识链接
1.3 知识链接 Internet是一个集各个领域内各种信息资源为一体的信
息资源网。它是一个庞大的、实用的、可共享的、全球性的 信息源。Internet上有着大量的不同种类、不同性质的信 息资料库，如学术信息、科技成果、产品数据、图书馆书刊 目录、文学作品、新闻、天气预报，以及各种各样不同专题 的电子论坛等。
1.3.1 网页基础知识
A类地址格式：
A类地址的网络ID仅用一个字节（第1位必须是0） 表示，因此全球仅有128个此类地址，此类地址的网络主 机数量可以达到约16777214台，此类地址目前基本在
美国使用, 如图所示。
网络 ID(第 1 个字节)
主机 ID(第 2、3、4 个字节)
A类地址格式
1.3.1 网页基础知识
因此，概况来说，“结构”决定了网页“是什么”，“表现” 决定了网页看起来是“什么样子”，而“行为”决定了网页 “做什么”。“结构”、“表现”和“行为”分别对应于三 种常用的技术，即(X)HTML、CSS和JavaScript。也就 说，(X)HTML决定了网页的结构和内容，CSS设定了网页 的表现样式，JavaScript控制了网页的行为。
1.2.2 保存文件并预览网页 步骤1 执行【文件】︱【保存】菜单命令，将文件存
储在路径：D:﹨Fra Baidu bibliotek材﹨ch下，文件名为：index.html， 如图所示。
保存文件
1.2.2 保存文件并预览网页
步骤2 单击“保存” 按钮，在D:﹨素材 ﹨ch中可以看到已 保存的文本文件及
网页文件，如图所 示。
显示保存的html文件
1.3.1 网页基础知识
4．IP地址 连接网络的计算机都有类似于电话号码的地址，通常
称之为IP地址。接入互联网的计算机必须有一个全球唯 一的IP地址，IP地址可以看做计算机入网的“身份证 号”，也用于网络通讯时准确的定位和标志计算机。
每个IP地址用四个字节表示，例如某单位的Web服务 器的地址210.35.24.11，每个字节用十进制表达，用 点隔开，每个数字范围是介于0到255之间的。IP地址从 网络规模上区分，可以分为A、B、C三大类。
网络上存放信息和提供服务的地方就是网站，一个成功的 网站离不开内容丰富、绚丽多彩的一张张网页。学习网页制 作的相关基础知识，是一个成功的网页设计和制作者的第一 步。
1.3.1 网页基础知识
1.3.1 网页基础知识 1．Web标准简介
网页的标准——Web标准。 Web是基于Internet的分布式信息系统，它 没有中央控制或管理，是由遍布全球的不同计算机 上的大量文档集合而成的，每天都有成千上万的网 页增加到Web的信息海洋中。
1.2 网页制作
1.2 网页制作 1.2.1 启动记事本并编辑HTML代码 步骤1 在Windows桌面的任务栏上，单击【开始】︱
【程序】︱【附件】︱【记事本】命令项，打开记事本。 步骤2 在记事本中输入HTML代码，如图所示。
输入HTML代码
1.2.2 保存文件并预览网页
1.3.1 网页基础知识 “结构”、“表现”和“行为”的关系如图所示。
“结构”、“表现”和“行为”的关系
1.3.1 网页基础知识
2．Internet “Inter”意即交互，“net”意即网络，Internet称
为国际互联网络。Internet的功能主要有以下几个方面： 信息的获取与发布（WWW）。 电子邮件（E-Mail）。 网上交际（BBS、新闻组、即时通讯、网络电话等）。 电子商务与网上办公。 Internet的其他应用（远程教育、远程医疗、远程登录、
文件传输、游戏娱乐等）。
1.3.1 网页基础知识
3．WWW WWW是World Wide Web的缩写（简称Web），
中文名称被称为“互联网”或者万维网。WWW是由 Tim.Berners.Lee（蒂姆·伯纳斯·李）在欧洲量子物理 实验室的时候开始使用的。
互联网是在Internet上运行的，覆盖全球的多媒体 信息系统，并且提供了在Internet上的一种非常有效的 浏览、检索及信息查询的方式。用户可以通过网页中的超 链接在各个网页之间转换，甚至可以在服务器之间回传信 息互动交流，即为“网上冲浪”。
网页主要由三部分组成：结构（Structure）、 表现（Presentation）和行为（Behavior）。
1.3.1 网页基础知识
在一个网页中，同样可以分为若干的组成部分，包括各级标 题、正文段落、各种列表结构等，这就构成了一个网页的 “结构”。每种组成部分的字号、字体和颜色等属性就构成 了它的“表现”。网页和传统媒体不同的一点是，它是可以 随时变化的，而且可以和读者互动，如何变化以及如何互动， 就称为它的“行为”。
项目1
为网页设计作准备
知识要点
1
了解网页的基础知识
2
了解网页设计与布局的基本方法
3
认识HTML语言
1.1 网页展示：在记事本中创建“生日贺卡”网页
1.1 网页展示：在记事本中创建“生日贺卡”网页 在“记事本”编辑工具中，编写HTML（Hyper
Text Mark-up Language，超文本标记语言）代码， 制作“祝生日快乐”网页，效果如图所示。
110）表示，因此全球有419万个此类地址，此类地址 的网络主机数量可达254台，此类地址基本被分配在世界 各地使用，如图所示。
网络 ID(第 1、2、3 个字节) 主机 ID(第 4 个字节)
C类地址格式
1.3.1 网页基础知识
5．URL 统一资源定位符URL是Uniform/Universal Resource Locator 的缩写，也被称为网页地址，是 Internet上标准的资源的地址（Address）。超文本 链接制作的网页间的跳转都使用URL来定位，以保证链 接可以正确跳转到目标网页。
B类地址格式： B类地址的网络ID用两个字节（第1、2位必须是10）
表示，因此全球有16384个此类地址，此类地址的网络 主机数量约可达65534台, 如图所示。
网络 ID(第 1、2 个字节) 主机 ID(第 3、4 个字节)
B类地址格式
1.3.1 网页基础知识
C类地址格式： C类地址的网络ID用三个字节（第1、2、3位必须是
1.2.2 保存文件并预览网页
步骤3 鼠标指向文件： index.html，按下 右键，在快捷菜单中 单击“开始”选项， 网页预览效果如图所 示。
打开网页
1.3 知识链接
1.3 知识链接 Internet是一个集各个领域内各种信息资源为一体的信
息资源网。它是一个庞大的、实用的、可共享的、全球性的 信息源。Internet上有着大量的不同种类、不同性质的信 息资料库，如学术信息、科技成果、产品数据、图书馆书刊 目录、文学作品、新闻、天气预报，以及各种各样不同专题 的电子论坛等。
1.3.1 网页基础知识
A类地址格式：
A类地址的网络ID仅用一个字节（第1位必须是0） 表示，因此全球仅有128个此类地址，此类地址的网络主 机数量可以达到约16777214台，此类地址目前基本在
美国使用, 如图所示。
网络 ID(第 1 个字节)
主机 ID(第 2、3、4 个字节)
A类地址格式
1.3.1 网页基础知识
因此，概况来说，“结构”决定了网页“是什么”，“表现” 决定了网页看起来是“什么样子”，而“行为”决定了网页 “做什么”。“结构”、“表现”和“行为”分别对应于三 种常用的技术，即(X)HTML、CSS和JavaScript。也就 说，(X)HTML决定了网页的结构和内容，CSS设定了网页 的表现样式，JavaScript控制了网页的行为。
1.2.2 保存文件并预览网页 步骤1 执行【文件】︱【保存】菜单命令，将文件存
储在路径：D:﹨Fra Baidu bibliotek材﹨ch下，文件名为：index.html， 如图所示。
保存文件
1.2.2 保存文件并预览网页
步骤2 单击“保存” 按钮，在D:﹨素材 ﹨ch中可以看到已 保存的文本文件及
网页文件，如图所 示。
显示保存的html文件
1.3.1 网页基础知识
4．IP地址 连接网络的计算机都有类似于电话号码的地址，通常
称之为IP地址。接入互联网的计算机必须有一个全球唯 一的IP地址，IP地址可以看做计算机入网的“身份证 号”，也用于网络通讯时准确的定位和标志计算机。
每个IP地址用四个字节表示，例如某单位的Web服务 器的地址210.35.24.11，每个字节用十进制表达，用 点隔开，每个数字范围是介于0到255之间的。IP地址从 网络规模上区分，可以分为A、B、C三大类。
网络上存放信息和提供服务的地方就是网站，一个成功的 网站离不开内容丰富、绚丽多彩的一张张网页。学习网页制 作的相关基础知识，是一个成功的网页设计和制作者的第一 步。
1.3.1 网页基础知识
1.3.1 网页基础知识 1．Web标准简介
网页的标准——Web标准。 Web是基于Internet的分布式信息系统，它 没有中央控制或管理，是由遍布全球的不同计算机 上的大量文档集合而成的，每天都有成千上万的网 页增加到Web的信息海洋中。