大学计算机基础教程 陈燕平 教学课件 第8章.pdfVIP

第八章网页设计基础 学习目标  了解网页基本概念 重点掌握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.3.2网页常见元素 文本、图象与动画、音频与视频、超级链 接、表格、表单、导航栏、其他元素 8.4网页制作工具FrontPage入门 8.4.1 FrontPage简介 1. FrontPage视图模式 网页视图、文件夹视图、任务视图 报表视图、导航视图、超链接视图 远程网站视图 2. FrontPage2003新增功能 自定义浏览器分辨率预览检查、描摹图像、层功能、插入交互式按钮、行为 的应用、 使用网页重定向、检查网页错误、优化HTML代码 8.4.2 创建与编辑网页 1.新建网页 ①启动FrontPage 2003应用程序。 ②选择“文件”菜单中的“新建”命令，打开“新建”任务栏。 ③选择“新建”任务栏中“空白网页”项，创建一个空白网页 2.修饰文本 选择“格式”菜单中的“字体”选项 3.项目符号与编号 “格式”菜单下有“项目符号与编号”选项 4.水平线 选择“插入”菜单下“水平线”选项，很容易的就插入一条水平线了 8.4.3 应用图片 插入图片后，需要对图片的属性进行设置。 同时利用“图片”工具栏可以对图片进行更多设置。 8.4.4 使用表格