大学计算机基础教程 -陈燕平 第8章.pptVIP

第八章 网页设计基础 学习目标 了解网页基本概念 重点掌握HTML语言基本概念与常用标签 学会制作网页与发布网页 8.1了解网页基本概念 8.1.1网页基本概念 WWW Browsr HTTP HTML URL 8.1.2 网页分类 1）静态网页 2）动态网页 3）静态网页与动态网页的区别 8.2认识网站 8.2.1网站建设流程 1. 确定网站主题 2.规划网站内容 3.搜集网页素材 4.制作网页 5.测试网站 6.上传网页与定期维护 8.2.2 网站分类 1.静态网站 2.动态网站 8.3网页设计与制作 8.3.1网页设计基本方式 1.手工编码方式 a) HTML概念 b) HTML脚本结构 c) HTML常用标签 ①单标签 ②双标签 ③标签属性 ④常用标签 ⅰ html/html 用来标示文档的开头与结尾 ⅱ head/head构成Html文档的开头部分 ⅲ标题标签Hn ⅳ title/title将网页的主题显示到浏览器的顶部 ⅴ body/body用来标示文档的主体部分 ⅵ p/p用来创建一个段落 ⅶ br用来创建一个回车换行 ⅷ font/font是一对很有用的标志对，它可以对输出文本的字体大小、颜色进行随意地改变 ⅸ img指明一个图像在网络的位置 ⅹ A表示一个超级链接的开始，/A表示超级链接的结束 2.利用可视化工具 3.手工编码与可视化工具结合 8.4网页制作工具FrontPage入门 8.3.2网页常见元素 文本、图象与动画、音频与视频、超级链接、表格、表单、导航栏、其他元素 2. FrontPage2003新增功能 自定义浏览器分辨率预览检查、描摹图像、层功能、插入交互式按钮、行为的应用、 使用网页重定向、检查网页错误、优化HTML代码 8.4.2 创建与编辑网页 1.新建网页 ①启动FrontPage 2003应用程序。 ②选择“文件”菜单中的“新建”命令，打开“新建”任务栏。 ③选择“新建”任务栏中“空白网页”项，创建一个空白网页 2.修饰文本 选择“格式”菜单中的“字体”选项 3.项目符号与编号 “格式”菜单下有“项目符号与编号”选项 4.水平线 选择“插入”菜单下“水平线”选项，很容易的就插入一条水平线了 8.4.3 应用图片 插入图片后，需要对图片的属性进行设置。 同时利用“图片”工具栏可以对图片进行更多设置。 8.4.4 使用表格 使用表格不仅显示一些有规律的数据，而且还可以经常对表格中的单元格进行调整，在其中放入文本和图形，以达到对网页进行布局的目的。表格的操作与Word中表格的操作基本一致。 8.4.5 使用框架 在网页中使用框架能够使网页中信息具有有条理性和区域性。选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡，根据网页设计的需要进行选择。 4.交互式按钮 选择“插入” → “交互式按钮”命令，根绝对话框提示选择按钮的样式、外观与行为。 5.表单 是网页中一种最重要的信息收集和交流工具之一，它由文本框、文本区、复选框、选项按钮、下拉框等构成的集 合体。 制作好的网页看似分散，但是都跟主题相关，所以需要将分散主题串联在一起，就需要超级链接。选择“插入” → “超级链接”命令，弹出“编辑超链接”对话框。 8.5 站点操作与发布 8.5.1 站点操作