网页设计和布局.ppt

为网页设计作准备 1.1 网页展示：在记事本中创建“生日贺卡”网页 1.1 网页展示：在记事本中创建“生日贺卡”网页 在“记事本”编辑工具中，编写HTML（Hyper Text Mark-up Language，超文本标记语言）代码，制作“祝生日快乐”网页，效果如图所示。 1.2 网页制作 1.2 网页制作 1.2.1 启动记事本并编辑HTML代码 步骤1 在Windows桌面的任务栏上，单击【开始】︱【程序】︱【附件】︱【记事本】命令项，打开记事本。 步骤2 在记事本中输入HTML代码，如图所示。 1.2.2 保存文件并预览网页 1.2.2 保存文件并预览网页 步骤1 执行【文件】︱【保存】菜单命令，将文件存储在路径：D:﹨素材﹨ch下，文件名为：index.html，如图所示。 1.2.2 保存文件并预览网页 步骤2 单击“保存”按钮，在D:﹨素材﹨ch中可以看到已保存的文本文件及网页文件，如图所示。 1.2.2 保存文件并预览网页 步骤3 鼠标指向文件：index.html，按下右键，在快捷菜单中单击“开始”选项，网页预览效果如图所示。 1.3 知识链接 1.3 知识链接 Internet是一个集各个领域内各种信息资源为一体的信息资源网。它是一个庞大的、实用的、可共享的、全球性的信息源。Internet上有着大量的不同种类、不同性质的信息资料库，如学术信息、科技成果、产品数据、图书馆书刊目录、文学作品、新闻、天气预报，以及各种各样不同专题的电子论坛等。 网络上存放信息和提供服务的地方就是网站，一个成功的网站离不开内容丰富、绚丽多彩的一张张网页。学习网页制作的相关基础知识，是一个成功的网页设计和制作者的第一步。 1.3.1 网页基础知识 1.3.1 网页基础知识 1．Web标准简介 网页的标准——Web标准。 Web是基于Internet的分布式信息系统，它没有中央控制或管理，是由遍布全球的不同计算机上的大量文档集合而成的，每天都有成千上万的网页增加到Web的信息海洋中。 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。 1.3.1 网页基础知识 在一个网页中，同样可以分为若干的组成部分，包括各级标题、正文段落、各种列表结构等，这就构成了一个网页的“结构”。每种组成部分的字号、字体和颜色等属性就构成了它的“表现”。网页和传统媒体不同的一点是，它是可以随时变化的，而且可以和读者互动，如何变化以及如何互动，就称为它的“行为”。 因此，概况来说，“结构”决定了网页“是什么”，“表现”决定了网页看起来是“什么样子”，而“行为”决定了网页“做什么”。“结构”、“表现”和“行为”分别对应于三种常用的技术，即(X)HTML、CSS和JavaScript。也就说，(X)HTML决定了网页的结构和内容，CSS设定了网页的表现样式，JavaScript控制了网页的行为。 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上的一种非常有效的浏览、检索及信息查询的方式。用户可以通过网页中的超链接在各个网页之间转换，甚至可以在服务器之间回传信息互动交流，即为“网上冲浪”。 1.3.1 网页基础知识 4．IP地址 连接网络的计算机都有类似于电话号码的地址，通常称之为IP地址。接入互联网的计算机必须有一个全球唯一的IP地址，IP地址可以看做计算机入网的“身份证号”，也用于网络通讯时准确的定位和标志计算机。 每个IP地址用四个字节表示，例如某单位的Web服务器的地址1，每个字节用十进制表达，