第9章设计并制作网页(论文资料).pptVIP

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