计算机网络应用基础第十章：建立自己的网站全解析

7《计算机网络应用基础》FrontPage是的“拳头产品”Office的一个重要组件，是一个较为优秀的网页制作和网站管理工具，基本上实现了“所见即所得”的工作方式。

《计算机网络应用基础》第十章 建立自己的网站 计算机网络应用基础 1《计算机网络应用基础》主要内容  网站建设概述  网页制作  网站的管理与维护 2《计​​算机网络应用基础》课时安排  本章总教学时长为4学时，其中  理论学时：2  实验学时：2  本章实验内容：  实验16 利用HTML语言制作简单网页 3《计算机网络应用基础》网站建设概述  网站的概念  网站一般包括个人网站、企业网站、学术机构和政府团体网站等。  把大量的网页放置在服务器上供人们浏览，就构成了网站。  网页是在浏览器上看到的页面，网页又叫网页。  每个网站都有一个最基本的网页，称为首页。 首页通常是进入网站时浏览的第一个网页，有引导用户浏览整个网站内容的作用。 4《计算机网络应用基础》网站建设概述 网站建设方式 空间租用：适用于内容不多的小型网站，费用低廉，管理方便，手续简单。 主机托管：适用于流量大，内容丰富的中型网站，费用昂贵，需要专门的技术人员安装、设置服务器，但管理自由度较大，访问速度较快。 申请专线：让用户对网站拥有最大的管理权限，可放置多台服务器，甚至将空间出租给他人。

但其技术要求高，安装设置复杂，需要专门的技术人员进行维护。5《计算机网络应用基础》网站建设概述 网站建设步骤 搭建网站框架：搭建网站框架就是在电脑上建立一个新文件夹专门存放网站的所有文件，并根据网站网页结构、文件类型建立此文件夹的子文件夹结构。 设计网页布局：设计网页布局就是设计网页的布局，包括网站logo、导航栏、文字内容的放置位置，它们之间的大小比例、样式等。一个网站的大部分网页应该布局类似，以体现统一的风格。 创建模板： 制作主页： 主页文件的文件名必须为。 制作普通网页： 添加更多功能6《计算机网络应用基础》网站建设概述 网站发布 申请空间：就是向提供服务器的网站申请个人主页空间。  上传网站：主要有3种方法  使用FTP软件  使用网页制作工具软件的上传功能  使用空间所在网站提供的FTP上传服务  推广网站7《计算机网络应用基础》是公司“核心产品”的重要组成部分，是一款比较优秀的网页制作和网站管理工具，基本实现了“所见即所得”的工作模式。

它是一款优秀的网页编辑器，可以用它轻松地输入、编辑和调试用HTML编写的脚本代码。当然，即使不懂HTML的人也可以用它制作出专业的网页。它是最常用、最简单的网页制作工具之一，其大部分操作与Word相似。 网页制作简介 8 《计算机网络应用基础》基本操作  启动和退出  界面介绍  基本操作 9 《计算机网络应用基础》编辑区 视图模式 网页查看方式 默认文件名 基本操作 10 《计算机网络应用基础》。 网页视图 网页视图。 文件夹视图 文件夹视图。 报表视图 报表视图。 导航视图 导航视图。 超链接视图 超链接视图。 任务视图 任务视图用于编辑网页，网页默认文件名为#.#.htm 打开 打开站点时，用于组织站点内的文件和文件夹 打开 打开站点时，用于组织站点内的文件和文件夹 打开 打开站点时，报告站点内的文件和超链接 打开站点时，报告站点内文件和超链接的状态 打开站点时，显示站点的导航结构 打开站点时，显示站点内各个页面的超链接状态 打开站点时，显示站点内要完成的任务 基本操作 11《计算机网络应用基础》 查看网页的三种方式： 普通模式： 普通模式： 预览模式用于编辑网页，内部自动生成由标记语言生成的网页文件。

网页文件。提供一种用标记语言直接编写网页的方法。用于在浏览器中查看设计好的网页的效果。 基本操作 12《计算机网络应用基础》。 新建网页。 打开网页。 保存网页。 •• 点击工具栏上的“新建”按钮。 •• “文件”“新建”“网页” 选择“模板”“确定” •• “文件”“打开” • 将网页另存为“网页文件” • 如果网页中有图片，会弹出“保存嵌入文件”对话框，指定图片的保存位置和文件名。 基本操作 13《计算机网络应用基础》 网页中的文字编辑 插入特殊对象 图形处理 图形处理 网页设计操作 14《计算机网络应用基础》 文本的输出与编辑 网页中的文字编辑 •• 提供66级不同大小的标题 •• 提供77种不同大小的字体，默认为33号 建议：制作网页时多使用常用字体 建议：制作网页时多使用常用字体 网页设计操作 15《计算机网络应用基础》 插入特殊符号 （1） （1） 横线：用来划分段落 •• 操作：“插入”“横线” •• 编辑：双击横线，在弹出的对话框中进行设置 （2） （2） 批注：有利于日后的维护和管理• “插入”  “注释” • 仅在普通模式下可见，在预览中不显示。（3）（3）时间戳：使网页自动更新时间信息。 •“插入”“日期时间” 设置日期时间格式 网页设计操作 16《计算机网络应用基础》 图形处理（一） （1） 插入图片 插入图片 •操作：“插入”“图片”“来自文件” 选择网络资源或本地资源 选择网络资源或本地资源 •图片格式： 图片格式：*.jpg，*.gif *.jpg，*.gif •提醒：最好将图片和网页文件放在同一目录提醒：最好将图片和网页文件放在同一目录（2） （2） 编辑图片编辑图片•• 右键点击网页上的图片，在属性窗口设置右键点击网页上的图片，在属性窗口设置（3） （3） 背景设置背景设置•• 右键点击网页右键点击网页 “网页属性” “背景”网页设计操作17《计算机网络应用基础》表格：准确有效地将文字、数据、图像链接在一起。

表格：准确有效地将文本、数据和图像链接在一起。 （1）（1）创建表格创建表格•• 表格表格 “插入”或“绘制表格” （2）（2）格式化表格格式化表格•• 选择表格或单元格区域选择表格或单元格区域•• “表格菜单表格菜单”“表格属性表格属性”或“单元格属性单元格属性”进行相应设置进行相应设置表格处理表格处理网页设计操作18《计算机网络应用基础》（1）（1）创建超链接创建超链接•• 选择需要作为超链接的文字或图片选择需要作为超链接的文字或图片•• 选择“插入”“超链接”命令命令•• 在对话框中设置需要链接的目标•• 定义超链接点的颜色定义超链接点的颜色（2）（2）链接方法链接方法•• 链接到网页网页链接•• 本地文件链接本地文件•• 邮件链接邮件链接•• 图片或区域热点链接 图片或区域热点链接 ((使用画图工具栏设计热点 使用画图工具栏设计热点)) 超链接 超链接 网页设计操作 19《计算机网络应用基础》 书签是在网页上标记位置或者标记文字，起定位的作用。

书签是在网页中标记位置或标记文字，可以用来定位。 步骤： （1）插入书签 • 移动光标到插入书签的位置 • “插入”——>“书签” • 输入书签的名称 • （2）为书签设置超链接 • 选中要设置超链接的文字 • 在弹出的对话框中的“书签”下拉列表框中选择书签。 在“书签”下拉列表框中选择书签。 网页设计操作20《计算机网络应用基础》 网页设计操作21《计算机网络应用基础》 语言：可以用来创建独立于系统平台的网页文档网站建设与维护，是一种解释型语言。 可以用来创建独立于系统平台的网页文档网站建设与维护，是一种解释型语言。 1. HTML1. HTML 语言结构 文档主题、正文 文档主题、正文包括文字、图片、超链接和格式说明。 网页设计操作22《计算机网络应用基础》 网页设计操作23《计算机网络应用基础》 “文件”“新建”“网站”选择“导入站点向导”，指定现有网页的位置。 创建网站 创建网站 • “文件”“新建”“网页”“框架页面”“目录” • 设置每个框架所包含的文件 • 保存框架页面。 创建框架页面 创建框架页面 • 动态HTML效果 • 网页转场效果 • 为网页添加滚动文字 • 为网页添加计算器。 设置网页的动画效果 设置网页的动画效果 • 选择需要查看的网页 • 然后选择“超链接”查看模式。 检查链接 检查链接 网站的管理与维护 24 《计算机网络应用基础》 （1）安装信息服务 “开始”“设置”“控制面板”“添加/删除程序”“添加/删除组件”按提示操作 （2）Web服务器 “开始”“设置”“控制面板”“管理工具”“服务管理器” 选择“默认网站”，右键点击选择“属性” 选择“主目录”选项卡，设置本地路径为网站目录 选择“文档”选项卡，设置“启用默认文档”，添加“ ”为启动主页 （3）IE浏览器 启动本地IE浏览器，输入本地IP或。 发布网站 发布网站 网站管理与维护 25