PPT《4.3 网站实现》

4.

3 网站实现 zxxkw 学科网 学.科.网4.3.1 建立站点 1. 站点的创建 站点是网页等一组网络资源的集合,我们把制作的所有素材和网页集合成一个网站,便于维护和管理.在本地机上它事实上是一个等待发布的本地文件夹. 站点的创建 建立自己的主题网站,首先需要创建一个Web站点,用于保存和调试创建的网页. 执行:"文件"―"新建"―"站点" 8个模板和向导 设置好后点击"确定"按钮,系统会自动为用户建议一个新的站点(包含文件夹),这时屏幕上会自动列出"文件夹列表",底下第一个文件夹是展开的,接着有两个子文件夹和一个文件.private"文件夹":用户不想公开的文件保存在这个文件夹中.images":保存网页中所使用的图片 "index.htm":index的中文意思是主页,后缀名是"html"或"htm". 建立站点的注意点:a、站点中的所以文件及文件夹的命名最好不要出现中文 b、建立完整的文件夹(如:images, html 等名字的文件夹)c、网页的主页命名为index.htm d、所有的资料都要放在站点里面 zxxkw 2.设计目录结构在建立网站的目录结构时,还应注意以下几点:不要将所有文件都存放在根目录下,这样文件不易管理,并且影响上传速度,而应该按栏目内容建立子目录在每个栏目的目录下都建立独立的images目录目录的层次不要太深,最好不要超过3层,以便于维护、管理.不要使用中文目录,因为这可能对网址的正确显示造成困难.不要使用过长的目录,尽管服务器支持长文件名,但是太长的目录名不便于记忆. 学科网 4.3.2 网页制作 1. 利用表格定位网页 表格是在网页设计中用得最多的元素,可以说几乎所有的网页都是使用表格来组织的.表格在网页中有定位和设置网页布局的作用,利用表格可将各块内容分类列出,使网页清晰美观、富有条理.表格中可以包含你喜欢的任何内容,包括图象、文本、多媒体文件,甚至有嵌套的表格. 1. 利用表格定位网页 在用表格布局时,表格的边框粗细应设置为0. ? 注意: 在用表格布局时,表格的边框粗细应设置为0.网页中的表格除了可以用来定位和布局外,还可以当作普通表格来使用,但注意此时的表格边框粗细不能设置为0 zxxkw 2. 添加网页元素(1)编辑文字 Frontpage提供了较为全面的文本处理功能,我们在网页中输入文本,然后通过各种字体、字号及字型的设置来美化版面.向网页中添加文本时,可直接输入,也可将现有文档复制到网页中. (2)插入图片和动画 在网页中可以插入多种格式的图片,但我们一般应选用那些压缩比高的格式的图片,例如GIF、JPG等格式的图片. 动画的格式有很多种,如GIF图片动画、FLASH动画、视频动画等. zxxkw 3. 使用模板制作其他页面 为了保持网站风格的一致性,其他页面的标题、标志、导航栏、附加信息栏等网页元素的样式与主页是一致的.因此,我们可以把相同的部分提取出来制作成模板,供制作其他页面时使用. 4.3.3 建立超链接 1. 链接结构 网站的链接结构是指页面之间相互链接的拓扑结构.一般来说,网站的链接结构主要有两种:树状链接(一对一)、星状链接(一对多)总结:这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用. 2. 插入超链接 用超链接可以实现从一个网页到另一个目标的连接.超链接可分为文本超级链接和图片超链接两种表现形式,不管建立哪种超链接,方法都基本相同,关键是定义超链接的URL.(1)设置文本超链接(2)设置图片超链接 就超链接链接到目标对象来说,可以分为以下几种:(1)WWW超链接:用于访问WWW服务器(2)FTP超链接:用于访问FTP服务器(3)BBS超链接:可以通过两种方法建立BBS超链接,一种是HTTP协议,一种是Telnet协议(4)E-mail超链接:在网页中经常见到"联系我们"、"给我写信"等字样的超链接,这就是E-mail超链接(5) Telnet超链接:该链接的URL使用Telnet协议形式,现在很少用到. 3. 超链接的色彩在网页中有三种不同状态的超链接:未访问过的超链接正在访问的超链接已访问过的超链接 超链接颜色的修改 在"网页属性"的"背景"选项卡中设置