个人网站设计毕业论文

毕业设计论文基于DIVCSS的网站规划与网页布局的设计与实现个人博客系（部）软件工程系专业计算机网络技术姓名学号指导教师2012届班级网络G092毕业设计（论文）任务书毕业设计（论文）题目基于DIVCSS的网站规划与网页布局的设计与实现个人博客毕业设计（论文）内容详细介绍了个人博客的功能及网页设计的过程，包括了网站开发的背景、开发的环境、网站规划相关技术的综合、网站总体设计以及规划、网页的详细设计与制作等几个主要方面。概括了我设计个人博客的重要思想以及过程。毕业设计（论文）专题部分在我的毕业设计中，我主要设计的是一个人博客为题材的网站，在当今社会中，博客及博客文化正成为互联网的热点，并被视为继EMAIL、BBS和ICQ之后出现的第四种网络交流方式。本系统根据现实的情况以及博客互动性的特点进行设计开发，旨在为用户提供一个交流的平台，促进用户间的深度沟通；并根据博客共享性的特点，促进用户之间的知识交流，使其成为一个学习的园地。指导教师签字年月日教研室主任签字年月日系（部）主任签字年月日毕业设计论文评语指导教师评语成绩指导教师签字年月日评阅人评语成绩评阅教师签字年月日摘要BLOG的全名应该是WEBLOG，中文意思是“网络日志”，后来缩写为BLOG，而博客BLOGGER就是写BLOG的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。随着互联网技术的高速发展，生活节奏的加快，博客被越来越多的人选择作为学习和交流的工具。博客的内容丰富多彩，有对其他网站的超链接和评论，有个人构思，还有新闻日志、照片、诗歌和散文等。博客具有自主性、开放性、互动性和共享性的特点，是一个很好的交流的渠道，思想展现的舞台和学术探讨的园地。本系统是一个实用的个人博客网站，集博客、留言板、链接于一身。未注册用户访客可以浏览文章，发表评论及留言。也可以通过注册成为该系统的注册用户，注册用户可以管理自己的博客、留言板、友情链接等，同时还可以发表新日志，上传附件等。关键词博客，日志，评论，留言ABSTRACTBLOGFULLNAMESHOULDBETHEWEBLOG,INCHINESEMEANS“WEBLOG“,LATERKNOWNASBLOG,THEBLOGBLOGGERWHOISWRITINGBLOGFROMTHEUNDERSTANDINGOFSPEAKING,THEBLOGIS“APERSONALEXPRESSIONOFIDEAS,NETWORKLINKS,CONTENT,AREARRANGEDINCHRONOLOGICALORDER,ANDCONSTANTLYUPDATETHEPUBLICATIONOFWAY“WITHTHERAPIDDEVELOPMENTOFINTERNETTECHNOLOGYANDHIGHSPEEDOFLIFERHYTHM,BLOGHASBEINGCHOSENBYMOREANDMOREPEOPLEASTHETOOLOFSTUDYANDCOMMUNICATIONTHECONTENTOFBLOGISVERYRICHANDCOLOURFULSOMEHASHYPERLINKANDCOMMENTOFOTHERWEBSITE,SOMEABOUTPERSONALTHINKING,NEWS,MUSIC,ARTICLEANDSOONBECAUSEOFTHECHARACTEROFINDEPENDENCE,OPEN,INTERACTIONANDSHAREOFBLOG,ITISREGARDEDASANOUTLETOFGOODEXCHANGECHANNEL,THESTAGEOFPERSONALTHOUGHTDISPLAYING,ANDTHEGARDENAREAOFKNOWLEDGESTUDYINGTHISSYSTEMISAPRACTICALBLOGWEBSITEWHICHHASBLOG,PHOTOALBUM,MESSAGEBOARDANDLINKVISITORCANBROWSEARTICLES,POSTCOMMENTSANDLEAVEMESSAGESTHEVISITORCANREGISTERINTHEBLOGWEBSITE,AFTERTHATTHEYCANMANAGETHEBLOG,PHOTOALBUM,MESSAGEBOARD,LINKOFFRIENDSHIPETCATTHESAMETIME,THEYCANALSOPOSTNEWLOG,PICTUREETCKEYWORDSBLOG，LOG，COMMENT，MESSAGE目录引言1一、网页设计的需求211、网站开发的背景212、网页的开发环境2二、网站规划相关技术综述421、网站开发工具的介绍及选择4211、网站开发工具DREAMWEAVERCS3介绍4212、CSSDIV介绍6213、HTML简介10214、IIS简介12215、ASP简介14216、数据库技术简介1622、社会可行性研究18221、本课题的研究意义18222、同类课题存在的问题18223、本课题要达到的设计目标18三、网站总体设计与规划2031网页艺术设计介绍20311网页艺术设计的内容20312网页艺术设计的原则21313网页艺术设计的特点2332网站的整体布局及结构25321确定建设网站的主题与规划网站25322网页的整体布局和导航2533网站画面风格的设计及素材处理26331网页画面风格设计26332网页素材处理技术26333网站栏目介绍及功能简介28四、网站的详细设计与制作3041站点30411创建和设计站点3042网页制作34421创建文件夹34422创建文件34423创建欢迎FLASH动画35424创建主页面1ASP36425留言板及个人心情网页设计37426网站实现的主要功能43五、网站的调试及维护5051网站系统测试5052系统维护51六、结论53七、结束语54八、参考文献55九、附录56引言随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，作者将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。作者认为网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。网站数量的激增，意味着网络深远的影响力已经越来越多地为人们所共识，网络已经实实在在地为人们带来了财富和知名度。于是，很多单位和个人都开始准备建立自己的网站。不论出于什么目的，所有人都希望自己建立的网站信息量丰富，功能尽可能强大。自己选择的这个个人的网站设计，首先，能丰富自己的文化知识，在建设网站的过程中能学到实际的网络知识；其次，对与即将毕业的学生，个人网站是一个很好的网络身份证明，可以让别人对自己有更好的了解。最后，有这么一个自己设计和制作的网站，可以证明用有了一定的计算机水平，这样比简单空白的文本式建立要更有说服力。一、网页设计的需求11、网站开发的背景近几年来，博客及博客文化正成为互联网的热点，并被视为继EMAIL、BBS和ICQ之后出现的第四种网络交流方式。在网络上发表BLOG的构想始于1998年，但到了2000年才真正开始流行。而2000年博客开始进入中国，并迅速发展，但都业绩平平。直到2004年木子美事件，才让中国民众了解到了博客，并运用博客。2005年，国内各门户网站，如新浪、搜狐，原不看好博客业务，也加入博客阵营，开始进入博客春秋战国时代。起初，BLOGGERS将其每天浏览网站的心得和意见记录下来，并予以公开，来给其他人参考和遵循。但随着BLOGGING快速扩张，它的目的与最初已相去甚远。目前网络上数以千计的BLOGGERS发表和张贴BLOG的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易，BLOG已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（INTRANET）。博客正在改变社会交流方式。目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都有一名新的博客用户加盟进来。很多记者、律师、教授、学者、专家，甚至法官和议员都有了自己的博客网站，形成了独特的博客文化。美国总统候选人乐于开设博客站点，作为竞选的重要手段。企业界也正在把博客方式引入企业内部网和公司网站，用于非正式的知识管理和网络营销等。政府部门和教育领域都在尝试利用博客构建内部知识管理和沟通交流的新体系，可以让职员发表评论，积累知识，链接有意思的网络资源，促进彼此的交流沟通。显然，博客的发展对应了全球范围内知识社会来临的背景。对于中国，这样一个组织机构信息化仍处于初级阶段的国家，博客这种充分发挥个人主导性和积极性的非正式知识管理工具和其深度沟通交流的功能，对于我们国家的知识传播、知识扩散和有效提升组织的学习和创新能力，具有更特殊的意义。博客用户的快速增长以及组织机构对它的广泛应用，有助于推动中国向学习型社会演进。本系统根据现实的情况以及博客互动性的特点进行设计开发，旨在为用户提供一个交流的平台，促进用户间的深度沟通；并根据博客共享性的特点，促进用户之间的知识交流，使其成为一个学习的园地。12、网页的开发环境网页在制作的前期一定要考虑到网页的开发环境，因为这直接影响到网页在网络上的使用情况。同时伴随着计算机和应用软件的快速发展，系统的开发环境对与一大部分的软件已经不是那么重要，然而现阶段大多数用户所使用的的系统环境基本上是一样的，因此我们还是必须在通用性的基础上考虑到大多数用户的系统环境开发环境。第一是操作系统的选定。操作系统是计算机的操作平台，是计算机的灵魂所在，因此必须先要决定软件开发所应用的操作系统。操作系统相对比较分散，但是系统的大部分功能是通用的。如WINDOWSXP、WIN7操作系统，还有在网络服务器上广泛应用的UNIX操作系统。根据应用的广泛性、普遍性和实用性，系统决定选用WIN7操作系统作为软件的操作系统平台。第二是数据库软件的选定。数据库是以个数据的存储中心，数据库软件就是这个存储中心的缔造者，数据库的可用性直接影响着一个数据的多方功能。所以我选择了MICROSOFTACCESS可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。作为OFFICE套件的一部分，可以与OFFICE集成，实现无缝连接。第三是IIS服务器的安装。IIS是INTERNETINFORMATIONSERVER的缩写，它是微软公司主推的服务器，最新的版本是WINDOWS2003里面包含的IIS60，IIS与WINDOWNTSERVER完全集成在一起，因而用户能够利用WINDOWSNTSERVER和NTFS（NTFILESYSTEM，NT的文件系统）内置的安全特性，建立强大，灵活而安全的INTERNET和INTRANET站点。IIS支持HTTP（HYPERTEXTTRANSFERPROTOCOL，超文本传输协议），FTP（FELETRANSFERPROTOCOL，文件传输协议）以及SMTP协议，通过使用CGI和ISAPI，IIS可以得到高度的扩展。IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的WEB站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VBSCRIPT，JSCRIPT开发软件以及JAVA，它也支持CGI和WINCGI，以及ISAPI扩展和过滤器。IIS的设计目的是建立一套集成的服务器服务，用以支持HTTP，FTP和SMTP，它能够提供快速且集成了现有产品，同时可扩展的INTERNET服务器。二、网站规划相关技术综述21、网站开发工具的介绍及选择211、网站开发工具DREAMWEAVERCS3介绍DREAMWEAVER是美国ADOBE原MACROMEDIA，2005年被ADOBE收购公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持JAVASCRIPT,PHP,ASP,JSP等多种脚本语言。DREAMWEAVER可以用最快速的方式将FIREWORKS，FREEHAND，或PHOTOSHOP等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。DREAMWEAVER能与您喜爱的设计工具，如PLAYBACKFLASH，SHOCKWAVE和外挂模组等搭配，不需离开DREAMWEAVER便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使DREAMWEAVER自动开启FIREWORK或PHOTOSHOP来进行编辑与设定图档的最佳化。DREAMWEAVER是唯一提供ROUNDTRIPHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HOMESITE和BBEDIT等主流文字编辑器。帧FRAMES和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，DREAMWEAVER支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得DREAMWEAVER成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给THIRDPARTY厂商，包含ASP，APACHE，BROADVISION，COLDFUSION，ICAT，TANGO与自行发展的应用软体。当您正使用DREAMWEAVER在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDREAMWEAVER将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用DREAMWEAVER设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于CASCADINGSTYLESHEETS的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在NETSCAPE和MICROSOFT浏览器上执行。使用不同浏览器检示功能，DREAMWEAVER可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从DREAMWEAVER的网站在下载它的描述档，便可得知详尽的成效报告。主要功能1业界领先的工具利用世界级的WEB设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计,在“代码”视图中制作复杂的代码,或专功一方面的研究。使用您的最佳工作方式工作。2集成的工作流在DREAMWEAVERCS3内设计、开发和维护内容,同时利用与其他ADOBE工具包括ADOBEFLASHCS3PROFESSIONAL、FIREWORKSCS3、PHOTOSHOPCS3、CONTRIBUTECS3及用于创建移动设备内容的全新ADOBEDEVICECENTRALCS3的智能集成。3完整的CSS支持发现可视CSS工具的优势,使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式,以及查明您的更改将如何影响设计。借助全新的CSS布局加速您的工作流,并借助全新的浏览器兼容性检查测试您的设计。4集成的编码环境借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏,组织并加速您的编码。应用适用于HTML和服务器语言的代码提示。5支持领先的技术利用对领先WEB开发技术包括HTML、XHTML、CSS、XML、JAVASCRIPT、AJAX、PHP、ADOBECOLDFUSION、ASP、ASPNET和JSP的支持。6轻松的XML使用XSL或适合于AJAX的SPRY框架,快速集成XML内容。指向XML文件或XMLFEEDURL,DREAMWEAVERCS3将显示其内容,这使您能够将适当的字段拖放到您的页面上。7FLV支持无需任何FLASH知识,只需五次点击,即可轻松地将FLV文件添加到您的WEB页中。自定义视频环境以匹配您的网站。8学习资源在您使用全面的教程、参考内容和指导性模板的同时进行学习,这样可轻松扩展您的技能集并采用最新的技术。9扩展的DREAMWEAVER社区享受庞大的DREAMWEAVER社区的所有益处,包括在线ADOBE设计中心和ADOBE开发人员中心、培训和研讨会、开发人员认证计划、用户论坛以及DREAMWEAVEREXCHANGE中提供的超过1,000个可下载的扩展。10跨平台支持挑选您的平台DREAMWEAVERCS3可用于基于INTEL或POWERPC的MACINTOSH计算机,也可用于WINDOWSXP和WINDOWSVISTA系统。在您的首选平台中设计,然后跨平台交付更加可靠、一致和高性能的结果。212、CSSDIV介绍CSS（CASCADINGSTYLESHEET，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制WEB页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。在网页上使用样式表有三种方法可以在站点网页上使用样式表将网页链接到外部样式表。在网页上创建嵌入的样式表。应用内嵌样式到各个网页元素。每一种方法均有其优缺点当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以CSS做为文件扩展名，例如MYSTYLESCSS。当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。使用内嵌样式以应用级联样式表属性到网页元素上。如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。当创建或修改网页样式时，可使用位于“格式”菜单的“样式”命，DREAMWEAVER会自动创建嵌入的样式表（如果原先不存在），并在嵌入的样式表内将此样式保存为类选择器。可以使用“样式”对话框来创建新类选择器，修改或删除现有类选择器，或将CSS格式设置属性应用到标准HTML标记符上例如。当单击“确定”关闭对话框时，DREAMWEAVER会将格式设置特征写回到使用正确语法的外部或嵌入的样式表中。或者，可以用正确CSS语法键入样式信息。要键入嵌入的样式表的样式信息，请单击网页视图模式下的“HTML”选项卡。如果对应用到站点的主题选择“应用CSS”复选框，DREAMWEAVER将在站点的根目录下创建名为THEME1CSS的文件，其中THEME是主题的名称。如果修改主题，DREAMWEAVER自动将更改写回主题CSS里。也可以通过直接编辑主题CSS来修改主题。DIV元素是用来为HTML文档内大块（BLOCKLEVEL）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。DIV标签称为区隔标记。作用设定字、画、表格等的摆放位置。当你把文字，图象，或其他的放在DIV中，它可称作为“DIVBLOCK”，或“DIVELEMENT”或“CSSLAYER”，或干脆叫“LAYER”。而中文我们把它称作“层次”。以以下内容为例ALIGN“CENTER“可选值CENTERLEFTRIGHT。决定字、画、表格等居中、靠左或靠右的作用和居中标记一样，前者是由HTML30开始的标准，后者是通用己久的标示法。CSS单元的位置和层次DIV标签我们都知道，在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象，即使这样也不能保证定位的精确，因为浏览器和操作平台不同会使显示的结果发生变化。而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上，还有还有你自己慢慢看吧CASCADINGSTYLESHEETS（CSS）是DHTML的基础。CSS用来设定你网页上的元素是如何展示的。CASCADINGSTYLESHEETSPOSITIONING（CSSP）是CSS的一个扩展，它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词CSS和CSSP。下面四个英文网址提供了详细的关于CSS和CSSP的文件和解释。当我们使用CSSP的时候，我们主要把它用在DIV（DIVISION）TAG上。当你把文字，图象，或其他的放在DIV中，它可称作为“DIVBLOCK”，或“DIVELEMENT”或“CSSLAYER”，或干脆叫“LAYER”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在DIV中HTML。使用DIV的方法跟使用其他TAG的方法一样THISISADIVTAG如果单独使用DIV而不加任何CSSP,那么它在网页中的效果和使用是一样的。但当我们把CSSP用到DIV中去以后，我么就可以严格设定它的位置。首先我们需要给这个可以被CSSP控制的DIV一个ID或说是它的名字。比如说我们给下面这个DIV的名字是TRUCK。给名字的目的是我们以后可用JAVASCRIPT来控制它，比如说移动它或改变它的一些性质等等。THISISATRUCK给层次取什么名字是随意的，名字可以是任何英文字母和数字，但第一个必须是字母。有两种把CSSP应用到DIV的方法。INLINECSSINLINE是最常用的方法。THISISATRUCKEXTERNALSTYLETAG使用EXTERNAL方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论INLINE方法。请注意在EXTERNAL方法里，在STYLE里的ID和DIV里的关系。THISISATRUCKCROSSBROWSERCSS性质我们这个课程的主要目的是让你写出的网页在NS4和IE4上都能工作，所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由W3C给出的标准。POSITION决定DIVTAG是如何放置的。“RELATIVE”意思是DIV的位置是相对于其他TAG的，而“ABSOLUTE”是说DIVTAG的位置是相对于它所在的窗口。LEFT相对于窗口左边的位置TOP相对于窗口上边的位置WIDTHDIVTAG的宽度。所有在DIV里的文字或HTML都在里面。HEIGHTDIVTAG的高度。这个性质很少用除非你想CLIP层次。CLIP给出LAYER的CLIPPING（可看的见的）部分。CLIP可使得DIV显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在DIV位置和大小。CLIPRECTTOP,RIGHT,BOTTOM,LEFTVISIBILITY隐蔽或展现DIV根据它的值“VISIBLE”，“HIDDEN”，“INHERIT”。ZINDEXDIVTAG的立体位置。值越大DIV的位置越高。BACKGROUNDCOLORDIV背景的颜色。LAYERBACKGROUNDCOLORNETSCAPE的DIV背景颜色。BACKGROUNDIMAGEDIV的背景图象。LAYERBACKGROUNDIMAGENETSCAPE的DIV的背景图象。绝对定位和相对定位（POSITION）绝对定位定位属性将是网虫们打开幸福之门的钥匙H4LEFT100PXTOP43PX这项CSS规则让浏览器将的起始位置精确地定在距离浏览器左边100象素，距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部，也就说，文字将从左到右，从上到下载入浏览窗口。左边和顶部属性很直观，左边（LEFT）设定要素距浏览器窗口左边的距离，顶部（TOP）设定距离浏览器窗口顶部的距离。设定这些距离时，你可以使用所学过的各种度单位或比例值。使用比例值时，比例值的是相对于母体要素的尺寸。你可以定位什么呢任何东西段落、单词、GIF和JPEG图象、QUICKTIME电影等等。相对定位绝对定位使你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例ILEFT40PXTOP10PX相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间，定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位，则文字的显示位置将恢复正常。使用相对定位时要小心，否则容易将页面弄得非常乱。除了相对定位和绝对定位，你还可以使用STATIC（静止）参数值。STATIC是POSITION特性的缺省值。它的使用方法同普通HTML中的定位方法，不能附加特殊的定位设置。也就是说，除了边距特性，或通过使用FLOAT特性来浮动单元可影响单元的定位外，其它均不可以。定位单元的控制（WIDTH、HEIGHT、VISIBLILITY）除了控制定位单元的左上角位置，你还可以控制单元的宽度和高度，及单元在页面的可视性。宽度定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制，即设定要素的宽度。DIVLEFT200PXTOP40PXWIDTH150PX浏览器接到这项规则时，它将文字按照规则规定的效果显示，还将段落最大水平尺寸限制在150象素。宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位，或使用比例值设定宽度，比例值指相对于母体要素的比例。IE4中，这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。高度理论上讲，高度应该和宽度的设置类似，只不过是在垂直方向上DIVLEFT200PXTOP40PXHEIGHT150PX这里我用了“理论上讲”，因为有些浏览器不支持高度属性。可视性利用CSS，你可以隐藏要素，使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。H4VISIBILITYHIDDEN选项VISIBLE使要素可以被看见HIDDEN使要素被隐藏INHERIT指它将继承母体要素的可视性设置。值INHERIT为缺省值。这使单元继承父单元的可见性。所以，如果某一段是隐藏的，则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如，段内的EM单元被指定为可见，这时如果该段被隐藏，则段内的所有其它内容都将消失，而唯有EM单元中的文本是可见的。213、HTML简介HTML（HYPERTEXTMARKUPLANGUAGE）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（HEAD）、主体（BODY）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，HTML语言的特点如下1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种1、基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用HTM或HTML作为扩展名，这样浏览器就可以解释执行了。2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出HOMEPAGE，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有FRONTPAGE，DREAMWEAVER、DELPHI、ECLIPSE、ULTRAEDIT。一个HTML文件由一个HTML元素组成，即文件以开始。以结束，文档中其他元素及其属性的声明都是HTML的元素体。HTML元素的元素体和元素体由两大部分组成，即头元素和体元素。头元素和体元素的元素体又由其他元素、文本和注释等组成。一个标准的HTML文件应该具备如下结构标记一个HTML文件的开始HTML文件的文件头部分开始文件头部分内容HTML文件的文件头部分结束HTML文件的文件体部分开始文件体HTML文件的文件部分结束标记该HTML文件结束有些元素只能出现在头元素中，如META、TITLE等元素，而大多数的元素只能出现在体元素中。在头元素中的元素表示的是该HTML文件的一般信息，比如该文件的标题、来源、作者、版本、字符集和关键字等，这些元素与书写的顺序无关，它们只是表明该HTML文件的属性值。但出现在元素体中的元素则是要注意书写顺序的，改变了它们的书写顺序就会改变HTML文件在浏览器上输出的形式。HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。由此可见，网页的本质就是HTML，通过结合使用其他的WEB技术（如脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是WEB编程的基础，也就是说万维网是建立在超文本基础之上的。每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。BGCOLOR用于定义网页的背景色，BACKGROUND用于定义网页背景图案的图像文件TEXT用于定义正文字符的颜色，默认为黑色LINK用于定义网页中超级链接字符的颜色，默认为蓝色VLINK用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色ALINK用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色例如标记将定义页面的背景色为黑色，正文字体显示为白色。以上属性使用中，需要对颜色进行说明，在HTML中对颜色可使用2种方法说明颜色属性值，即颜色名称（英文名）和颜色值。其中颜色值用6个十六进制数来分别描述红、绿、蓝三原色的配方法称为RGB值，每2个十六进制数表示一种颜色。使用颜色值时，应在值前冠以“”号。使用图案代替背景颜色，可以使页面更生动、美观。可将图像文件IMAGEGIF所表示的一幅图像作为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。214、IIS简介IISINTERICSOUNDBUS又称I2S，是菲利浦公司提出的串行数字音频总线协议。目前很多音频芯片和MCU都提供了对IIS的支持。IIS总线只处理声音数据。其他信号如控制信号必须单独传输。为了使芯片的引出管脚尽可能少，IIS只使用了三根串行总线。这三根线分别是提供分时复用功能的数据线、字段选择线声道选择、时钟信号线。IIS是INTERNETINFORMATIONSERVICES的缩写，是一个WORLDWIDEWEBSERVER。GOPHERSERVER和FTPSERVER全部包容在里面。IIS意味着你能发布网页，并且有ASP（ACTIVESERVERPAGES）、JAVA、VBSCRIPT产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEXSERVER）、有多媒体功能的（NETSHOW）其次,IIS是随WINDOWSNTSERVER40一起提供的文件和应用程序服务器，是在WINDOWSNTSERVER上建立INTERNET服务器的基本组件。它与WINDOWSNTSERVER完全集成，允许使用WINDOWSNTSERVER内置的安全性以及NTFS文件系统建立强大灵活的INTERNET/INTRANET站点。IIS（INTERNETINFORMATIONSERVER，互联网信息服务）是一种WEB（网页）服务组件，其中包括WEB服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。在同一时间内允许打开的网站页面数，打开一个页面占一个IIS，打开一个站内框架页面占2到3个IIS；若图片等被盗链，在其它网站打开本站图片同样占一个IIS。假若设置参数为50个IIS，则这个站允许同时有50个页面被打开。但要在同一时间（极短的时间）有50个页面被打开，需要50个人同时操作，这个概率还是比较低的。所以，100个IIS支持日IP1000（同时访问网站人数必定远低于1000人）以上都不是很大问题，除非网站被盗链或框架引发其它消耗。1、IIS的添加请进入“控制面板”，依次选“添加/删除程序添加/删除WINDOWS组件”，将“INTERNET信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括WEB、FTP、NNTP和SMTP等全部四项服务。2、IIS的运行当IIS添加成功之后，再进入“开始设置控制面板管理工具INTERNET服务管理器INTERNET信息服务”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启。3、在WINDOWSXPHOME版本中添加IIS的方法一般情况下按照“一”的方法只适用于WINDOWSXP的专业版本，而对于家庭版，如今已有了破解方法步骤1首先我们需要准备一张WINDOWS2000的安装光盘，假设你的WINDOWSXP家庭版安装在“CWINDOWS”，启动记事本程序，在打开对话框中选择打开“CWINDOWSINFSYSOCINF”，找到“COMPONENTS”小节，并继续找到类似“IISIISDLL,OCENTRY,IISINF,HIDE,7”的行，把这一行替换为“IISIIS2DLL,OCENTRY,IIS2INF,7”，之后保存文件。步骤2把WINDOWS2000专业版的光盘插入光驱，用WINRAR打开光盘I386目录下的IISDL_和IISIN_这两个CAB格式的文件，将解压缩得到的“IISDLL”改名为“IIS2DLL”，复制到“CWINDOWSSYSTEM32SETUP”目录下；将“IISINF”改名为“IIS2INF”，复制到“CWINDOWSINF”目录下。步骤3打开控制面板，单击“添加删除程序”图标，然后在窗口左侧导航栏上单击“添加/删除WINDOWS组件”按钮，在打开的“WINDOWS组件向导”中，选中“INTERNET信息服务IIS”前的复选框。单击右下角的“详细信息”按钮可以打开对话框，在该对话框中我们可以选择需要安装的IIS组件内容。选择完毕后单击“确定”按钮，退回到界面中再单击“下一步”，系统就会开始复制文件。提示如果在安装过程中系统需要插入WINDOWSXPCD，或者需要你提供“EXCH_ADSIISEXDLL”文件，那是因为你按照默认的选项安装了IIS。要解决这个问题，只要清空“SMTPSERVICE”选项前的复选框即可。如果进入窗口中，“INTERNET信息服务IIS”选项无法选择，那么很可能因为你使用的“IISDL_”和“IISIN_”是从WINDOWSXP专业版中提取的，只要换成WINDOWS2000专业版中的这两个文件即可。步骤4安装结束后，你可以打开“控制面板性能和选项管理工具”查看“INTERNET信息服务管理”。再打开IE，在地址栏中输入“LOCALHOST”后回车，验证一下IIS是否正常运行。经过验证，WWW、FTP等几个服务经过这样的修改都可以在WINDOWSXP家庭版上正常运行。不过经过这样处理安装的IIS在运行上可能存在某种未知的缺陷。在VISTA系统中安装IIS70相对于早先的版本，IIS70带来了许多引人注目的新特色新功能，比如基于MICROSOFTNETFRAMEWORK的全局配置文件，可简单地通过文本编辑器或MICROSOFTVISUALSTUDIO编辑；全新的IIS管理器，可同时管理IIS和ASPNET，操作更加方便；以及引入了命令行工具APPCMDEXE，给WEB服务器的日常管理、监视和配置提供了除图形接口外的另一种方式，更为简单、高效。同WINDOWSXP一样，在WINDOWSVISTA的默认设置下，IISINTERNET信息服务70未予安装，要想使用它，必须首先安装IIS。下面简单介绍IIS的安装过程依次点击“开始”“控制面板”“程序”，选择“打开或关闭WINDOWS功能”。这是一个触发UAC的操作，如果WINDOWSVISTA没有关闭UAC，则会弹出提示信息，确认并继续；如果仅需要IIS70支持静态内容，可直接选中“INTERNET信息服务”，如果希望WEB服务器支持动态内容，则需展开“万维网服务”分支，将所需的选项全部选中；点击“确定”，WINDOWSVISTA即启动IIS的安装过程；安装完成后，打开浏览器输入“HTTP/LOCALHOST/”，检查IIS是否正常。215、ASP简介ASP技术是MICROSOFT公司开发的一套全新的服务器端脚本程序环境。它可以根据客户端的不同请求，在服务器端经过相应的ASP程序处理生成不同的静态HTML页面并穿回给浏览器。ASP自身有很多优点，这些优点使它成为了当今世界网络上应用最多的脚本设计环境。1、什么是ASPASP的全称是ACTIVESERVERPAGES,中文名称叫做动态服务器网页，其功能在于可以使用它来开发运行在WINDOWS服务器平台上的动态网页和网页。尽管我们常把“ASP脚本”挂在嘴边，但ASP既不是一种编程语言，也不是开发工具软件，同样也不是一种应用程序，它实际上是一种开发动态网页的技术。2、ASP的脚本语言ASP的脚本语言可以是VBSCRIPT或者JSCRIPT，也可以是两者的结合，所以任何一种文本编辑器都能编辑ASP脚本，当然不同的编辑器开发调试效率是不一样的。和通常的VBSCRIPT和JSCRIPT应用程序不同，ASP所有的程序都是在服务器端运行的，而不是在浏览器或者客户端执行的，这样用户就不必担心自己的浏览器能否运行所编写的ASP代码了。程序执行完毕，服务器仅将执行的结果返回给客户端浏览器，这样即使客户端的浏览器不支持VBSCRIPT或JSCRIPT，但是仍然可以浏览动态的网页。VBSCRIPT是IIS默认的脚本语言，当然可以在IIS中更改默认的脚本语言。如果改成JSCRIPT，那么默认的脚本语言就是JSCRIPT。因为VBSCRIPT在属性和方法上的灵活表现方式更适合作为服务器的脚本，所以推荐大家用VBSCRIPT作为ASP的默认脚本语言。3、ASP的运行环境由于ASP是一种服务器的脚本语言，所以并不是所有的WEB服务器都具有这个功能。ASP是由MICROSOFT公司推出的，当然在目前页只有MICROSOFT公司推出的服务器能实现ASP的强大功能，其他的一些服务器在安装了ASP组件后才能实现这个功能。MICROSOFT公司推出的支持ASP的WEB服务器有以下几个MICROSOFTINTERNETINFORMATIONSERVERVERSIONIISMICROSOFTPEERWEBSERVERMICROSOFTPERSONALWEBSERVERPWS其中前两个主要是为MICROSOFT公司的WINDOWNSNT/2000/XP系统开发的，当然它们的功能以及稳定性都要强很多。目前大型的站点大多是有IIS作为服务器，而PWS是为一般的PC用户开发的。既然ASP是在服务器端执行的，因此访问这些以ASP为后缀的文件时，就不能使用实际的物理路径，而只能用虚拟路径。使用虚拟路径访问ASP最简单的方法就是将ASP文件拷贝到IIS的安装目录中默认的安装目录为CINETPUBWWWROOT,然后就可以通过IE浏览器直接访问了。访问文件名为“INDEXASP”的ASP文件，如果在IE浏览器中用物理路径访问，本来期望的结果是不会出现的，浏览器只会显示普通的HTML页面。为此应该将“INDEXASP”文件拷贝到服务器目录下，然后通过虚拟路径来访问该页面。如果程序没有错的话即可看到预期的效果。4、ASP的工作原理通过上述介绍，大家应该了解到一个ASP页面从服务器端传送到客户端的原理与一般静态HTML页面是不同的。从客户端的一URL请求到服务器反馈一个页面给浏览器，其大致的流程如下1用户在客户端浏览器中输入一个网址，与服务器建立连接。2服务器根据用户请求的网址在硬盘上找到相应的文件。3如果文件是普通的HTML文档，那么服务器将直接把该文件传送到客户端。4如果文件是服务器脚本，那么服务器将运行这个文件。如果需要查询数据库，则通过ADO组件连接ODBC或DSN数据源访问数据库。进行了一系列的运算和解释后，将最终结果形成一个纯HTML文档。5把这个文档传送到客户端。6结束这次连接。由于最后传送给客户端的是一个纯HTML文本文件，因此用户在浏览器上是看不到ASP文件的源代码的。5、ASP的开发工具使用ASP进行网路编程，选择一个合适的开发工具是很重要的。ASP