第9章 设计并制作网页.pptVIP

第9章 设计并制作网页 计算机系 * 教学要求 教学目标 了解万维网的组成 理解简单的网页制作知识 掌握网页制作的基本方法 教学重点 网站的创建与发布 网页元素的添加 教学难点 网页元素的使用 * 本章教学概要 网站与网页概述 用FrontPage制作网页 使用对象 网站设置与测试 在WWW上发布网站 * 网站与网页概述 网站及其类型 个人网站,由特定的个人设计并发布，一般用于展示发布者的个人信息。 商业网站,用于展示公司的形象，开展电子商务活动等。 教学网站，一般由各类教育机构建设，围绕教育与培养提供信息，并于访问者，学习者进行交互，开展在线的教学活动等。 服务网站，这类网站比较广，如政府单位、医疗机构等 * 静态网页与动态网页 静态网页的内容发布后不能自动更新，如果想要改变网页显示的内容，就必须重新修改网页文件，然后上传到服务器上。 动态网页中的“动态”并不是视觉上的“动态”，而是显示内容的“动态”变化，动态网页能够根据不同的访问者显示不同的访问内容，更新也比较方便，可以直接在后台进行更新。 * 超文本与超链接 超文本是一种文本，它是以“非线性”方式组织的，传统的文本是以线性方式组织的。 通过超链接，超文本文件构成一个整体。 超链接可以使文本中的词、短语、符号、图像等。 * 设计网页的过程 根据主题规划内容 设计版面 设计互动界面 使用友好性的设计 原始资料的处理 制作网页 测试网页 发布网页 * 常用网页制作工具 FrontPage Dreamweaver Fireworks Flash * 用FrontPage制作网页 初识FrontPage 设计编辑简单网页 在网页中添加元素 编辑HTML 预览网页 修改网页 * 用FrontPage制作网页 概述 FrontPage是微软Office家族中的一个用于制作网页的成员。 安装 启动 使用“开始”菜单中“程序”组中的相应图标 用户界面 主窗口组成：标题栏、菜单栏、工具栏、视图栏、编辑区、状态栏 视图栏包括：网页、文件夹、报表、导航、超链接、任务 * 设计编辑简单网页 新建站点 “文件”菜单中的“新建”项的“站点” 新建网页 “文件”菜单中的“新建”项的“网页” 输入文字并设置格式 插入图片 创建新的页面 创建超级链接 预览网页 * 在网页中添加元素 添加文字 输入文字、设置格式、添加背景、添加滚动字幕 添加超级链接 链接到绝对地址、链接到相对地址、链接到书签、链接到电子邮件 添加列表 项目符号、项目编号 添加表格 建立表格、修改表格、单元格属性、表格属性 添加图片 插入图片、设置图片属性 添加表单 插入表单域、表单域属性设置、表单属性设置 * 编辑HTML 概述 一个Web页面就是一个HTML文档，所以可以直接编辑HTML文档来处理Web网页。 最简单的HTML语法 … … … … … … … … … * 预览网页 网页设计好后应使用在浏览器中打开进行预览测试： 保存后直接在浏览器中打开 使用编辑区中的“预览”选项卡 使用“文件”菜单中的“在浏览器中预览” * 修改网页 在FrontPage中把网页文件打开，直接对网页进行修改，也可以直接修改HTML。 * 在WWW上发布网页 在WWW上发布网页的过程如下： 申请空间 申请域名 在有哪些信誉好的足球投注网站引擎上注册 发布站点 *