建网站的概念及工具简介精品

1、 建网站的概念及工具简介 万维网的巨大信息量 和简易的访问办法，使它迅速发展成为因特网上的主要应用领域 之一。很多人都 建立过自己的网站、设计过自己的网页，向其他用户表达自己的思想、宣扬自己的成果和 需求。 为了推广万维网的使用，许多公司、厂家和网络工作者创建了许多卓有成效的应用软件，例如浏览器，网 页制作工具软件，以及各种各样的上传、下载、检索应用程序包。 一.网站建设基础知识 站点(Web):是有多个网页通过超链接的形式联系在一起，从而形成的一个具有一定内容和 表达目的的 整体。 1、网站二主页+网页： 其中主页是一个起引导作用的(含目录和封面)主要网页。 2、网页基本语言HTML语言 网

2、页大多采用了超文本传输协议HTTP (Hyper Text Transfer Protocol),其功能是将浏览器发出的 请求发送至Web服务器，并将服务器回应的网页传回到那个发出请求的浏览器。 网页文件扩展名一般是.htm,可用IE浏览器来“查看”网页的超文本“源文件”代码(演示)。 3、网页的基本元素 网页的内容虽然千差万别，但都含有三种基本元素：文字、图形图像和超链接。 文字是网页表达信息的基本工具，网页中的文字可以设置为不同的字体、字型、大小和颜色。 在网页中适当地使用 图形图像，可以更加直观、准确地表达某些信息，并且可以起到美化网页，吸引读 者注意力的作用。网页中可以使用静态图像，也

3、可以使用动态图像，并根据需要设定它们的大小。 可以根据浏览时内容链接的实际需要，把网页中的文字和图像设置成超链接，通过这些超链接，可以方便 地转入其他万维网网页进行浏览。这样，全球不同地点的万维网网站都可以通过超链接的方式连接起来，形成 一个规模巨大的信息宝库。 除了三种基本元素外，还有一些经常使用的构件，如“表格”、“表单”、“音乐”和内嵌程序，下面 是一个简单的“表单”图示： 厂15前縞暁网翻商L h收费邮箱速度快、安全性好 I 2、段广告、服务好 提交I全部重写 实际上许多综合性“表单”做的比较漂亮，如“新浪”主页“表单”： 登录名丄密玛选择去阿 - 登录注册通行证 岀新逋闻韻闻”社会体

4、 免费邮箱 VIF邮箱 rs客草根热文读书磐 随着网页设计技术的发展，还将会出现更多的网页构件。这些构件的出现，美化了网页，丰富了网页的内 容，增强网页的功能 有些网页中还有许多特殊的显示构件，如在网页底部的状态栏中显示 移动的标语，在打开网页时采用拉 幕显示方式（下拉式菜单？）等，这些效果大多是由内嵌在网页中的JaVa小应用程序Java applet生成的。 网页制作工具 冃前制作网页的软件有许多女n：FrontPage2000 Macromedia Dreamweaver等，实际上 Word也能制作很简单的网页（演示）。 微软公司的FrontPage2000是一个专门制作网页和站点管理的软

5、件。作为Office家族的新成员, FrontPage 2000的操作简单易学，实现了 “所见即所得”的工作方式，即使您完全不懂HTML 语言，也能制作出具有专业效果的Web页面。 Dreamweaver （编织你的梦幻世界？）是一个较为专业的网页设计工具软件，它包括可视化 编辑、HTML 弋码编辑的软件包，并支持ActiveX、JavaScript、Java Flash Shockwave等各种 编程工具,而且它还能 通过拖曳制作动态HTML动画，支持动态HTML （DynamicHTML的设计，使得 在没有安装插件的情况下也能够在 浏览器中正确地显示页面的动画。 三. 制定新建网站解决方案

6、 这里以介绍世界文化遗产“北京故宫”作为示例，规划和建立一个网站。 对于作为示例的“北京故宫”网站而言，构思轮廓可以大致如下： 网站的名称：世界文化遗产一一北京故宫。 网站的主题：世界文化遗产“北京故宫”的基本 情况介绍。 网站的内容：关于北京故宫的文字说明，相关的配图和录像资料， 目的是向浏览者说明作为世界文化遗产的北京故宫的深厚的历史底蕴和浓 郁的人文气息。 网站的结构：采用一个主页，下面链接数个网页的两层结构。 那么，网站策划构思过程中，需要考虑哪些因素呢？ 网站的前期工作主要是：素材的收集与整理，针对“北京故宫”,可以从网络和各种光盘中，收集有关故 宫的文字资料和图像资料，并分门别类进

7、行整理。特别是图像资料，需要查找一些紧扣主题、生动、贴切、示 意性强的高清晰度的照片和视频资料。对报刊、杂志、图书中的图片可以通过扫描的方式将其转换成图像文 件，而有些文字资料也可以通过OCR软件转换成文本 格式的文件。 关于素材的收集与整理的具体几点说明，见课本P113关于“北京故宫”网站的7点说明 四. 新建站点和制作网页 网站的主页是进入其他网页的通道，所以在主页上应包含转入到其他网页的超链接，其他网页 的制作方法与主页大致相仿。 1、（用FrontPage2000）设计制作网页一般要经过以下几个基本步骤： -启动 FmntPagp , 新建网贞一一更换默认文件名 输入文字描人表格/输人

8、网站名称 插人图像-保存H 2、用FrontPage2000新建站点 和网页 启动FrontPage2000,介绍界面（演示）。 单击“文件” / “新建” / “站点”，确定网站存放位置，确定“站点”文件夹名（如1128王小 强”）,FrontPage2000会自动建立两个默认的文件夹：.private和images （存放图片），还自动建立一 个默认的主页（文件名为：index, htm ）,在界面的左边“视图”菜单中可点击“文件夹”可显示“站点”结 构（演示）。 FrontPage对网页有“普通/HTML/预览” 3种显示方式（演示），我们可以在这个主页中的“普 通”页 面中输入文字和图

9、片（例如输入本讲稿内容），在“预览”页面中显示真实效果，在“HTML页面中查看html源 代码。 当然，我们随时可新建该“站点”的其它网页文件（默认的网页文件名依次为：new_pagej .htm, new_page_2. htm, new_page_3. htm,）,在新建的网页上我们可输入内容，结束工作可 保存（可 改名）网 页，下次可打开游览或继续编辑。（演示） 五. 网页的一些简单设置 1、网页属性设置 网页属性设置包括：标题、背景、字体等内容。 （1）打开属性设置窗口： 方法：在网页空白处，右击，在快捷菜单中选择“网页属性”项即可。（演示）。 （2）设置网页标题：（注意：不是网页文件名！） （演示：把“主页”改为“效实中学主页”） （3）设置网页背景颜色： （演示：改变背景颜色） （4）设置背景图片： （演示：在“背景”卡片中，在“背景图片”前打“ V”，点击“浏览”按钮，插入一个剪贴画作为 背景。 2、设置段落、字体、字号和插入图片等 这些设置基本和word 样（演示）。 注意：我们要修改一个网页，可以先启动FrontPage2000,然后单击菜单“文件” / “打开”该网 页，就可以修改了，实际上，为了提高效率，你可先打开该