网站建设、制作与维护.ppt

《网站建设、制作与维护.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第十章建立自己的网站计算机网络应用基础1主要内容网站建设概述网页制作网站的管理与维护2课时安排本章总计教学时数为4课时，其中理论课时：2实验课时：2本章实验内容：实验十六用HTML语言制作简单的网页310.1网站建设概述网站的概念网站大体包括个人网站、企业网站、学术机构及政府团体网站等将大量网页放置在服务器中供Internet上的人浏览，就构成了一个网站。网页就是在浏览器上看到的一页，网页也称为Web页。每个网站都有一个最基本的网页，称为主页，主页通常是进入网站首先浏览到的网页，具有引导用户浏览整个

2、网站内容的作用。410.1网站建设概述网站的组建方法空间租赁：适合内容不太多的小型网站。它费用低廉，管理方便，手续简便。主机托管：适合访问量大，内容多的中型网站，它的费用高昂，需专门技术人员安装及设置服务器。但管理的自由度较大，访问速度较快。申请专线：可以使用户对网站拥有最大限度的管理权，可以放置多台服务器，甚至可以对外租赁空间。但它技术要求高，安装设置复杂，还需要专门的技术人员维护。510.1网站建设概述网站的组建步骤构建网站框架：构建网站框架就是要在自己的计算机中新建一个存放网站所有文件的文件夹

3、，并根据网站网页的结构和文件的类型新建此文件夹的子文件夹结构。设计网页版面：设计网页版面就是设计网页的布局，包括网站标志、导航条、正文内容的摆放位置、相互之间的大小比例、样式等。一个网站的大部分网页应该具有相似的版面，这样才能体现统一的风格。创建模板：制作主页：主页文件的文件名必须是index.htm。制作普通网页：添加更多功能610.1网站建设概述网站的发布申请空间：就是向提供Internet服务器的网站申请一个个人主页空间。上传网站：方法主要有3种采用FTP软件借助网页制作工具软件的上传功能使用

4、空间所在网站提供的FTP上传服务宣传网站7FrontPage是Microsoft公司的“拳头产品”Office的一个重要组件，是一个较为优秀的网页制作和网站管理工具，基本上实现了“所见即所得”的工作方式。使用FrontPage可以很方便地输入、编辑和调试用HTML语言编写的脚本代码，是一个很好的网页编辑器。当然，对于不懂HTML语言的人，使用FrontPage也能制作出专业效果的网页。它是常用、最简单的网页制作工具之一，它的大部分操作与Word类似。10.2网页制作FrontPage简介8Front

5、page的基本操作启动和退出Frontpage界面简介基本操作9编辑区视图模式网页查看方式默认文件名Frontpage的基本操作101.网页视图2.文件夹视图3.报表视图4.导航视图5.超链接视图6.任务视图用于编辑网页，网页默认文件名为new_page_#.htm打开Web站点时，用于组织站点中的文件和文件夹打开Web站点时，报告站点中的文件和超链接的状态打开Web站点时，显示站点的导航结构打开Web站点时，显示站点中的每一页的超链接状态打开Web站点时，显示站点中要完成的任务Frontpage的

6、基本操作11查看网页的三种方式：1.普通方式：2.HTML方式3.预览方式用于编辑网页，在内部自动产生有HTML标志语言产生的网页文件。提供了直接用HTML标志语言编写网页的途径用于查看所设计的网页在浏览器内的效果Frontpage的基本操作121.新建网页2.打开网页3.保存网页单击工具栏的“新建”按钮“文件”“新建”“网页”选择“模板”“确定”“文件”“打开”网页的保存类型：选“网页文件”如果网页有图片，会弹出“保存嵌入文件”对话框，用于指定图片的保存位置和文件名。Frontpage的

7、基本操作13网页中的文本编辑插入特殊对象图形处理网页设计操作141.文本的输出与编辑网页中的文本编辑同Word编辑提供6级不同大小的标题提供7种不同大小的字体，默认3号建议：制作网页使用比较常见的字体网页设计操作15插入特殊符号(1)水平线：用于分割段落操作：“插入”“水平线”编辑：双击水平线，在弹出的对话框中设置(2)注释：有利于以后的维护和管理“插入”“注释”只有在普通模式下可见，在预览下就不显示(3)时间戳：使网页自动更新时间信息“插入”“日期和时间”设置日期和时间格式网页设计操作16

8、图形处理(1)插入图片操作：“插入”“图片”“来自文件”选择网络资源或本机资源图片格式：*.jpg,*.gif提醒：最好将图片和网页文件放在同一目录下(2)编辑图片右击网页的图片，在属性窗口中设置(3)背景的设置右击网页“网页属性”“背景”网页设计操作17表格：把文本、数据、图像精确有效的联系在一起。(1)建立表格表格“插入”或“手绘表格”(2)格式化表格选定表格或单元格区域“表格菜单”“表格属性”或“单元属性”进行相应的设置表格处理网页设计操作18(