试谈企业网站维护.doc

企业网站维护第一章 页面制作基础（HTML超文本标记语言）、（CSS层叠样式表）（META）（URL统一资源定位器）一、概述v 静态网页：只能浏览，不能实现客户端和服务器端的交流互动v 动态网页：网站页面随用户的输入而变化，能与客户端交流互动 v 本地站点：一个在我们自己的计算机上，存储网站所有文件的临时文件夹v 远程站点：位于远程Web 服务器上，与本地站点相对应v 根文件夹：用于存储网站文件的本地根目录v 三种段落格式：段落、标题、和预先格式化的v HTML表格可以装载页面的各种元素，文字、图片、动画、多媒体等等 二、插入空格的方法1、shiftalt空格2、输入法换成全角3、编辑首选参数常规允许多个连续的空格4、从其它文档中复制空格三、换行的快捷键：shiftEnter四、表格的三个元素：1、行 2、列 3、单元格五、表格布局一般不超过三层：1、外层以像素 2、内层以百分比：便于以后调整第二章 HTML基本标记和网站链接一、HTML的标记有以下三种表示方法 文本或超文本 这是关闭型标记 文本或超文本 这是带有可选属性的标记这是“非关闭型”标记二、META标记1、设定关键字 ：2、索引向导 ： 部分：v 头部：v v 无标题文档v v 主体： v meta标记搜索关键字测试v v 三、常见META应用时代营销-网络营销专业门户四、Robots META标签的写法：一共有四种组合： 首页 顺着找 不是首页 不顺着找五、Expires（期限）,可以用于设定网页的到期时间(GMT的时间格式) 六、refresh（自动刷新）,比如间隔5秒网页自动刷新，并指向新的URL网址七、用法v v v v v 无标题文档v v v meta标记refresh刷新测试v v v v v v v v 无标题文档v v v meta标记expires过期测试v v /html八、 可添加属性以定义为列表项生成的编号系统 大写罗马字母小写罗马字母大写字母小写字母使用 1 以外的数字开始编号 属性指定列表的起始数字九、 其它常用标记：使用示例font标记的用法原创作品区 商业插画作品区精品插画创作 插画CG涂鸦草图练习区CG涂鸦草图练习 插画CG作品完稿区写实风格COLOR用于指定字体的颜色。可以指定颜色名称或十六进制值SIZE用于指定字体的大小。可以为字体指定的大小范围为从1-7，最小为1；也可以使用一个默认字体大小，然后相对于该默认大小指定后续字体的大小。例如，默认字体大小为3，则SIZE+=4将使大小增加到7SIZE-=1将使大小增加到2FACE用于指定字体的样式、类型使用示例HR的用法插画中国论坛:漫画 + 卡通 + 吉祥物 + 游戏 + 海报(原创) 发贴的同志请注意标题了:属 性说 明ALIGN指定水平线的位置。可以将水平线居中对齐、右对齐或左对齐。例如，ALIGN = centerWIDTH指定水平线的长度。可以按像素或百分比为单位指定其长度。默认值为 100%，即横穿整个文档SIZE指定水平线的高度，以像素为单位NOSHADE指定水平线以纯色而不是以阴影进行显示COLOR指定水平线以一种颜色显示，可以指定颜色名称或以十六进制值表示使用示例网络世界 硬件/外设外设产品 磁盘陈列 、嵌入背景音乐：、纵向的滚动字幕：欢迎访问！十二、特殊字符：特殊字符转 义 码示 例空格 欢   迎   光   临元 (￥)¥售价：¥68大于 ()>If A > B Then A = A + 1 小于 ()<If A < B Then A = A + 1 引号 ( )""是还是不是？"这就是问题所在“与”符号 (&)&William & Graham去了集市版权号 ()©注册商标 ()®十三、Table标记的属性值属 性说 明Align属性对齐方式，值有三个left、center、rightWidth属性表格宽度，单位可以是百分比或像素Bgcolor属性定义整个表格的背景色，值为一种颜色名称或16进制的值Background属性定义整个表格背景以一幅图片平铺Cellspacing属性定义单元格之间的间距Border属性定义边框的是否显示Cellpadding属性定义单元格内的间距十四、HTML表格标记标记说 明 和定义表格的标题，此项可省略和用于定义表格的行和用来设置表格栏标题 ( 表头 ) ，显示为粗体字此标记可省略 和用来装载单元格数据，他们必须位于和标记之间标记标记有很多属性如bgcolor（背景色）、align（对齐方式）和valign（垂直对齐方式） 示例： 书籍分类 经济学 IT 外语 博一论奕 flash脚本编程 英汉词典 微观经济学 网络技术基础 英语900句 URL组成：1、Internet资源类型（scheme） 2、服务器地址（host） 3、端口（port）4、路径（path） 十五、链接类型种类说 明外部链接跳转到站点外其他网站的链接内部链接站点根目录内文档之间的互相链接,也 成为相对文档连接Email链接可以实现打开Email客户端应用程序进行撰写发送邮件的工作局部链接在同一文档内部或不同文档之间指定位置的链接其选项值有以下4种：_blank ：将打开一个新窗口_parent ：将在父窗口中打开（使用框架时）_self ：将在当前窗口中打开_top：将在上级窗口中中打开（使用多级框架时） v 外部链接：指向站点外的链接v 内部链接：站点内部文档之间的互相链接，也成为相对文档连接 v Email链接 ：单击此链接就会启动本地计算机中安装的Email客户端应用程序，就此可以开始写邮件，并进行发送等操作 v 局部链接 ：就是锚记链接，利用命名锚记，使用户“跳”到文档的不同部分 ：鼠标指向停止设置：文字滚动：文字第三章 插入图像、Flash及其他多媒体对象一、三种格式1、GIF格式：（1）采用无损压缩方案，图像压缩后细节损失小（2）支持部分背景透明（3）磁盘空间占用较少 2、JPEG格式：（1）具有调节图像质量的功能（2）用不同的压缩比例压缩文件，可以在图像质量和文件尺寸之间找到平衡点3、PNG格式：（1）存储形式丰富，兼有GIF和JPG的色彩模式（2）能把图像文件压缩到极限，又能保留所有与图像品质有关的信息，有利于网络传输三种格式的优点：1、GIF支持透明和多帧动画，体积比较小2、JPEG支持真彩静态图像，体积也比较小3、PNG虽然综合了两者优势，但是对浏览器支持不够好二、导航条：导航条 ：插入交互式图像导航条三、插入Flash多媒体对象 Flash文件的三种格式（一）Flash源文件格式：1、扩展名为.fla，在 Flash环境中创建2、 只能在Flash程序中打开的文件格式3、 此格式不能插入到网页中（二）Flash影片文件：1、Flash程序中发布或导出的影片扩展名为.swf 2、可以插入到网页上载到web，可以直接在浏览器或媒体播放软件中播放观看3、不能在Flash应用程序中进行编辑 （三）Flash模板文件：1、扩展名是.swt，用户可以用它修改和替换Flash影片中的信息 播放软件 支持的文件类型 Windows Media Player asf，wma RealPlay rm，rmvb wav，mid，rmi，mp3（音频）；avi，mpg（视频）四、 热区是指图像中设置的指向不同超链接的区域 绘制热区：绘制各种形状的热区：热区分为：圆形、矩形、多边形 热区创建后在属性面板上设置热区的属性 ：1、链接 2、目标 3、替代设置透明视频参数：wmode transparent设置音乐隐藏：hidden true Autostart 1 Autrewind 1第四章 表单、框架、模板和库一、表单的作用：可以收集来自用户的信息是网站与用户进行信息沟通的主要手段（包括：说明性文字、用户填写的表格、提交按钮和重填按钮等内容）（一）、在内，有3个属性：1、actiont 2、method 3、target（二）一个完整垢表单由两个基本部分组成 ：1表单域：（） 它是属于一个容器标记 2、表单对象：如：文本框、密码框等（三）、表单的属性：1、表单的名称：用于在脚本中对表单对象的引用2、动作：用来表明处理表单信息的脚本或程序的URL3、方法：（1）post表示将表单值以信息包发送给服务器或处理程序，对于重要信息的提交建议用post（2）GET表示将表单值作为URL的附加值发送出去，最多可发送1024字节，通常表示方法是GET4、MIME类型（多目的Internet邮件扩展）：用于创建电子邮件交换、网络文档、企业网，及Inertnet上的其它应用程序中的文件格式的规范，每个MIME格式包含一个mime内容类型（“MIMEtype“）和指示存储在这个文件中的数据的子类型。MIME类型和子类型一般以类型/子类型的形式列出。#常见的MIME类型如下：1、超文本标记语言文本.html,.html text/html2、普通文本.txt text/plain3、GIF图形.gif image/gif4、GPEG图形.gpeg, .jpg image/jpeg5、MIDI音乐文件.mid, .midi audio/midi,audao/x-midi 6、Realaudio音乐文件.ra, .ram audio/x-pn-realaudio7、AVI文件.avi video/x-msvideo8、MIME默认是1、“application/x-www-form-urlencoded”选项；2、如果是应用文件上传时，应该选择“multipart/form-data”选项5、目标:将指定一个窗口，在该窗口中显示调用程序所返回的数据二、框架：（一）柜架页面将浏览器的窗口分为多个显示区域，每一个显示区域称为一个柜架，包含一个独立的、可以滚支的页面。（二）柜架分为两个部分：1、一个柜架集和单个的柜架（包括一页中显示的柜架数目、柜架大小、柜架的源文件等，它不在浏览器中显示）。（三）方法：插入柜架 快捷键：F2 shiftf2调出框架顶部：Topframe 左侧：leftframe 主页：mainframe三、模板：后缀是：.dwt 1、作用：1、工作效率高 2、可以统一网站的风格 3、把网页的布局和内容分离2、创建模板的方法：1、插入模板对象可编辑区域 2、资源模板图标新建3、使用模板：文件新建切换到模板四、库：后缀：.Lbi 库保存在网站的“库”文件夹内，称为库项目，面板中保存的库项目是源文件，插入到页面的库项目是它的实例。1、创建库的元素：文本、表格、表单、动画、图像导航条、插件等。2、创建库的方法：资源库3、创建库之后会在站点根目录下自动创建一个名为“library”库文件夹。4、将库插入到文档中，显示为一个浅黄色的色块以表示区别，默认锁定，不可编辑。5、如果想成为可编辑：必须将库项目实例与“库”面板上的源文件分离，属性检查器中单击“从源文件中分离”。6、更新：属性检查器上单击“打开双击copyright图标。修改后保存。弹出是否更新按钮。数据库与表单相连的方法：1、安装appserver第五章 CSS样式、层和行为一、CSS作用：1、可以覆盖浏览器上样式的设置2、使页面的字体更漂亮、易编排、页面赏心悦目 3、可以轻松地控制页面布局 4、可以将多个网页的风格格式同时更新，免去单个手动更新的烦琐二、类别：1、外部样式、内嵌样式、行内样式 2、作用一样，但影响的范围不同二、Css分类1、内嵌 在中写样式的主体，在中使用class调用无标题文档1231232、行内 直接在中使style写主体无标题文档1233、外部 建立一个专门的class文件，用于各个页面的调用无标题文档asdfsafsdfasdf三、 创建层 方法1：通过菜单创建，选择菜单“插入”“层” 方法2：单击插入栏的常用面板上的“描绘层”按钮 ，按下鼠标在文档窗口中拖拽，直到绘制一个满意的区域v 嵌套层：将光标放在已经创建层内 ，单击 “描绘层”按钮，用鼠标拖拽v 层面板 ：1、在层面板中查看层，选择菜单“窗口”“其它” “层”。2、 层面板显示在工作区右侧的高级布局面板中 四、行为操作方法 1、选择页面上的图片2、在行为面板中单击加号按钮 ，从弹出的菜单中选择“打开浏览器窗口” 3、 在弹出“打开浏览器窗口”对话框中设置参数，然后确定4、 行为面板上显示了为图片对象添加的动作以及相关联的默认事件 5、 点击面板上的三角按钮，在列表中选择“onClick”6、 单击图片时打开窗口 CSS组成：.mycss 自定义类H1 HTML标签类A:link css选择器：1、支持多种标签的组合同时使用2、 有4种下拉菜单关于超级连接状态样式：a:link正常连接状态:a:visited访问过状态,a:hover鼠标停留状态,a:active点击后状态1、文本样式的设置新建CSS样式, “选择器类型”为类，名称为 “style1”定义在“仅对该文档”。保存至站点根目录下的CSS文件夹内，弹出“CSS规则定义”对话框，默认显示的就是对文本进行设置的“类型”项。字体：可以在下拉菜单种选择相应的字体。大小：大小就是字号，可以直接填入数字，然后选择单位。样式：设置文字的外观，包括正常、斜体、偏斜体。行高：这项设置在网页制作种很常用。设置行高，可以选择“正常”，让计算机自动调整行高，也可以使用数值和单位结合的形式自行设置。需要注意的是，单位应该和文字的单位一致，行高的数值是包括字号数值在内的。例如，文字设置为12pt，如果要创建一倍行距，则行高应该为24pt。变量：在英文种，大写字母的字号一般比较大，采用“变量”中的“小型大写字母”设置，可以缩小大写字母。颜色：设置文字的色彩。2、背景样式的设置在HTML中，背景只能使用单一的色彩或利用图像水平垂直方向的平铺。使用CSS之后，有了更加灵活的设置。在CSS规则定义”对话框左侧选择“背景”项，可以在右边区域设置CSS样式的背景格式。背景颜色：选择固定色作为背景。背景图像：直接填写背景图像的路径，或单击“浏览”按钮找到背景图像的位置。重复：在使用图像作为背景的时，可以使用此项设置背景图像的重复方式，包括“不重复”、“重复”、“横向重复”、和“纵向重复“。附件：选择图像做背景的时候，可以设置图像是否跟随网页一同滚动。水平位置：设置水平方向的位置，可以“左对齐“右对齐”、“居中”。还可以设置数值与单位结合表示位置的方式，比较常用的是像素单位。垂直位置：可以选择“顶部”、“底部”、“居中”。还可以设置数值和单位结合表示位置的方式。3、区块样式设置在CSS规则定义”对话框左侧选择“区块”项，可以在右边区域设置CSS样式的区块格式。单词间距“英文单词之间的距离，一般选择默认设置。字母间距：设置英文字母间距，使用正值为增加字母间距，使用负值为减小字母间距。垂直对齐：设置对象的垂直对齐方式。文本对齐：设置文本的水平对齐方式。文字缩进：这是最重要的项目。中文文字的首行缩进就是由它来实现的。首先填入具体的数值，然后选择单位。文字的缩进和字号要保持统一。如字号为12px，像创建两个中文自的缩进效果，文字缩进就应该为18px。空格：对源代码文字空格的控制。选择“正常”，忽略源代码文字之间的所有空格。选择“保留”，将保留源代码中所有的空格形式，包括由空格键、Tab键、Enter键创建的空格。显示：制定是否以及如何显示元素。选择“无”则关闭它被制定给的元素的显示。在实际控制中很少使用。4、方框样式的设置在前面我们设置过图像的大小、设置图像水平和垂直方向上的空白区域、设置图像是否有文字环绕效果等。方框设置进一步完善、丰富了这些设置。在CSS规则定义”对话框左侧选择“方框”项，可以在右边区域设置CSS样式的方框格式。宽：通过数值和单位设置对象的宽度。高：通过设置和单位设置对象的高度。浮动：实际就是文字等对象的环绕效果。选择“右对齐”、对象居右。文字等内容从另外一侧环绕对象。选择“左对齐”。对象居左，文字等内容从另一侧环绕。“无”取消环绕效果。清除：规定对象的一侧不许有层。可以通过选择“左对齐”、“右对齐”，选择不允许出现层的一侧。如果在清除层的一侧有层，对象将自动移到层的下面。“两者”是指左右都不允许出现层。“无”是不限制层的出现。“填充”和“边界”：如果对象设置了边框，“填充”是指边框和其中内容之间的空白区域；“边界”是指边框外侧的空白区域。5、边框样式设置边框样式设置可以给对象添加边框，设置边框的颜色、粗细、样式。在CSS规则定义”对话框左侧选择“边框”项，可以在右边区域设置CSS样式的边框格式。样式设置边框的样式，如果选中“全部相同”复选框，则只需要设置“上”样式，其它方向的样式与“上”相同。宽度：设置4个方向边框的宽度。可以选择相对值：细、中、粗。也可以设置边框的宽度值和单位。颜色：设置边框对应的颜色，如果选中“全部相同”复选框，则其他方向的设置都与“上”相同。6、列表样式设置CSS中有关列表的设置丰富了列表的外观。在CSS规则定义”对话框左侧选择“列表”项，可以在右边区域设置CSS样式的列表格式。类型：设置引导列表项目的符号类型。可以选择圆点、圆圈、方块、数字、小写罗马数字、大写罗马数字、小写字母、大写字母、无列表符号等。项目符号图像：可以选择图像作为项目的引导符号，单击右侧的“浏览”按钮，找到图像文件即可。选择ul标签可以对整个列表应用设置，选中li标签可对单独的项目应用。位置：决定列表项目缩进的程度。选择“外”，列表贴近左侧边框，选择“内”，列表缩进。这项设置效果不明显。7、定位样式设置“定位”项实际上是对层的设置，但是因为DW提供了可视化的层制作功能，所以此项设置在实际操作中几乎不会使用。8、扩展样式的设置CSS样式还可以实现一些扩展功能，这些功能集中在扩展面板上。这个面板主要包括3种效果：分页、光标和过滤器。在CSS规则定义”对话框左侧选择“扩展”项，可以在右边区域设置CSS样式的扩展格式。分页：通过样式来为网页添加分页符号。允许用户指定在某元素前或后进行分页。分页的概念是打印网页种的内容时在某指定的位置停止，然后将接下来的内容继续打印在下一页纸上。光标：通过样式改变鼠标形状，鼠标放置于被此项设置修饰的区域上的时，形状会发生改变。具体的形状包括：Hand（手）、crosshair（交叉十字）、text（文本选择符号）、wait（Windows的沙漏形状）、default（默认的鼠标形状）、help（带问号的鼠标）、e-resize（向东的箭头）、ne-resize（指向东北方的箭头）、n-resize（向北的箭头）、nw-resize（指向西北的箭头）、w-resize（向西的箭头）、sw-resize（向西南的箭头）、s-resize（向南的箭头）、se-resize（向东南的箭头）、auto（正常鼠标）。）过滤器：使用CSS语言实现过滤器（滤镜）效果。单击“过滤器”下拉列表框旁的按钮，可以看见有多种滤镜效果可供选择。 滤镜效果描述Alpha设置透明效果Blru设置模糊效果Chroma把指定的颜色设置为透明DropShadow设置投射阴影FlipH水平反转FlipV垂直反转Glow为对象的外边界增加光效Grayscale降低图片的彩色度Invert将色彩、饱和度以及亮度值完全反转建立底片效果Light设置灯光投影效果Mask设置遮罩效果，Color指定遮罩的颜色Shadow设置阴影效果Wave设置水平方向和垂直方向的波动效果Xray设置X光照效果扩展属性:1.alpha属性: alpha属性用来设置透明度。Filter:alpha(opacity=opacity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY) opacity表示透明度等级（0100） finishopacity用来设置结束明的透明度 startX和startY表示渐变透明效果的开始坐标 finishX和finishY表示渐变透明效果的开始坐标2.blur属性 blur属性用来设置模糊效果。 filter: blur(add=true、flase,direction,strength=strength) add指定图片是 1 否 0 变成模糊效果 direction参数用来设置模糊的方向（0、45、90、135、180、225、270、315） strength代表有多少像素的宽度将受到模糊影响（默认是5）3.chroma属性 chroma属性设置一个对象中指定的颜色为透明色。 filter: chroma(color=color)4.dropshadow属性 dropshadow属性用来添加对象的阴影效果。 filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive) Color表示投射阴影的颜色 Offx、Offy分别表示在X方向和Y方向阴影的偏移量（整数表示，正数X轴的右方向和Y轴的向上方向） Positive：true表示为任何非透明像素建立可见的投影，false表示为透明的像素部分建立可见的投影5.flipH、flipV属性 flipH表示水平翻转，flipV表示垂直翻转。 filter: flipH filter: flipV6.glow属性 glow属性让对象的边缘产生类似发光的效果。 filter: glow(Color=color,Strength=strength) Color用来指定发光的颜色 Strength用来指定发光的强度（1225）7.gray属性 gray属性把一张图变成灰度图。 filter: gray8.invert属性