第26讲建网站的概念及工具简介.doc

第26讲P107-114 建网站的概念及工具简介万维网的巨大信息量和简易的访问办法，使它迅速发展成为因特网上的主要应用领域之一。很多人都建立过自己的网站、设计过自己的网页，向其他用户表达自己的思想、宣扬自己的成果和需求。为了推广万维网的使用，许多公司、厂家和网络工作者创建了许多卓有成效的应用软件，例如浏览器，网页制作工具软件，以及各种各样的上传、下载、检索应用程序包。一 网站建设基础知识站点（Web）:是有多个网页通过超链接的形式联系在一起，从而形成的一个具有一定内容和表达目的的整体。1、网站=主页+网页：其中主页是一个起引导作用的（含目录和封面）主要网页。2、网页基本语言HTML语言 网页大多采用了超文本传输协议HTTP(Hyper Text Transfer Protoc01)，其功能是将浏览器发出的请求发送至Web服务器，并将服务器回应的网页传回到那个发出请求的浏览器。网页文件扩展名一般是.htm ，可用IE浏览器来“查看”网页的超文本“源文件”代码（演示）。 3、网页的基本元素 网页的内容虽然千差万别，但都含有三种基本元素：文字、图形图像和超链接。 文字是网页表达信息的基本工具，网页中的文字可以设置为不同的字体、字型、大小和颜色。 在网页中适当地使用图形图像，可以更加直观、准确地表达某些信息，并且可以起到美化网页，吸引读者注意力的作用。网页中可以使用静态图像，也可以使用动态图像，并根据需要设定它们的大小。 可以根据浏览时内容链接的实际需要，把网页中的文字和图像设置成超链接，通过这些超链接，可以方便地转入其他万维网网页进行浏览。这样，全球不同地点的万维网网站都可以通过超链接的方式连接起来，形成一个规模巨大的信息宝库。除了三种基本元素外，还有一些经常使用的构件，如“表格”、“表单”、“音乐”和内嵌程序，下面是一个简单的“表单”图示： 实际上许多综合性“表单”做的比较漂亮，如“新浪”主页“表单”：随着网页设计技术的发展，还将会出现更多的网页构件。这些构件的出现，美化了网页，丰富了网页的内容，增强网页的功能。有些网页中还有许多特殊的显示构件，如在网页底部的状态栏中显示移动的标语，在打开网页时采用拉幕显示方式（下拉式菜单？）等，这些效果大多是由内嵌在网页中的JaVa小应用程序Java applet生成的。二 网页制作工具 目前，制作网页的软件有许多，如：FrontPage2000、Macromedia Dreamweaver 等，实际上Word也能制作很简单的网页（演示）。微软公司的FrontPage2000是一个专门制作网页和站点管理的软件。作为Office家族的新成员，FrontPage2000的操作简单易学，实现了“所见即所得”的工作方式，即使您完全不懂HTML语言，也能制作出具有专业效果的 Web 页面。 Dreamweaver（编织你的梦幻世界？）是一个较为专业的网页设计工具软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、Shockwave等各种编程工具，而且它还能通过拖曳制作动态HTML动画，支持动态HTML(Dynamic HTML)的设计，使得在没有安装插件的情况下也能够在浏览器中正确地显示页面的动画。 三 制定新建网站解决方案 这里以介绍世界文化遗产“北京故宫”作为示例，规划和建立一个网站。 对于作为示例的“北京故宫”网站而言，构思轮廓可以大致如下： 网站的名称：世界文化遗产北京故宫。 网站的主题：世界文化遗产“北京故宫”的基本情况介绍。 网站的内容：关于北京故宫的文字说明，相关的配图和录像资料，目的是向浏览者说明作为世界文化遗产的北京故宫的深厚的历史底蕴和浓郁的人文气息。 网站的结构：采用一个主页，下面链接数个网页的两层结构。 那么，网站策划构思过程中，需要考虑哪些因素呢? 网站的前期工作主要是：素材的收集与整理，针对“北京故宫”，可以从网络和各种光盘中，收集有关故宫的文字资料和图像资料，并分门别类进行整理。特别是图像资料，需要查找一些紧扣主题、生动、贴切、示意性强的高清晰度的照片和视频资料。对报刊、杂志、图书中的图片可以通过扫描的方式将其转换成图像文件，而有些文字资料也可以通过OCR软件转换成文本格式的文件。 关于素材的收集与整理的具体几点说明，见课本P113关于“北京故宫”网站的7点说明。四 新建站点和制作网页 网站的主页是进入其他网页的通道，所以在主页上应包含转入到其他网页的超链接，其他网页的制作方法与主页大致相仿。 1、（用FrontPage2000） 设计制作网页一般要经过以下几个基本步骤：2、用FrontPage2000新建站点和网页启动FrontPage2000，介绍界面（演示）。单击“文件”/“新建”/“站点”，确定网站存放位置，确定“站点”文件夹名（如“1128王小强”），FrontPage2000会自动建立两个默认的文件夹：_private和images(存放图片)，还自动建立一个默认的主页（文件名为：index.htm），在界面的左边“视图”菜单中可点击“文件夹”可显示“站点”结构（演示）。FrontPage对网页有“普通/HTML/预览”3种显示方式（演示），我们可以在这个主页中的“普通”页面中输入文字和图片(例如输入本讲稿内容)，在“预览”页面中显示真实效果，在“HTML”页面中查看html源代码。当然，我们随时可新建该“站点”的其它网页文件（默认的网页文件名依次为：new_page_1.htm，new_page_2.htm，new_page_3.htm，），在新建的网页上我们可输入内容，结束工作可保存（可改名）网页，下次可打开游览或继续编辑。（演示）五 网页的一些简单设置1、网页属性设置网页属性设置包括：标题、背景、字体等内容。(1) 打开属性设置窗口：方法：在网页空白处，右击，在快捷菜单中选择“网页属性”项即可。（演示）。(2) 设置网页标题：（注意：不是网页文件名！）（演示：把“主页”改为“效实中学主页” ）。(3) 设置网页背景颜色：（演示：改变背景颜色）。(4) 设置背景图片： （演示：在“背景”卡片中，在“背景图片”前打“”，点击“浏览”按钮，插入一个剪贴画作为背景。2、设置段落、字体、字号和插入图片等这些设置基本和word一样（演示）。注意：我们要修改一个网页，可以先启动FrontPage2000，然后单击菜单 “文件”/“打开”该网页，就可以修改了，实际上，为了提高效率，你可先打开该网页，单击该网页的菜单 “文件”/“使用FrontPage编辑”，就可以进入修改状态了（演示）。六 练习： 1、下载本讲稿，理解建网站的概念；2、用FrontPage2000新建站点(站点名：班号学号姓名)和网页（注意保存后才加入到站点文件嘉中）；3、进行网页的一些简单设置。 2009/12/09