关 键 词：

大学 大学计算机 基础教程 陈燕平 课件 ppt

资源描述：

大学大学计算机基础教程-陈燕平-课件PPT,大学,大学计算机,基础教程,陈燕平,课件,ppt

内容简介：

第八章 网页设计基础学习目标了解网页基本概念重点掌握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文档的开头部分 标题标签 将网页的主题显示到浏览器的顶部 用来标示文档的主体部分 用来创建一个段落 用来创建一个回车换行 是一对很有用的标志对，它可以对输出文本的字体大小、颜色进行随意地改变 指明一个图像在网络的位置 表示一个超级链接的开始，表示超级链接的结束 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 使用表格 使用表格不仅显示一些有规律的数据，而且还可以经常对表格中的单元格进行调整，在其中放入文本和图形，以达到对网页进行布局的目的。表格的操作与Word中表格的操作基本一致。8.4.5 使用框架 在网页中使用框架能够使网页中信息具有有条理性和区域性。选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡，根据网页设计的需要进行选择。 8.4.6 多媒体与动态效果 1 视频文件 选择“插入”菜单下“图片”命令，单击“视频”选项 2 音频文件 如果需要在网页中插入音频文件，打开当前网页的属性对话框，有个背景音乐选项卡，找到音频文件具体位置后，设置文件的播放次数就可以了。 3 字幕 选择“插入”菜单下“Web组件”命令，单击“动态效果”下的 “字幕”选项，需要对作为字幕的文字做设置。 4.交互式按钮 选择“插入” “交互式按钮”命令，根绝对话框提示选择按钮的样式、外观与行为。5.表单 是网页中一种最重要的信息收集和交流工具之一，它由文本框、文本区、复选框、选项按钮、下拉框等构成的集 合体。 制作好的网页看似分散，但是都跟主题相关，所以需要将分散主题串联在一起，就需要超级链接。选择“插入” “超级链接”命令，弹出“编辑超链接”对话框。8.4.7 设置超级链接8.5 站点操作与发布8.5.1 站点操作 1.创建新站点 （1）.选择“文件”菜单中的“新建”命令，打开“新建”任务窗格。在任务窗格中，单击“由一个网页组成的网站”命令：或者 选择“其他网站模板”，可以套用其他人的网站设计。 （2）在“网站模板”对话框中，选择一种站点类型。 （3）在“指定新网站的位置”下拉框中，输入新站点的路径，单击“确定”按钮后就建立 了新站点。 2.打开站点 如已经建立好了网站，用户需要对已存在的网页进行编辑，这时就要打开已建立好的网站。选择“文件”菜单栏中“打 开”命令，在对话框的路径中找到网站，打开后就可以看到网站内所有的内容 ，并对其进行编辑。8.5.2 站点发布设计好站点后，就可以将站点发布到网络服务器上，这样才能被其他用户访问。1.网页测试主要测试网站中所有网页间的超级链接是否成功链接，以确保用户正常浏览。2.希望将做好的站点发布到互联网上供他人浏览，通常需要申请存放网站的空间。即在互联网中找个合适的Web服务器，并在该服务器上申请一定的磁盘空间来存放上传的网页。或者将个人机器安装成一台提供Web服务的IIS服务器，在自己的电脑上存放网页。3.Frontpage2003是通过FTP来发布站点，单击“文件”菜单中的“发布站点”命令，弹出 “远程网站属性”的对话框。在“远 网站属性”对话框中选择“FTP”，然后在下方的输入框中填