《大学计算机基础教程》第8章

第八章网页设计基础学习目标了解网页基本概念重点掌握HTML语言基本概念与常用标签学会制作网页与发布网页8.1了解网页基本概念8.1.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.1FrontPage简介1.FrontPage视图模式网页视图、文件夹视图、任务视图报表视图、导航视图、超链接视图远程网站视图2.FrontPage2003新增功能自定义浏览器分辨率预览检查、描摹图像、层功能、插入交互式按钮、行为的应用、使用网页重定向、检查网页错误、优化HTML代码8.4.2创建与编辑网页1.新建网页①启动FrontPage2003应用程序。②选择“文件”菜单中的“新建”命令，打开“新建”任务栏。③选择“新建”任务栏中“空白网页”项，创建一个空白网页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”，然后在下方的输入框中填入远程网站的域名或者IP。小结作为一个网页设计初学者来说，如果想要把主页做得更好，熟练使用FrontPage只是进行网页创作的第一步，可以再学习一些HTML超文本语言的知识和JAVA脚本的知识，就可以把网页做得更好。