现代教育技术部 张建威 Email: oldguitar@dlmedu.edu.cn.

Presentation on theme: "现代教育技术部 张建威 Email: oldguitar@dlmedu.edu.cn."— Presentation transcript:

1 现代教育技术部 张建威

2 培训说明 培训目的： 学习建议： 使参加培训人员掌握基本的网页制作维护技能，自主运用相关软件进行网页维护。
学习前提：熟练进行基本的文件操作，熟练使用Office和简单常用的工具软件 参阅：网上有相关教程、任何一本Dreamweaver学习书籍

3 学习内容 静态网站维护初步： 运用Dreamweaver，对已经存在的静态网站进行内容更新；学习文字录入编辑，段落编排，表格运用，图片插入编辑，超级链接；简单了解Html 图形处理初步： 学会运用Photoshop对图片做简单的处理 学习使用相关工具软件： CuteFtp, Acdsee, et al 动态网站维护高级技巧

4 相关背景知识 大医域名：dlmedu.edu.cn 学校内主页服务器有:www, home, inner
主页发布原理 服务器安装了默认的主页发布程序，网站用户事先将制作完成的网站上传到服务器指定目录下。服务器正常工作时，网络用户访问该服务器进行浏览请求，即可进行网页浏览

5 普通静态网页的特点和工作原理

6 主机IP地址： IP地址是Internet上主机的数字式标识符。它具有唯一性。联网客户机有IP地址，服务器也有IP地址
相关网络术语 主机IP地址： IP地址是Internet上主机的数字式标识符。它具有唯一性。联网客户机有IP地址，服务器也有IP地址 连接服务器有两种方式：域名方式，IP方式 VS

7 一、静态网站维护

8 网站编辑的大概步骤 网站构划 收集素材 勾画草案 网页制作 调试修改 发布 维护更新 维护过程需要把握的原则
保持网站结构的完整统一 目录层次、文件素材的安排要统一 保持整体风格的一致性 字体、颜色、导航、网页样式一致 注意链接导航的正确 保持网站的可维护性 文件名称要便于记忆 多人开发要有维护日记

9 实战网页维护第一步 服务器网站的本地下载 及FTP软件的使用

10 了解CuteFtp软件 使用FTP软件而不是用浏览器，更方便，而且支持断点续传

11 连接过程： 打开建立好的标签，填写用户密码，连接本地和服务器；成功后， 选中本地窗口的文件，用文件上传按钮传送至服务器； 选中服务器上的文件，用文件下载按钮传送至本地。
在服务器端可做的操作和设定： 新建文件夹，文件（文件夹）更名、删除、权限的设定等

12 实战网页维护第二步 DreamWeaver的使用

13 Dreamweaver界面介绍

14 简单系统环境设定 “编辑”菜单的“首选参数”选项的设定： “常规” 编辑选项：使用CSS而不是Html代码不选中（因为会整体运用CSS设定）
隐藏表格宽度显示 方便操作

15 站点建立 新建站点 利用文件面板的管理站点窗口建立一个站点 可采用基本模式，利用向导完成设定；也可以用高级模式。具体：需要设定站点名称、本地根文件夹。其他项可暂时采用默认设定。 编辑站点 删除编辑站点列表

16 实战网页维护第2.2步 站点文件管理及文字编辑

17 基础操作——新建文件 新建文件 第一种方法：通过 文件> 新建命令，然后再保存，这种方法可新建出各种类型文件 常用：基本页(html),框架,模版,CSS文件,动态页(ASP,PHP,JSP) 第二种方法：通过文件面板新建.htm文件 静态网页维护时的编辑方式，即静态主页更新维护增加新页面的方式：对已有文件进行复制、粘贴，然后对新文件更名，再修改其内容。特点：保留原有文件的图片，整体框架格局等，只改变文字和链接

18 文件的命名原则和层次管理 主页文件（夹）名称约定 不能用中文和不合文件名规范的名称；
首页必须为index.htm或者default.htm等默认首页文件名 文件层次管理 文件命名经验：对不同内容的文件名称的起名方法: 多利用下划线，原则是便于记忆维护。 book_admin.htm, update_ htm 文件层次管理：不同栏目设立不同文件夹；利用文件名区分；图片和文件一般要分开，单独设立图片目录images

19 打开文件及特殊文本处理 通过文件 > 打开命令 在文件面板站点文件夹中里找到相应文件，双击打开
复制word文件的内容到网页： 要注意祛除word本身所带的各种控制符项，一般情况下，可直接复制、粘帖。特殊情况下，可通过二次粘贴——先经过记事本，再粘贴至网页文件或者通过DW的选择性粘帖功能进行

20 页面属性的设定 网页标题 除了frame页面，不要使任何一个页面标题为: untitled documents
背景图片（介绍图片的平铺方式） 页边空白距离设定 其他 e.g. 编码方式等 在CSS里进行设定而一般不在页面属性设定的要素包括 链接颜色 网页文字颜色

21 文档编辑 基本字块操作：文字的复制、粘贴、剪切，查找、替换、删除； 字的属性设定： 字号 颜色 字形 对齐方式 字体
问题：能否随意设定主页文字的字体，象在word里那样？能否随意设定文字的颜色？？

22 Attention! 字体设定重要原则：兼顾受众 安全中文字体：宋体、仿宋体、黑体、楷体 特殊字体的处理方法：图片 一些特殊符号输入的处理方法：小图片 繁体字、生僻字应用全拼等输入法，采用GBK字库，如喆 (！上标下标有专门的html标记: sub, sup) 颜色知识：介绍网页安全色216色（兼顾pc和Macintosh）特殊颜色需要承担风险！

23 其他编辑操作 特殊字符插入 特殊格式：项目编号 水平线 文字对齐方式及段落格式的设定 回车和空格问题 段内换行，段落换行
  全角空格

24 实战网页维护第2.4步 插入图像和多媒体对象

25 插入图片和Flash 使用图象重要原则： 减少尺寸，限制颜色，保持低分辨率，使用重复图象 ——在保持图像满意精度内，尽可能保持图象小
采用压缩格式: JPEG, GIF, PNG jpeg保留图像色彩，损失图像精度；gif保留图像精度，损失颜色 人物、风景等高色彩图片宜保存为jpeg，卡通等图片宜保存为gif 特殊介绍：gif 87a, 89a--> 透明图、交错图、动画 PNG功能全面，但尺寸很大 Swf文件特点： 动画更灵活，有交互功能，支持网络流式传输，优势明显 使用图象重要原则： 减少尺寸，限制颜色，保持低分辨率，使用重复图象 ——在保持图像满意精度内，尽可能保持图象小

26 插入图片实际应用问题 属性设定问题 单纯改变图片外观大小，不影响图片文件实际大小尺寸 设定外框宽度 对齐方式
替代图替代文字（考虑受众的人性化属性） 缩略图（可用相关工具软件自己制作，如PS, ACDsee; 缩略图大小可以自定一个统一的规格，如125*94） 图文间距； 图片注意保存到网页目录下

27 插入图片实际应用问题 插入图像占位符 为将来插入图像做准备 影像地图链接 详见链接章节

28 实战网页维护第2.6步 超链接

29 链接类型 普通链接 外部链接：不同网站内指向链接 内部链接：同一网站内不同网页间链接 锚点链接：链接到同一网页内某位置 电子邮件超链接
创建影像地图 翻屏原则 纵向翻屏不应该超过3-5页；尽量避免水平向滚动翻屏 当网页文本容量超过2个滚屏时，应该考虑运用超链接或者进行重新的网页拆分和规划

30 链接路径 URL（Uniform Ralative Location)统一资源定位符 每个网页都有的唯一的地址
绝对路径：完整的URL e.g. 做外部链接时使用 相对路径：省略两个文档相同的URL部分 注意同文件夹、子（父）文件夹文件链接时的写法 e.g. ../index.htm; image/logo.jpg 根相对路径：e.g. /image/newpic.htm 同一网站内部链接注意使用相对路径和根相对路径，不要使用绝对路径

31 链接操作 进行链接的对象 文字，图像 普通链接，注意设定打开目标页Target _blank, _top, _parent, _self(默认） 锚点链接 方法一：鼠标操作， shift+锚点； 方法二：#+链接锚点名称 影像地图 鼠标拖动创建热区，可建立多个热区 选择热区创建链接 注意热区的替代文字设定alt 注意每个地图起唯一一个名称

32 链接原则 重要原则 好的网站要有完善、发达的导航系统，且要明确； 所有链接必须测试可用，准确； “能进能出，能上能下……”
管理超级链接：更新主要工作之一 检查可能出错的地方如：不存在的文件，特别是外部站点不存在的文件链接

33 导航栏：特殊的链接体 导航对网站意义： 明示网站结构、方便访客浏览 导航栏相对于普通链接的特别之处： 同一位置，外观效果一致
导航栏的制作：表格+文字+图形

34 实战网页维护第2.8步 中高级技巧-表格运用

35 表格作用 最强大的主页布局工具，既完美解决所有静态主页图文布局，同时也符合低端设计的原则（对比layer）
表格中可导入的元素多种多样： 任何一种主页元素，也包含表格本身，即可以实现表格的嵌套 表格的主要功能： 表格化数据、设计页面分栏、定位文本和图像等 重新理解表格： 不仅仅是表格化数据的载体，表现方式多样化

36 认识表格 行，列，单元格 HTML标识符 table, tr, td （没有列的概念）
行（ Row ） 列（Columns） 单元格填充（Cell padding）单元格内容与边线的距离 单元格间距（Cell spacing）单元格之间的距离 表格宽度（width) 可用像素数和百分比两种方法表示 表格边框（border）表格线的像素宽度，为三维显示效果

37 表格属性设定 Table ID：表格ID的命名 Align：表格与其他元素的对齐方式
Clear column width/row heights 删除表格的行高列宽值 Convert talbe width/heights to pixels 将表格由百分变为当前宽度/高度 Convert table widths/heights to percent 将表格由像素变为百分表示 Bg color：表格背景色 Brdr color：表格边框颜色 Bg Image：设置表格背景图案

38 单元格属性设定 水平：单元格内元素水平对齐方式 垂直： 单元格内元素垂直对齐方式 不换行：改变默认的单元格内字绕排
标题：设为表头，样式：粗体，居中对齐 合并、拆分单元格 单元格的高度、宽度 单元格的背景图片和颜色设定，边框线设定

39 调整表格 调整大小 调整表格行宽、列高 推荐使用属性设定，精确设定 清除表格行列值 修改不满意的设定；创建大小自适应表格 复制表格单元
选中表格或者行、列、单元格 表格复制需注意： 不能对不成矩形的表格元素内容进行复制粘贴，必须保证目标单元格和源单元格的格式完全一致

40 表格设定难点分析 表格宽度巧设定 两种模式：固定像素值；百分比宽度。 在具体操作时，往往是两种设定混用。 如：布局用的最外端的多列表格往往需要总宽度、n-1列宽度设定为具体像素值。而其内部嵌套用布局表格则往往运用百分比宽度，方便进行自适应。 表格嵌套 是进行复杂排版所必须的 表格布局至关重要，需要经过精心设计甚至周密计算。

41 表格排版实例分析 普通800*600模式下的页面宽度的设定： 考虑到导航条的宽度，窗口默认原始的非最大化的尺寸，最终设定为777。
一个理想的主页应该是兼容640*480以上所有显示模式 理想的排版应该是通过表格＋图片实现 举例：第2版大医主页首页 Space图片 实际上是通过高度为1，宽度为适应单元格宽度的一个透明gif，来实现了主页排版功能，同时保证了最小的额外图片大小

42 表格应用实例分析 Word表格插入网页调整过程 安排多图片问题 去处行高、行宽，使之成为自适应大小表格 调节单元格边距或填充距离
设定表格框线宽度 设计表头 安排多图片问题 用边框宽度为0的表格进行安排

43 实战网页维护第2.9步 层技术的运用

44 层的特点 以像素为单位精确定位页面元素；移动方便、放置随意；层有前后显示顺序； 内置元素包括所有网页元素（文本、图像、表格、层嵌套）——容器
层属性多样：隐藏、背景 配合JavaScript可以实现多种特效，如菜单 不足：不能相对定位；不能被嵌入其他容器，如表格；浏览器要求IE4.0以上

45 DW设定层 F2 高级布局栏里可设定层； 编辑->参数一项里，可以设定插入的默认层的情况；
设定层的属性： LayerID：层名称； 左、顶边距；层宽、层高； Z-index：层的堆叠顺序号； 显示初始值：默认（可见）、inherit继承、可见、隐藏 层的背景颜色、背景图片； 层边距

46 创建层 菜单操作插入默认层 用插入栏里层工具在编辑区拖曳画出 创建嵌套层方法： 用插入栏里层工具拖曳到编辑区已有的层中创建
对两个并列的层，在层面板里通过ctrl+鼠标操作实现

47 层的操作 层中加入对象 选择层（方法繁多，如shirt+层内单击） 多层同时选中，用shift 移动层
多个层的操作： “修改->对齐” 可设定对齐方式改变： 左右上下对齐；可设定大小为高度相同或者宽度相同 图层吸附到网格 改变层的叠放次序：改变z-index值 改变层的可见性 层和表格的相互转化（又一傻瓜型排版工具）

48 实战网页维护第三步 网页上传到服务器

49 上传过程注意的问题 重要文件的备份 更新日记

50 实战网页维护第九步 网页维护进阶内容 了解HTML语言

51 什么是HTML 标准通常标注语言 (Standard Generalized Markup Language, SGML), 是一种用来定久标注记号的语言. HTML就是SGML的 一种 “应 用”. HTML全称为Hyper-Text Markup Language, 本身是一种标识语言。在HTTP协议支持下，用这种标识语言编辑的超文本文件可以被各种浏览器识别并加以解读执行，从而实现网页文件的浏览下载，亦即WWW网页服务。

52 HTML文件基本结构 html文件由元素(element)组成，组成html文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”，即它有起始标记和结尾标记。 例子: <body backgroud＝“back-ground.gif”> <p>This is my first html file. </body> 说明： < 元素名 > 元素开始标识符； </ 元素名 >元素结尾标识符；两者之间的部分如第二行是该元素的元素体；一个元素的元素体中可以有另外的元素。个别元素标识符可以没有结尾标示符。 body 元素名称；background 属性名；属性名,＝,属性值合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开；

53 HTML页面完整结构 html文件仅由一个html元素组成， 即文件以<html>开始，以</html>结尾，文件其部分都是 html的元素体。html元素的元素体由两大部分，即头元素<head>..</head>和体元素<body>…</body>和一些注释组成。头元素和体元素的元素体又由其它的元素和文本及注释组成。 <html>　　　html文件开始 <head> 文件头开始 文件头 </head>　 文件头结束 <body> 文件体开始 文件体 </body> 文件体结束 </html>　　 html文件结束

54 元素出现的位置：部分只能出现在头元素中，绝大多数元素只能出现在体元素中。
在头元素中的元素表示的是该html文件的一般信息 出现在体元素中的元素按次序对html文件的标识文本进行输出 html的元素有下列三种表示方法： 1) <元素名>文本或超文本<／元素名> 2) <元素名　 属性名＝“属性值…>文本或超文本<／元素名> 3) <元素名>

55 应该了解的Html元素 文件头部分 <title>标题</title> //网页标题 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”> //环境设定 <meta name=“keywords” content=“关键字”> //关键字 文件体部分 段落<p>； <br>段内回车 项目编号<ul><li> 超级链接 <a > 表格 <table> <tr> <td> 具体实例 <table> <tr> <td> <ol> <li><a href="#1">first</a></li> <li>second</li> </ol> </td> <td> </td> </tr> <td><p>a sample<br> for table</p> <p>the end </p></td> </table>

56 了解Html对主页制作的意义 Dreamweaver相对于FrontPae 本身就是更贴近Html编辑的一个主页制作工具。每一个对象的属性设定实际上都是工具化了的Html代码编辑。了解了具体的Html代码中元素的各种属性和功能，就能更好的对主页对象进行合理合适的编辑。 应用更方便，比如利用Html标签可以方便而准确的对一些主页元素进行选择。 适合中高级主页编辑者对主页源代码进行最经济和最准确的精简，最大程度避免代码冗余。 中高级网页设计所必须。如CSS, JavaScript等的插入编辑，ASP, PHP等动态网页的编辑。 主页维护必须。一些未知因素导致的页面设计上的失误往往需要通过Html编码直接查错修正才可能解决问题。

57 实战网页维护第十步 网页维护高级内容 了解CSS层叠样式表

58 Cascading Style Sheet CSS是控制网页显示效果的一个格式规则的集合，它允许设计者在HTML文档中加入样式（字体类型、颜色、大小等） CSS应用例子： 去掉链接文字的下划线 改变浏览器字体大小情况下文字的变化 需要掌握的CSS： 字体大小、颜色、外形、段落行距的设定 伪类的设定 表格边框的设定 图片等元素的定位设定

59 将样式与HTML结合 在文档<head>中定义,例子: <html> <head> <style type=“text/css”> <! -- h3 {font-family:Arial; font-style:italic; color:green} --> </style> </head> <body> <h3>This is a green, italic, Arial H3 header.</h3> </body> </html> 在行内定义CSS <h3 style=“font-family:Arial; font-style:italic; color:green”>This is a green, italic, Arial H3 header.</h3> 外挂CSS定义 <link rel=“stylesheet” href=“style1.css”> Font-family:Arial 等效<font face=Arial> font-style:italic 等效<em> color:green 等效<font color=“green”>

60 样式控制优先次序 编辑窗口里对具体对象的最后属性设定； CSS类 没做任何设定时候下浏览器的默认值

61 CSS定义结构解析 定义样式：H3 {font-family:Arial} 选择符，属性，属性值；多重属性用分号分隔；
用Class和ID作为选择符 .pink {color:#ff00cc} #bright {font-weight:bolder;color:#00ff00} <p class=“pink”>pink dream come true</p> <p id=“bright”>this is the bright word</p> 简化编码办法 选择符编组 table,tr,td,p {font-size:9pt} 简化编码 em {font:9pt/12pt bolder}等价于font-size:9pt;line-height:14pt;font-weight:bolder

62 在DW下如何运用CSS 在DW MX下 CSS使用三种方式：链接、导入、嵌入；前两者可用于多个页面共用一个.css样式表文件
Custom CSS，类（class） 类的应用代码是 class=“ class name “ CSS selector，定义伪类，主要是对链接的设定 a:link; a:visited; a:hover; a:active Redefine HTML Tag 对HTMl标识符进行设定 New style Sheet File的建立和CSS样式表的导出 自定义CSS的应用 外部CSS样式表的应用

63 运用CSS时机 普通的页面编辑无法实现的主页特效和显示效果 如：改变链接的默认显示样式等；
同一网站不同页面共同需要的格式，使用CSS可以保证文件尺寸最大的精简，同时.css文件共享还实现了主页格式的方便移植。

64 实战网页维护第十一步 网页维护进阶内容 主页特效初步

65 推荐软件 任何一款网上常用的特效软件 如：主页特效王，greentea等
按特效软件提示向导，填入必需的设定项目，将自动生成的JavaScript代码copy到网页文件代码中 JavaScript的两种调用方式 .js文件可以被网页进行外部调用 以Script脚本语句直接嵌入到页面任何位置

66 图片特效软件推荐 Anfy 2.0 特点：以applet（外挂）生成的眩目的主页特效，效果丰富出众
应用时按向导完成设定，注意将支持特效的.js文件一起copy到网页目录下

67 实战网页维护第二十步 网页维护高级进阶内容 应用DM的JavaScript行为

68 JavaScript简介 JavaScript是Netscape公司产品;（Java语言是SUN Microsystems产品）
程序语言本身类似Java，C； 嵌入代码，通过浏览器识别执行后，达到改变页面属性，控制浏览进程 能实现交互功能；完成大量主页特效 如：鼠标敲击移动事件等等

69 JavaScript行为 行为是被用来动态响应用户操作、改变当前页面效果或者是执行特定任务的一种方法
行为=事件+动作 事件为大多数浏览器理解的通用代码，可以由用户激发如：onMouseOver等；一个事件可以触发多个动作 举例：轮转图片（鼠标移动到图片上方，图片发生变化的主页特效） DW MX里提供的“行为”功能，是一套封装好的JavaScript函数库；包含20多种行为动作

70 使用DW行为功能 例子：单击图片，关闭当前窗口 步骤： 调出“行为”面板（shift+F3）
选中插入图片，添加行为call JavaScript 对话框中编写代码为“window.close()” 选择触发事件为onclick

71 动作使用方法例解（1） Call JavaScript 调用JavaScript
Change Properties 改变属性 例子：层改变背景颜色 Check Browser 检查浏览器 可根据客户端浏览器的不同选择不同页面；注意这个行为的工作流程 Check plugin 检查插件 可设定flash网页和非flash网页

72 动作使用方法例解（2） Control Shockware / flash 控制flash Drag layer 层移动 设定分基础、高级
Go to URL 跳转链接 在框架页中打开注意先设定好框架名称 Open browse window 定制打开窗口 Play sound 支持音乐文件类型：midi, mp3, wav

73 动作使用方法例解（3） Popup message 提示信息框
Preload image 预下载图象 对不会立即出现的图象载入到浏览器缓存，如使用时间轴、timeline、交互图象 Set text 动态改变层、框架、状态栏等的文字 Show-hide layers 改变层的显示状态：显示|隐藏 Swap image 跳转图象 注意两张图片大小要一致 扩展使用：set nav bar image Timeline Validate form 自动检测表单内容合法性

74 参考书目

75 贾春红.网迷新宝典-DreamweaverMX网页制作[M].人民邮电出版社,2002
黄斯伟.网页样式设计-CSS.人民邮电出版社.2000 Steven Holzner.JavaScript使用详解.机械工业出版社.1999 Lee Anne Phillips.巧学活用HTML4.机械工业出版社.1998

76 附：常用软件用法

77 ACDsee

78 两种界面： 浏览界面，文件夹界面（可以进行图片文件的管理）
除了图片浏览，还可以利用的附加功能： 图片的简单处理——大小变化，旋转，格式转换 缩略图及网页的建立

79 PhotoShop

80 基本概念和基本操作 新建图像 设定图像宽度，高度（单位：像素） 设定分辨率，网络图像分辨率可设定为72或100
图层概念及操作 文本和中间所有图形层次都是有前后次序的层 保存文件 保留所有操作层次的原始文件为.psd格式； 网络图像可用压缩格式jpeg和gif设定输出 常用工具 选择工具，裁切工具等 常用操作 对比度亮度设定，层的复制删除操作，文本操作等

81 应用（1）数码照片的处理 图像大小和分辨率的调节 一般数码相机默认设定下所拍摄的照片，分辨率都在1024*768以上，不适合直接插入网络，需要经过大小和分辨率的调节，进行插入。 理想图像大小 单个网络图像大小原则上不超过100K；过大的图形可以分割为多个小的图像，加快图像的网络传输速度 具体操作 改变图像大小和分辨率，调节亮度对比度，压缩保存

82 应用（2）缩略图的制作 设定一个默认的统一规格的缩略图大小 笔者一般以125*94作为统一规格，这是800*600等标准分辨率的等比大小
以125*94为一个基本比例，在图形中通过新建，等比扩大，载入选区，确定一个合适的缩略图范围然后进行图形裁剪； 将图形大小设定为一个640*480标准图形比例，调节亮度对比度，输出成压缩格式的原始图形 将图形大小设定为125*94，描边后，输出成压缩格式的缩略图

83 实战网页维护拾遗

84 静态网页维护步骤-1 素材分类 对已有素材按照栏目进行分类
素材整理 对已有的word文件等文本素材进行规整，最终整理成文本文件；对数码图片，扫描图片，抓屏图片，excel内嵌表格图片等进行分类和处理，尽量保证每张图片大小<100k；按需要对图片做缩略图处理。 新文件建立 对以前文件做简单的复制粘贴后改名，最大程度保留所有以往网页文件的格局。

85 静态网页维护步骤-2 新文件基本信息处理 对网页标题，关键词，更新日期，期刊号等信息做更改和更新
新文本建立 在主要文本位置删除旧文本信息，粘贴新的文本并简单排版 图片和表格的插入 按需要插入图片，设定图文排版方式；直接从word中插入数据表格，并对插入的表格做简单格式化处理

86 静态网页维护步骤-3 上传服务器 利用FTP软件，将更新内容上传到主页服务器上
调试 上传前要做本地的预览；上传后要到实际的地址做测试，确保更新无误 做更新日记 良好的工作习惯，便于日后查询和多人合作更新主页

87 特殊情况处理 栏目增减 考虑到导航条的问题，需要对所有已存在的网页文件做更新处理，比较麻烦。所以原则上，在网站建立最开始就要确定栏目，一般不要做调整。 特殊栏目可以只在首页加链接即可。 主页特效 利用相应的主页特效软件可实现简单的主页特效。如：弹出信息窗口等等

88 二、动态网站维护

89 目前动态网站存在的问题 安全性差 对开发商或软件提供者依赖严重 程序安全性，非开源代码支持的程序有后门可能
数据库保密性差，开源程序用源文件名数据库，一旦被人猜出，后果严重 开源代码有漏洞，成为黑客攻击的靶子，连带整个主页服务器有被攻击的危险 账户、密码多人知道，管理松散，有安全隐患 上传机器有病毒、木马 对开发商或软件提供者依赖严重 无法定制所有功能 版本繁多、对服务器要求多而高，而相应的保护机制没跟上

90 动态网站维护高级技巧 利用第三方主页编辑软件换得HTML代码，再通过后台编辑器提交——最大程度的获得网页提交的灵活度
实例分析：大医新闻中多图片新闻的处理 在服务器上建立手动上传图片目录如uploadpic 将处理好的图片传到uploadpic 在第三方主页编辑软件如DW中利用编辑器简单编辑网页 注意：链接的目录层次、是否应用缩略图 在DW中，在Code模式下，将编辑好的主页对应的HTML代码复制到后台编辑器中 注意要对应HTML模式