财会专业标记语言与电子商务网站建设.pptx

第一节HTML基础知识1.HTMLHTML超文本描述语言超文本描述语言一种专门用来设计网页的计算机标记语言。一种专门用来设计网页的计算机标记语言。HTMLHTML对网页上的文字、图片等多媒体数据所出现的位置、对网页上的文字、图片等多媒体数据所出现的位置、形式、顺序及关系都使用标记（形式、顺序及关系都使用标记（TagTag）语法作定义）语法作定义以及对网页间加注超链接关系。以及对网页间加注超链接关系。HTMLHTML文件以文件以.htm.htm或或htmlhtml为扩展名，是文本文件，可为扩展名，是文本文件，可用任何文本处理工具进行编辑用任何文本处理工具进行编辑用用HTMLHTML语言写的页面是普通的文本文档（语言写的页面是普通的文本文档（ASCIIASCII），），不含任何与平台和程序相关的信息，它们可以被任不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。何文本编辑器读取。其关键是掌握各种标签的用法其关键是掌握各种标签的用法 2.HTML文件的结构 一般由内容信息和标签两部分组成。一般由内容信息和标签两部分组成。HTMLHTML通过使用标记和元素（不区分大小写）来建立文件，通过使用标记和元素（不区分大小写）来建立文件，并利用标记来控制文件的结构。一个标准的并利用标记来控制文件的结构。一个标准的HTMLHTML文件是文件是以以标记开始，并以标记开始，并以标记结束的，用来告知标记结束的，用来告知浏览器这是整个浏览器这是整个HTMLHTML文件的范围。文件的范围。在在之间包含两个主要的部分：一个是之间包含两个主要的部分：一个是HTMLHTML文件的头部（文件的头部（HeadHead），称为），称为“标题设定区标题设定区”，放，放置一些有关该文件的识别数据，前后使用置一些有关该文件的识别数据，前后使用标记框住；标记框住；另一个是文件的主体（另一个是文件的主体（BodyBody），称为），称为“HTMLHTML网页文本区网页文本区”，是显示在浏览器中的文件内容及其格式，前后使用，是显示在浏览器中的文件内容及其格式，前后使用标记框住。标记框住。标签是一个用尖括号标签是一个用尖括号 括起来的命令词括起来的命令词,HTML,HTML标签规定标签规定WebWeb文档的逻辑结构，并且控制文档的文档的逻辑结构，并且控制文档的显示格式。显示格式。标签特点：标签特点：标签往往成对出现标签往往成对出现;标签号与小于号之间不能留有空白字符；标签号与小于号之间不能留有空白字符；某些标签需要加上属性，某些不需要；某些标签需要加上属性，某些不需要；属性只可加于起始标签中；属性只可加于起始标签中；不同标签之间可以嵌套，但不能交叉；不同标签之间可以嵌套，但不能交叉；标签对大小写不敏感。标签对大小写不敏感。大部分大部分HTMLHTML标签的形式：标签的形式：标签名标签名相应内容相应内容标签名标签名HTML的标签HTML文档结构分为文件头和文件体；文件头包括文档标题；文件头和文件体都嵌入在标签中。HTML文本格式.文档标题文档标题文档的主要内容文档的主要内容3.常用的html标签(tag)文档标签文档标签都属于文档标签，表示整个文档结构。包含文档主要内容，只有它有属性设定。排版标签用于控制网页上文字和图形的显示格式；用于控制网页上文字和图形的显示格式；，段落标签，为文字、图象、表格等之间留出一空白行。其常用属性-align表示段落文字对齐方式。，居中标签，使文字、图象、表格等居中显示。，换行标签，使文字、图象、表格等显示于下一行。，水平线，在网页中插入一条水平线。，为HTML语言提供注解功能。链接标签A A称为链接标签，由称为链接标签，由A A.所围的文字、所围的文字、图片等叫做一个链接。主要属性为图片等叫做一个链接。主要属性为href,href,name,targetname,target等等图形标签为图形标签，在网页中插入图片。主要属性scr,border,width,height,alt等表格标签三个最重要的表格标签三个最重要的表格标签，定义表格，定义表格(容器标签容器标签)，标示行（，标示行（rowrow）,标示表格的单元格（标示表格的单元格（cellcell）表单标签，也是容器标签。表单域是表单输入的元素，表单域的标签主要有等框架标签，创建框架定义文档，取代。必须包含cols,rows两个属性域之一。第二节网页制作知识1.1.网页的分类网页的分类 静态网页静态网页 内容相对固定；例如：企业介绍、联系信息、服务、导航等内容相对固定；例如：企业介绍、联系信息、服务、导航等 优点：结构简单，不需要数据库支持，执行效率高；优点：结构简单，不需要数据库支持，执行效率高；缺点：维护不方便缺点：维护不方便 动态网页动态网页 适用于需要与用户进行交互，内容数据频繁变化的场合。例如：适用于需要与用户进行交互，内容数据频繁变化的场合。例如：产品的信息、销售信息（价格、定单、客户信息等）、企业新闻产品的信息、销售信息（价格、定单、客户信息等）、企业新闻等。等。由后台数据库和应用程序构成。由后台数据库和应用程序构成。2.网页制作的基本原则正确分析网页用户的需求；正确分析网页用户的需求；网页的命名简洁；网页的命名简洁；确保网页的导览性好；确保网页的导览性好；网页下载时间不宜过长；网页下载时间不宜过长；网页设计要考虑不同的环境下都能浏览；网页设计要考虑不同的环境下都能浏览；注意网页中的图形设计（大小）注意网页中的图形设计（大小）注意网站内容的搭配注意网站内容的搭配考虑到不支持某些功能的浏览器。考虑到不支持某些功能的浏览器。对多媒体文件实施有限的限制。对多媒体文件实施有限的限制。尽量使用相对超级连接（文件相对路径）。尽量使用相对超级连接（文件相对路径）。3.常用网页制作工具 常见的网页制作工具：常见的网页制作工具：MicrosoftFrontpage2000MicrosoftFrontpage2000 直观形象的站点管理直观形象的站点管理 精心组织的图形界面精心组织的图形界面 强大的模板和向导功能强大的模板和向导功能 智能化管理智能化管理 强大的主页制作功能（所见即所得）强大的主页制作功能（所见即所得）MacromediaDreamweaverMacromediaDreamweaver 最佳的制作效率最佳的制作效率 网站管理网站管理 无可比拟的控制能力无可比拟的控制能力 所见即所得所见即所得 梦幻样板和梦幻样板和XMLXML 全方位的呈现全方位的呈现 图形制作工具：图形制作工具：PhotoshopPhotoshop、CorelDrawCorelDraw、ImageReadyImageReady、FireWorkFireWork等等 动画制作工具：动画制作工具：FlashFlash、LiveMotionLiveMotion等等4.网页制作技巧链接图象表格框架表单创建链接链接到另一页面链接到WEB的文件链接到文档的指定位置超链接(Hyperlink)(1)、创建链接为了在HTML中建立一个链接，需要：1.待链接文件的名称或URL;2.作为热区的文本，即，在浏览器中被显示为高亮且能被选中从而实现链接的部分。建立链接的HTML标签是A.。A标签在标签在HTML程序中为如下形式：程序中为如下形式：其中HREF属性域指定了待链接文件的路径名。使用相对路径时，以链接所在文件为基准，可以包含上层目录名（用.）；也可以使用绝对路径或URL地址。下面的例子显示一个链接并在下面的例子显示一个链接并在IE中的显示中的显示当你在浏览器中用鼠标单击“主菜单”文字时，就会跳转到名为menu.html的文件。回到回到主菜单主菜单(2)、链接到另一页面当链接到另一个页面时，在HREF参数中写入要链接的文件名和路径，其中文件名要用双引号，并在文件名和HREF间写上等号。(3)、链接到WEB的文件文件名是远端文件的URL。例如要想链接到牛津剑桥多媒体的站点上，需要加入链接到远端文件的超链接：(4)、链接到文档的指定位置当链接到文档的指定位置时，则需要在此位置设一个特殊标志，即书签，也称锚标签，如图表明了书签的表达格式：建立了书签之后，再在链接文本中设置链接标签：A HREF=“mydoc.html#百科”百科系列博览 图像Web上的图像的格式有：GIF、JPEG、XBM、TIFF、BMP和PICT。Web页的图像分成两类：内嵌图像：在Web页中与文本和链接一起显示，并且当一Web页被获取时自动载入。外部图像：它是和Web页分开存储的，只有在需要时才被载入。内嵌图像标签IMGSRC=“flower.gif”ALT“apictureofflower”SRC 要被包含的图像的位置和文件名。要被包含的图像的位置和文件名。ALT 在纯文本浏览器中替换图像的文本。在纯文本浏览器中替换图像的文本。图象和链接使用外部图像使用外部图像图像创建一个链接如下：图像创建一个链接如下：AHREF=flowers.gifflowersAHREF=flowers.gifflowers WebWeb页的图象背景页的图象背景可以用可以用BODYBODY标签的标签的BACKGROUNDBACKGROUND属属性来创建拼接图像背景。性来创建拼接图像背景。BACKGROUNDBACKGROUND的值是的值是图像文件名的图像文件名的URLURL。表格创建表格使用TABLE.标签，用它括住标题和表的内容。.表格内容.行和单元格标签行和单元格标签 在在.之间，可以用下列之间，可以用下列标签定义表格的实际内容。标签定义表格的实际内容。TRTR.定义行，包含表头和数据单元格定义行，包含表头和数据单元格 THTH.定义包含表头的单元格定义包含表头的单元格 TDTD.定义包含数据的单元格定义包含数据的单元格CAPTIONCAPTION.创建可选的标题创建可选的标题 简单颜色表红黄橙紫表格的特性表格的对齐单元格对齐跨越多个行或列的单元格定义表格和列的宽度其他特性1、表格的对齐表格和环绕文本的对齐默认情况下表格独自在页的左侧显示，其他文字在表格的上下两侧。当在TABLE标签中用ALIGN属性时可以重新定义对齐方式ALIGN=LEFT、RIGHT、CENTER让表格和左、右、中间沿对齐，后面跟随的所有文本环绕排列在表和页面右沿之间的空白处。2、单元格对齐当ALIGN属性（水平对齐）用于TR、TH、TD标签中时，同样也可定义单元格的对齐方式。它的取值是LEFT、RIGHT、CENTER。VALIGN属性（垂直对齐）定义了单元格内数据垂直对齐方式，它的取值为BASELINE和TOP。3、跨越多个行或列的单元格要创建跨越多行或列的单元格，可在TH、TD标签加入ROWSPAN或COLSPAN属性和想要跨越的行或列数。例如：ROWSPAN=“3”4、定义表格和列的宽度可用WIDTH属性可以控制表格和列的宽度。WIDTH用于TABLE标签时可以规定表的精确宽度（以象素为单位）或占屏幕宽度的百分比，以便随窗口大小改变。WIDTH属性用于特定单元格（TH或TD）时可以指示特定列的宽度。例如：WIDTH=“300”或“80%”5、其它特性BORDER属性设定表格四周边线的宽度CELLSPACING属性设定格间阴影线的宽度CELLPADDING属性设定单元格边界和内容之间的空隙BGCOLOR属性用于改变表的不同部分的颜色框架目标窗口FRAMESET标签FRAMESETFRAMESET标签是用来创建框架定义文档，标签是用来创建框架定义文档，它取代它取代BODYBODY标签，定义标签，定义FRAMESETFRAMESET标标签时，必须包含签时，必须包含COLSCOLS、ROWSROWS两个属性域之一。两个属性域之一。COLS COLS、ROWSROWS属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的和水平和水平和水平和水平 的框架，有三种方法定义宽度：像素数、占的框架，有三种方法定义宽度：像素数、占的框架，有三种方法定义宽度：像素数、占的框架，有三种方法定义宽度：像素数、占FRAMESETFRAMESET总宽度的百分比、或星号总宽度的百分比、或星号总宽度的百分比、或星号总宽度的百分比、或星号（*）。）。）。）。例如：例如：FRAMESETCOLS=“100FRAMESETCOLS=“100，50%50%，*”*”FRAMESETROWS=“50%FRAMESETROWS=“50%，50%”50%”FRAME标签使用FRAME标签把每一个框架和一个HTML文档联系起来。例如：FRAMESRC“文档URL”如果把框架定义文档装入不支持框架的如果把框架定义文档装入不支持框架的浏览器，只能看到空页，为了绕开这个问题，浏览器，只能看到空页，为了绕开这个问题，可以使用可以使用NOFRAME标签，它把文档体标签，它把文档体文字作为文档的一部分。其形式如下：文字作为文档的一部分。其形式如下：This page uses frames,but your browser doesnt support them.目标窗口（标签中的属性）TARGETTARGET属性将通知浏览器在指定的窗口中显示属性将通知浏览器在指定的窗口中显示被超链接指向的信息。这个新属性有如下形式：被超链接指向的信息。这个新属性有如下形式：TARGETTARGET“窗口名窗口名”TARGETTARGET属性有四个特殊值，属性有四个特殊值，“_blank”_blank”强迫文档装入无名窗口中强迫文档装入无名窗口中“_self”_self”将文档装入包含该将文档装入包含该A A标签的窗口标签的窗口或框架中或框架中“_parent”_parent”强迫装入当前文档的强迫装入当前文档的FRAMESETFRAMESET父窗口父窗口“_top”_top”强迫装入一个完全的浏览器窗口，完强迫装入一个完全的浏览器窗口，完全取代当前的全取代当前的FRAMESETFRAMESET BASE标签如果一个页上的所有的或大多数超链接指向同一个窗口，可以使用另一个标签，定义页面上所有链接的共同目标，这个标签放在HEAD/HEAD块中。BASE标签有如下形式：BASETARGET“窗口名”表单表单的用处很多，于网上无处不见，特别是配合CGI使用时。一份表单的基本架构是：在标记的包围下加上一种或以上的表单输入方式及一个或以上的按键。标记称为表单标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效，便是其中的一个，用以设定各种输入资料的方法。它是一个空标记。的参数设定（常用）：例如：actionaction=http:/ CGICGI配合使用的，参数配合使用的，参数 actionaction便是用以指明该便是用以指明该 CGICGI程式的位置，这程式的位置，这 样此表样此表单所填的资料才能正确传给单所填的资料才能正确传给 CGICGI作处理。若馈作处理。若馈下没有下没有 CGICGI以进行测试，可以进行测试，可 设定此参数为设定此参数为 ACTION=mailto:ACTION=mailto: 那样该表那样该表单所填的资料将会寄至单所填的资料将会寄至 此电邮地址（红色部分）此电邮地址（红色部分）。methodmethod=POST=POST传送资料给传送资料给 CGICGI的的方式，可选值为的的方式，可选值为 POSTPOST,GETGET。你只需记住。你只需记住POSTPOST容许传送大量资料，容许传送大量资料，但但 GETGET则只接受低于则只接受低于 1K1K的资的资 料，所以你若看料，所以你若看过别人的表单原始码的话，你会发现申请表单过别人的表单原始码的话，你会发现申请表单用的是用的是POSTPOST 而搜而搜 找器用的是找器用的是 GETGET。标记输入方式一：Text（单行文字框）type=“Text”输入方式为Text，能产生一单行文字框，上限为255字元。例如输入方式二：输入方式二：RadioRadio（单一选择）（单一选择）typetype=“Radio”=“Radio”输入方式为输入方式为 RadioRadio，能产生一，能产生一单一选择单一选择，以供，以供点选。点选。例如：例如：input输入方式三：输入方式三：CheckboxCheckbox（多选择）（多选择）typetype=“Checkbox”=“Checkbox”输入方式为输入方式为 CheckboxCheckbox，能产生一多选择，以，能产生一多选择，以供剔选。供剔选。例如：例如：input=RIGHTchecked 输入方式四：Password（密码输方盒）Password的其他参数和Text是完全相同的，请参考Text的介绍。两者作用不同，Password所输入的字元全以*号表示。例如：例如：input=9输入方式五：Submit（传送键）及Reset（清除键）这是表单上重要的两个按键，两者所附带的参数相同，但用处不大。type=Submit设定输入方式为Submit或Reset。例如：例如：input=MIDDLE input=MIDDLE 输入方式六：Image（图片按键）这通常用以取代Submit及Reset两个按键，因为由程式产生的按键并不漂亮，这Image参数便容许你采用自已制造的按键。type=Image输入方式为Image例如：例如：input=ex_icon.gif 输入方式七：Fileinputtype=File输入方式为File。通常用以传输文件。例如：输入方式八：Hiddentype=“Hidden”输入方式为隐藏或内定。它不会显示任何输入介面，而是一个内定值随表单一起传给CGI，列如由CGI产生的会员号码，或传入可更改的参数以调整CGI而避免修改CGI程式码。例如：SELECT、OPTION标记是卷动选单标记，每一选项皆由所标示，把它当作围堵标记或空标记使用都可以。的参数设定（常用）：例如：的参数设定（常用）：例如：例子：例子：（普通（普通 POPUPPOPUP卷动选单）卷动选单）原始码原始码formaction=http:/ 服务访问政策服务访问政策 验证工具验证工具 包过滤包过滤 应用网关应用网关防火墙的作用限制他人访问内部网络，过滤掉不安全服务和非法用户。允许内部网的部分主机被外部网访问，并保护另外部分主机。限制内部网用户对互联网特殊站点的访问。为监视网络安全提供方便。防火墙的分类包过滤型防火墙基于网络层的，在网络边界定义那些地址或端口是允许访问的，那些是禁止访问的，有效控制数据包的进出；代理服务型防火墙基于应用层的，在网络边界上使用代理服务来保护内部网络。防火墙的局限性限制了有用的网络服务；不能防范不经由防火墙的攻击；不能防范来自内部的攻击；不能防范新的网络安全问题。2、入侵检测系统（IDS）入侵检测，是指通过对计算机网络或计算机系统中入侵检测，是指通过对计算机网络或计算机系统中的若干关键点收集信息并进行分析，从中发现网络的若干关键点收集信息并进行分析，从中发现网络或系统中是否有违反安全策略的行为和被攻击的迹或系统中是否有违反安全策略的行为和被攻击的迹象。象。入侵检测系统的主要功能入侵检测系统的主要功能 检测并分析用户和系统的活动；检测并分析用户和系统的活动；核查系统配置和漏洞；核查系统配置和漏洞；评估系统关键资源和数据文件的完整性；评估系统关键资源和数据文件的完整性；识别已知的攻击行为；识别已知的攻击行为；统计分析异常行为；统计分析异常行为；使用操作系统日志，识别违反安全策略的用户活动。使用操作系统日志，识别违反安全策略的用户活动。入侵检测系统的分类主机型入侵检测系统：以系统日志、应用程序日志等为数据源；以系统日志、应用程序日志等为数据源；保护所在系统的安全。保护所在系统的安全。网络型入侵检测系统：以网络上的数据包为数据源；以网络上的数据包为数据源；保护整个网段的安全。保护整个网段的安全。入侵检测系统主要存在的问题检测速度不能适应网络通信发展的要求。漏报和误报率高。系统的互动性有待提高。3、物理隔离指内部网不直接或间接地连接互联网。物理隔离在安全上三点要求：在物理传导上使内外网络隔断；在物理传导上使内外网络隔断；在物理辐射上隔断内部网与外部网；在物理辐射上隔断内部网与外部网；在物理存储上隔断内外网络。在物理存储上隔断内外网络。4.虚拟专用网-VPN概念：它不是真的专用网络，而是利用不可靠的公概念：它不是真的专用网络，而是利用不可靠的公用互联网络作为信息传递媒介，通过附加的安全隧用互联网络作为信息传递媒介，通过附加的安全隧道、用户认证和访问控制等技术实现与专用网络相道、用户认证和访问控制等技术实现与专用网络相类似的安全功能，从而实现对重要信息的安全传输。类似的安全功能，从而实现对重要信息的安全传输。VPNVPN的分类的分类 远程访问虚拟网（远程访问虚拟网（AccessVPNAccessVPN）企业内部虚拟网（企业内部虚拟网（IntranetVPNIntranetVPN）企业扩展虚拟网（企业扩展虚拟网（ExtranetVPNExtranetVPN）VPNVPN的优点：安全性，经济性，易扩展性，灵活性，的优点：安全性，经济性，易扩展性，灵活性，简化网络设计等简化网络设计等第六节病毒防治知识1、计算机病毒的概念及特点能够通过修改程序，把自身复制进去进而“传染”其它程序的程序。病毒的特点：传染性传染性破坏性破坏性隐藏性隐藏性潜伏性潜伏性可触发性可触发性针对性针对性 2、计算机病毒的种类按照感染方式划分：引导区病毒引导区病毒可执行病毒可执行病毒宏病毒宏病毒邮件病毒邮件病毒网页病毒网页病毒综合型病毒综合型病毒 3、病毒防治技术以预防为主以预防为主 充分利用操作系统中的安全功能和安全机制，加强存取充分利用操作系统中的安全功能和安全机制，加强存取控制，防止非法用户进入控制，防止非法用户进入 加强对因特网使用的管理，防止病毒通过网络传播。加强对因特网使用的管理，防止病毒通过网络传播。经常进行自行检测经常进行自行检测 定期替文件做备份定期替文件做备份 不使用盗版软件和盗版光盘。不使用盗版软件和盗版光盘。对外来磁盘和因特网上下载的文件在使用前进行病毒检查对外来磁盘和因特网上下载的文件在使用前进行病毒检查清除病毒清除病毒-选用先进可靠的防杀网络病毒的软件。选用先进可靠的防杀网络病毒的软件。可不断升级可不断升级 同时防杀单机病毒和网络病毒同时防杀单机病毒和网络病毒 能够识别病毒的种类和性质，并能够判断病毒的位置能够识别病毒的种类和性质，并能够判断病毒的位置计算机病毒的消毒方法计算机病毒的消毒方法病毒的侵入必将对系统资源计算机病毒的消毒方法病毒的侵入必将对系统资源构成威胁，计算机病毒消毒可分为手工消毒和自动构成威胁，计算机病毒消毒可分为手工消毒和自动消毒两种方法。消毒两种方法。手工消毒方法使用手工消毒方法使用DEBUGDEBUG、PCTOOLSPCTOOLS等简单工具，等简单工具，借助于对某种病毒的具体认识，从感染病毒的文件借助于对某种病毒的具体认识，从感染病毒的文件中，摘除病毒代码，使之康复。手工操作复杂、速中，摘除病毒代码，使之康复。手工操作复杂、速度慢，风险大，需要熟练的技能和丰富的知识。度慢，风险大，需要熟练的技能和丰富的知识。自动消毒方法使用自动消毒软件自动清除患病文件自动消毒方法使用自动消毒软件自动清除患病文件中的病毒代码，使之康复。自动消毒方法，操作简中的病毒代码，使之康复。自动消毒方法，操作简单，效率高，风险小。单，效率高，风险小。计算机病毒的消毒方法目前常用的查杀病毒软件：国内：国内：kill,kvkill,kv系列，瑞星，金山等系列，瑞星，金山等国外：国外：nortonnorton，mcafee,pc-cillinmcafee,pc-cillin等等消毒的最后一种办法：对软盘进行格式化，或对硬盘进行低级格式化。对软盘进行格式化，或对硬盘进行低级格式化。硬盘的一般格式化并不能保证消灭所有病毒。硬盘的一般格式化并不能保证消灭所有病毒。格式化的同时会造成数据丢失，是不得已才用格式化的同时会造成数据丢失，是不得已才用计算机病毒的防范方法备份：备份：对所有的软件（甚至操作系统）进行备份，并制定应付对所有的软件（甚至操作系统）进行备份，并制定应付突发情况的应急方案；突发情况的应急方案；预防：预防：提高用户的警惕性，实行安全卫生制度，例如使用正版提高用户的警惕性，实行安全卫生制度，例如使用正版软件等；软件等；检测：检测：使用杀病毒软件来检测，报告并杀死病毒使用杀病毒软件来检测，报告并杀死病毒隔离：隔离：确认并隔离携带病毒的部件确认并隔离携带病毒的部件恢复：恢复：杀毒或清除被病毒感染的文件。杀毒或清除被病毒感染的文件。瑞星杀毒软件的使用启动瑞星杀毒软件利用瑞星软件查杀病毒杀毒方法杀毒方法杀毒的设定杀毒的设定 文件类型的设定文件类型的设定 发现病毒后的处理方式发现病毒后的处理方式 杀毒内容选项的设定杀毒内容选项的设定