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

第26讲P107-114 建网站的概念及工具简介 万维网的巨大信息量和简易的访问 为了推广万维网的使用，许多公司、厂家和网络工作者创建了许多卓有成效的应用软件，例如浏览器，网页制作工具软件，以及各种各样的上传、下载、检索应用程序包。 网站建设基础知识 站点（Web）:是有多个网页通过超链接的形式联系在一起，从而形成的一个具有一定内容和表达目的的整体。 1、网站=主页+网页： 其中主页是一个起引导作用的（含目录和封面）主要网页。 2、网页基本语言——HTML语言 网页大多采用了超文本传输协议HTTP(Hyper Text Transfer Protoc01)，其功能是将浏览器发出的请求发送至Web服务器，并将服务网页的基本元素 文字是网页表达信息的基本工具，网页中的文字可以设置为不同的字 在网页中适当地使用图形图像，可以更加直观、准确地表达某些信 可以根据浏览时内容链接的实际需要，把网页中的文字和图像设置成 除了三种基本元素外，还有一些经常使用的构件，如表格”、“音乐”和内嵌程序，下面是一个简单的“表单”图示： 实际上许多综合性“表单”做的比较漂亮，如“新浪”主页“表单”： 随着网页设计技术的发展，还将会出现更多的网页构件。这些构件的出现，美化了网页，丰富了网页的内容，增强网页的功能。 JaVa小应用程序Java applet生成的。 网页制作工具 目前，制作网页的软件有许多，如：FrontPage2000、Macromedia Dreamweaver 等，实际上Word也能制作很简单的网页（演示）。 微软公司的FrontPage2000是一个专门制作网页和站点管理的软件。作为Office家族的新成员，FrontPage2000的操作简单易学，实现了“所见即所得”的工作方式，即使您完全不懂HTML语言，也能制作出具有专业效果的 Web 页面。 Dreamweaver（编织你的梦幻世界？）是一个较为专业的网页设计工具软件，它包HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、Shockwave等各种编程工具，而且它还能通过拖曳制作动HTML动画，支持动态HTML(Dynamic HTML)的设计，使得在没有 制定解决方案 这里以介绍世界文化遗产“北京故宫”作为示例，规划和建立一个网 对于作为示例的“北京故宫”网站而言，构思轮廓可以大致如下： ●网站的名称：世界文化遗产——北京故宫。 ●网站的主题：世界文化遗产“北京故宫”的基本情况介绍。 ●网站的内容：关于北京故宫的文字说明，相关的配图和录像资料， 郁的人文气息。 ●网站的结构：采用一个主页，下面链接数个网页的两层结构。 那么，网站策划构思过程中，需要考虑哪些因素呢?素材的收集与整理针对“北京故宫”，可以从网络和各种光盘中，收集有关故宫的文字OCR软件转换成文本格式的文件。 素材的收集与整理“北京故宫”制作网页 网站的主页是进入其他网页的通道，所以在主页上应包含转入到其他 1、（用FrontPage2000） 设计制作网页一般要经过以下几个基本步骤： 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) 设置网页背景颜色： （演示：改变背景颜色）。 设置背景图片：