Web设计与发布技术基础.pptVIP

第六章 Web设计与发布技术基础 第六章 Web设计与发布技术基础 本章讲述的主要内容 Web网站设计基本原则与工具 网页设计基础语言HTML 用FrontPage制作简单网页 Web网站发布基础 设置Web网站服务器 将Web网站加入到搜索引擎 6.1 Web网站设计基础 1．Web网站设计的基本步骤 规划网站 制作网站内容（即网页） 发布网站 6.1 Web网站设计基础 2．Web网站设计的基本原则 使用者优先，内容第一。内容一定要与这个网站所要提供给人的信息有关系 着手规划，确定特色，锁定目标；重视首页，合理分类 考虑网站的互动性，应用图形技巧，选取合理的背景底色，即时更新、维护 6.1 Web网站设计基础 3．网页设计的基本原则 适当使用图形，保持页面简洁 兼容性好 结构合理 文字颜色与背景搭配合理 6.1 Web网站设计基础 4．网页制作的基本方式与工具 编写网页有以下4种方式： 按HTML语言格式手工直接编写。 利用网页编辑软件（如Fireworks、Flash、Dreamweaver、FrontPage等）编写。 通过某些格式转换工具将现有的其他格式文件（如Word文件）转换成HTML文件。 由Web服务器（或称HTTP服务器）一方实时动态地生成。 6.2 网页设计基础语言HTML 11.2.1 HTML简介 HTML（HyperText Markup Language，超文本标识语言）是网页设计的基础 HTML是WWW诞生初期惟一的制作网页的方法，后来的各种网页可视化写作工具如FrontPage是基于HTML源代码编写的 HTML文档包含两种信息：①页面本身的文本；②表示页面元素、结构、格式和其他超文本链接的HTML标签 大部分HTML标签是以下这种形式的：标签名相应内容/标签名 6.2 网页设计基础语言HTML HTML源代码示例 6.2 网页设计基础语言HTML 11.2.2 网页页面的构成 一个简单的Web文件 HTML HEAD TITLE这是一个标题/TITLE /HEAD BODY 这是一个简单的范例 /BODY /HTML 6.2 网页设计基础语言HTML HTML文档中的各种标识都是“标签名标识内容/标签名”这种格式。其中： HTML与/HTML是用来定义此份文件是HTML文档； HEAD与/HEAD是用来描述HTML页的头部区，此标签也可以省略； TITLE与/TITLE是在头部区内显示文件的标题，会被放在浏览器的最上方； BODY与/BODY定义HTML的正文，用来放置主页显示内容 。 6.2 网页设计基础语言HTML 11.2.3 制作简单的网页 按书中要求制作网页实例，其中包括： 1．背景和字体的设置 2．特殊字符的使用 3．在页面中嵌入图像 4．创建超文本链接 5．列表及排版控制 6．基本表格使用 6.3 FrontPage网页制作基础 FrontPage是目前最流行的网页制作软件，它好学、易用 6.3 FrontPage网页制作基础 制作简单网页 创建网页站点 使用图形与表格等元素 6.4 网站发布 如果要让人们通过网络访问网站，就必须将网站放到Web服务器上，即将网站发布到Web服务器上，这个过程简称为网站发布 Web服务器，就是安装了网络操作系统的特殊的计算机，它对外开通了WWW服务，放在服务器上的网站才能让世界各地的人们访问 要进行网站发布，先要向Web服务器申请一个空间，就像买一套房子一样，在网上给自己的网站找一个“房间”，然后将自己的网站放进去 申请空间通常有几种方法：可以向本单位的网络管理员申请一个空间；也可以向一些Internet服务机构（ISP）购买一个空间；还可以到提供免费空间的网站申请一个免费空间 发布站点就是将网站中所有的文件及文件夹复制到网络服务器上的过程 6.4 网站发布 6.4.1 网站发布的基本步骤 在发布网页之前，需要先向ISP或网络管理员申请建立一个站点，申请批准后，ISP或网络管理员将提供以下信息： 网站Web地址，如。 网站IP地址（如果是独立的站点，需要提供新网站的IP地址；如果网站是其他网站的一部分，则不需要提供网站的IP地址）。 用户名和密码。 6.4 网站发布 6.4.2 网站发布的几种方式 利用FTP上传文件和发布主页 利用FrontPage自带的发布功能发布主页 在线上传 6.5 设置Web服务器 学生自行阅读本节内容，并按书中提示进行操作。 6.6 将网站加入到搜索引擎 发布站点之后，可以将该站点加入到搜索引擎中去，这样别人就能通过该搜索引擎搜索到该网站上的信息