[第8章-网页制作.pptVIP

第8章 网页制作（目录） 8.1 网页与网站概述 8.2 制作基本网页 8.3 表单的使用 8.4 网页的特效制作 8.5 网站发布介绍 8.1 网页与网站概述（主要内容） 8.1.1 认识网页和网站 8.1.2 网页编程语言介绍 8.1.3 FrontPage 2003介绍 8.1.1 认识网页和网站 什么是网页 学名称作HTML文件，是一种可以在WWW（World Wide Web）网上传输，并被浏览器认识和翻译成页面显示出来的文件 什么是HTML HTML（Hypertext Markup Language）中文翻译为“超文本标记语言”，其中“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字信息 网页就是由HTML语言编写出来的。 什么是网站 网站就是使网页通过一定的结构组织在一起来反映一个中心或主题 8.1.1 认识网页和网站 网站的制作步骤 制作准备阶段：进行调研，搜集网站的相关信息以及在网站制作过程需要的素材，其中包括文字、图片、声音和视频等。 整体规划阶段：根据调研的结果，对网站进行整体规划，其中包括合理安排网站结构，规划网站首页和各个模块首页等主要网页的布局，并制定网站的色彩基调和整体界面风格。 设计制作阶段：规划结束后进行网站的具体设计和制作，其中包括素材处理、网页制作等。 调试运行阶段：网站大致完成后，就可以发布到指定的站点空间试运行，通过这个阶段调试网页的浏览速度，测试链接是否正确，网页信息的排布是否需要调整等。 8.1.2 网页编程语言介绍 静态网页编程语言 HTML JavaScript：支持静态网页动态效果的客户端脚本语言 动态网页编程语言 ASP：应用最广泛的动态网页编程语言 PHP：跨平台的动态网页编程语言 JSP：“一次编写，各处运行”的动态网页编程语言 8.1.3 FrontPage 2003介绍 FrontPage 2003 是入门级的网页开发工具 FrontPage 2003的使用特点 在界面上多了浮动的任务窗格，此任务窗格的内容会随着使用者当前的操作变化而变换内容，在窗格中主要显示使用者当前操作涉及的操作选项 FrontPage 2003有两类视图 网站视图 网页视图 FrontPage 2003视图选择 大多数情况下，处理整个网站时，可使用“网站视图”；处理单独的网页时，可使用“网页视图” 8.1.3 FrontPage 2003介绍 FrontPage 2003的网页视图 设计视图：初级制作者基本上都在设计视图状态下进行网页编辑制作 拆分视图：“拆分”视图将视图拆分为两部分。上半部分显示这个网页的HTML代码，下半部分显示网页 代码视图：了解HTML语言后可在代码视图状态下进行修改和编辑 预览视图：可对制作的网页进行预览，查看网页效果 8.1.3 FrontPage 2003介绍 8.1.3 FrontPage 2003介绍 FrontPage 2003的网站视图 网站视图分为文件夹视图、远程网站视图、报表视图、导航视图、超链接视图和任务视图 文件夹视图：可看到构成 FrontPage 2003 网站的所有文件和文件夹，像 Windows的资源管理器 远程网站视图：当需要发布网站时，就要使用“远程网站”视图。 报表视图：该视图包含许多可以针对网站运行的诊断报表。 8.2 制作基本网页（主要内容） 8.2.1 建立站点 8.2.2 创建和设计网页 8.2.3 创建框架网页 8.2.4 插入和编辑网页元素 8.2.5 创建和编辑超级链接 8.2.6 使用层 8.2.1 建立站点 FrontPage 2003的网站有两种类型 基于磁盘的网站（比较常用） 基于服务器的网站 8.2.1 建立站点（2） 创建基于磁盘的网站的一般步骤 确立网站建设目标 草拟网站结构 建立磁盘网站结构 单击“文件” 菜单→“新建” →出现“新建”任务窗格 选择网站模板，单击“由一个网页组成的网站”链接，单击“其他网站模板”链接，此操作将创建带有预设的网页、图像和设计主题的 FrontPage网站。 出现“网站模板”的对话框，在该对话框中可以通过“浏览”按钮来指定网站的地址。例如：输入“E:\ZjWeb”。 新建网站后，可以发现站点文件夹的图标（ ）和普通文件夹（ ）的图标是不同的。 8.2.2 创建和设计网页 新建站点后就要开始创建网页，但是创建网页不是简单地新建一张网页即可，制作过程中涉及很多环节 网页制作的一般步骤 草拟网页布局 制作网页前要规划下 草拟布局时需要考虑下列因素： （1）网站中的每个网页是否带有相同的页眉和页脚？ （2）网站中每个网页的导航方式是否一致？ （3）网页的风格是否要保持一