甘天权毕业论文1.doc

“高山蓓蕾”校园网站设计 毕 业 设 计 (论 文)题 目： “高山蓓蕾”校园网站设计 院 （系） 中央广播电视大学开放教育 专 业： 计算机科学与技术 学生姓名： 甘天权 班 级： 学 号： 20081450120513 指导教师： 李飞 摘要内容摘要：本网站依据开发要求主要应用于教育系统，是学校对外宣传的主要手段。设置本网站可使学与学生、学校与家长、学校与社会加强联络，比较系统地对教务、教学上的各项服务和信息进行展示、宣传，同时，可以达到资源共享、优化教学成果的目的。本网站在设置过程中，注意使其符合学校的工作要求，并力求网站的全面性、通用性，使得本网站轻松便捷、赏心悦目。在设置工具的选择上，选择了Dreamweaver 8，按照素材收集、网站规划、具体设置、开放运用的四个步骤，内容涉及到学校工作的各个层面。而在具体的设计上，采取了演化式原型法，随着用户的使用及对网站了解的不断加深，对某一部分或几部分进行重新分析、设计、实施。本论文主要从网站分析、设置工具、详细设置等几个方面进行介绍。关键词：Dreamweaver 8 校园网站 信息化 目录第一章：绪论411 设计思想412 开发工具的选用及介绍41.2.1 Dreamweaver 8的优势5第二章：网站总体分析与设计 52.1 网站系统析522 主页设计 62.3 网站子页设计62.3.1. 学校风采62.3.2. 优点特色82.3.3. 信息发布92.3.4. 校务大全10第三章：详细设计113.1 创建站点113.1.1 创建站点文件夹113.1.2 创建本地站点123.2 设置主页 123.3 创建网站子页和超链接153.3.1 创建子页“学校风采” 153.3.2 创建子页“优点特色” 163.3.3 创建子页“信息发布” 183.3.4 创建子页“校务大全” 193.4 创建链接 213.5 设置链接的打开方式 213.6 设置导航链接 213.7 设置链接效果 213.8 保存文件 21第四章：参考文献 21致谢22- 4 -第一章 绪论随着网络的高度发展，人们的生活逐渐与数字、信息、多媒体融为一体，网页、网站成为各各行各对外业宣传的重要手段，也是人们获取信息的重要途径。农村教育要与外界接轨，通过网站宣传不失为一味良方，同时也可以通过网页驾接老师与家长、老师与学生、学校与社会沟通的桥梁。为此，我为高龙中心校设计了一个名为“高山上的花环”学校网页，供家长、学生、社会及外界了解该校的办学条件、办学思路及办学成果。1.1 设计思想 田林县高龙乡距县城120公里，是全县最偏远的乡镇，号称田林“县尾”。高龙中心校现有师生1230人，历年来，在教育教学上都取得了较好的成绩。本人现制作“高山上的花环”网站，旨在通过此网站，全面宣传、展示学校风采，体现学校优异成果，宣传学校办学特色，发表师生作品，畅谈学习和工作感悟；使之成为学校对外的重要媒体，用来发布学校的活动安排及学校的各种教育信息，学生和家长可以通过此网页来了解学校的教育教学工作，曾加学生和家长对学校的了解，增强学生、家长与学校之间的联系，同时也帮助了学校完成部分事务，提高办事效率,架接学生、家长与学校之间最方便的联系桥梁。在这里学生及家长也可以提出意见及想法，互通教学意见想法，更加有效的办好教学，和学生需要什么样的教学方式能够更好的吸收与接纳，这些都能成为学校的参考，以便提高学校的教学质量。这里还是学校师生的文学乐园，可以在此网站上发表师生作品，畅谈学习和工作感悟。 1.2 开发工具的选用及介绍在本网站设计中，我选择Dreamweaver 8 作为开发工具，运用Photoshop CP处理好动画效果，将之插在网页中。Dreamweaver 8是Macromedia公司的开发产品，是目前使用最为广泛的网页制作软件。它以强大的功能和友好的操作界面倍受广大网页设计工作者的欢迎，成为网页制作的首选软件。新版本的Dreamweaver 8提供了更加完善的站点管理机制，采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得简单。Dreamweaver 8可以说是一个集网页创作、网站开发与站点管理于一身的超重量级的创作工具。1.2.1 Dreamweaver 8的优势 Dreamweaver与Flash、Fireworks都是Macromedia公司开发的产品，这三者被称为“网页设计三剑客”。 Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML代码编辑，可以让用户方便地在两种模式之间切换。Dreamweaver作为一款优秀的网页设计软件，不仅具有同类软件的所有功能，而且具有自身的许多出色设计理念，例如行为（behavikrs）、时间轴（Timelime）、资源（Assers）、CSS样式等，可以让我们无需手写代码，就能轻松地创建各种动态效果。另外，Dreamweaver强大的自定义及扩展功能，允许我们定制自己的对象、命令、菜单及快捷键等，从而大大提高工作效率。另外，支持跨浏览的HTML和层叠样式表也是Dreamweaver的一大特点，所以使用Dreamweaver制作的网页无需担心浏览器的兼容性。第二章 总体设计2.1网站系统分析根据前面的设计思想，按照系统开发的基本观点对网站进行分解，网页总体设计内容如下图：网站主页“高山蓓蕾”校务大全信息发布优点特色校园风采学校概貌教师风采办学理念校园之星 校园新闻教学天地教育论坛重要通知今日动态教育信息校务公开今日餐谱考勤评分网站总体设计图2.2主页设计网站主页是一个网站的总体门户，如果网站主页设施得不好，直接影响到网站的质量，因此，网站主页要在视觉上美观、整洁、大方，在内容上丰富、健康。“高山蓓蕾”网站主页用学校校门做主刊图，采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用Photoshop CS与Dreamweaver 8相结合，运用Photoshop CS处理好动画效果后插入网页来实现。校园主页效果图2.3网站子页设计把网站内容这样设计，复合农村学校实际，能较全面地展示本校的校容校貌及教学特点。其作用如下：2.3.1.学校风采：学校风采是从一个全局的角度来展示学校概况，在内容设置上，分为“学校概貌、教师风采、校校之星”三大模块，通过这三大模块把学校历史、校园设置、领导班子、教师风采、学生概况一一展示出来，给人予良好的总体印象。校园概貌。集体展现学校历史、校园建设、现有师生和学校地理位置。链接后，有学校整体图，有各个功能室的图片，有校园一角风景图，可以通过这些静态图片浏览学校风光。页面内对学校基本情况配有文字说明，其内容为：高龙中心校创建于1984年，处于高龙乡人民政府所在地高郭屯东南，地理位置优越、生态环境良好，对于教育教学有较好的地理优势。学校占地面积10205平方米，建筑面积3654平方米。现有四层十二开间教学楼一幢、三层六开间综合楼一幢、四层二十开间学生公寓楼一幢、一层一开间学生食堂。区域分为幼儿园、小学两部分，共有19个教学班，2012年春季学期在校学生1112人，内宿生756人。校园概貌效果图教师风采。教师是一人学校的主体力量，师资力量如何，关系到一个学校的生存和发展问题。随着社会发展和群众生活水平的提高，家长对子女的教育关注度日见增长，对学校的要求也越来越高。对于像高龙中心校这样的学校，因为地处偏远，教育资源也相对缺乏，要在这样的学校把教学质量搞上去，就得靠教师本身充分发挥主观能动性，因地取材，因材施教。因此，如果家长对学校师资不了解，就会对学校持怀疑态度，影响学校与家庭的教育配合。在本网站设计中，主要收集大量展示教师才艺的图片，学校教师的学历说明及特长展示，还有优质课的教学录象，其中配有详细的文字说明，集中展现高龙中心校的师资配备情况。家长登陆网站后，可以对学校师资充分了解。其中文字说明内容为：高龙中心校现有教职工48人，公办教师42人，工人1人，顶岗教师4人，保安人员1人；其中小学高级教师22人，一级教师11人，二级教师13人；已取得大专学历36人，中师毕业以上8人，学历合格率为100%。有正副校长4人，校长岗位培训合格率达100%；配有党支书、教导处副主任、总务主任、办公室主任、工会主席各1人。教学质量稳步提高，小学毕业水平测试中，整体成绩连续几年名列全县同类学校前茅。教师风采效果图办学理念。办学理念是一个学校的理论支柱，学校有怎样的办学理念，会直接影响到教育教学质量。面对新世纪，学校顺应时代的要求，坚持党的教育方针，本着“文明、守纪、勤奋、活泼”的校风和“严谨、爱生、博学、善导”的教风及“勤学、刻苦、多思、多问”的学风，正朝着“示范性、精品型、有特色”的办学目标迈进。为让社会充分了解本校的办学理念，在本页中集中展现学校文化，把校园壁画上的名人名言、格言警句、学生文艺等展示出来，可能通过浏览图片了解到学校生活的多姿多彩，读懂学校的办学理念。在本页主页面，公布学校的办学理念，其内容为：学校秉承“为学校的可持续发展创造条件，为学生的终生发展奠基基础”的办学宗旨，不断与时俱进，开拓求实，教育教学质量稳步提高，取得了令人满意的丰硕成果，学校先后被定为县级“A级学校”、“文明学校”、“双文明建设先进单位”，百色市“文明单位”，自治区级“文明庭院”等荣誉称号。校园之星。校园之星是学校的招牌，也是学校的门面，学校要打造品牌、营造氛围，都离不开校园之星的培树。校园之星有“教师之星”和“学生之星”，“教师之星”主要展示本校的骨干教师、才艺教师的专业技术特长，把在晚会中、课堂中教师的精彩镜头、视频录象在于其中，让大家分享；把市、县级优秀教师、优秀班主任、优秀教育工作者的资料上传到本网页中，供社会了解。“学生之星”分为“品德星秀、学习星秀、体育健将、小小画家、小小劳动模范”等栏目，每个星期评选一次，每班各取一名“品德星秀、学习星秀、体育健将、小小画家、小小劳动模范”在学校公开表扬，把资料上传本页供大家分享。校园之星效果图2.3.2.优点特色：在本模块中，主要展现学校教育教学特色。选择具有本效特色的一个功能室作为刊头画面，链接“校园新闻、教学天地、教育论谈”等栏目。校园新闻。学校是个大家庭，每天都会有许许多多的事情发生，为此，学校成立专门新闻组，从高年级学生中选取新闻记者，由本班语文老师带领，负责采写校园新闻。校园新主要报道学校工作动态，包括上级检查、学校新动向、教育新方式先进，还可以采访学校领导、班主任、优秀学生及后进生等，达到催人上进的作用。校园新闻还专注报道学校的好人好事,让大家学习；暴光学校里、同学间的不好行为，让别人诫勉。整个网页图文并茂，增强视觉效果。校园新闻效果图教学天地。本模块主要展学校教育教学资源，在这一块中，把学校的各个功能室的用途、用法、作用、效果等做详细介绍，把学校老师制作的课件、教育教学录象等一并上传到本网页中，还可以把外地好的教育教学资源下载后上传到本网站，供学校老师参考应用。也把上级对教育教学的要求、国家新课程标准、好的教育教学理念等在网站中刊发出来，供学校老师学习，以图进步。教育论谈。在这里提供的是一个平台，供教师切磋技艺，供师生交流信息，让教师和家长共量教育办法，努力让学校和社会形成教育共识。在本节中，教师的论文、教案、教育心得、教育叙事、工作总结、工作计划等都可以上传。家长对学校的要求、对学校的意见和建议也可以上传，让学校及时了解家长心声，调整教育方式。学生可以上传优秀作文和自己在学习摸索到的经验等，让本网页成为教育教学沟通的桥梁。2.3.3.信息发布信息是学校对外和对内的窗口，在每一天中，学校都可能有新的工作要安排，有新和事务要完成。在这一模块中，着重展现学校的工作安排部署，及工作的进度和完成效果，以让校内外了解学校工作、监督学校工作。在这里主要设置了“重要通知、今日动态、教育信息”等内容。重要通知。学校在近期将举行什么活动，除了在书面通知外，还可能以把通知上传到校园网上，让更多的人知道学校举办的活动，扩大影响力。学校当要做的事，除了把通知写在公布栏上，还可以把通知上传到校园网上，作为存根，一但要回忆某件是什么时候做时，可以在网上查询，方便快捷。在“重要通知”栏内，还可以公布某项教学成果、公布对某位学生或教师的表扬，以引起校内外人士关注。今日动态。“今日动态”是一个个记录性的栏目，把学校当天发生的事如实记录下来，如：校园卫生情况、学校安全情况、天气情况以及学校出现的问题等都一一记录下来，主要是用于日后查询，使之成为学校的电子档案，随时可以调取应用，如此一来，学校的大小事都可以在这里查到，学校的工作就不会存在空白。教育信息。这里主要公布外界教育信息，附带本校教育信息。外界教育信息，主要指上及文件精神、重要会议精神、国家教育政策等，如：寄宿生补助、贫困生扶持等政策在本校园网上公布，让家长充分了解。本校教育信息和要是公布学校设施，如：学校的图书室、阅览室，学生宿舍楼、教师办公楼、学生餐厅等建设情况，有哪些还需要改善，有哪些还需要补充等。通过这一信息的发布，可以引起上级部门的关注，也可以得到爱心人士的大力援助，有效改善办学校条件。2.3.4.校务大全：校务是一个学校工作的总体部署，是学校领导班子对学校工作的主要抓手，学校领导班子把校务理清理顺了，学校工作就会安排得井井有条。校务工作也是外界对学校评价的主要依据，因此，校务工作要及时的对外公开，要不存在黑点，不存在暗箱操作，使一切看起来明明白白。这里主要包括“校务公开、今日餐谱、图书管理、考勤评分”等内容。校务公开。校务公开是学校的一项重要工作，一个学校的校务公开不清楚或不及时，就引起群众和家长的猜疑，不利于学校的教育教学工作。在本节中，主是学校的经费公开和各种工程建设公开。其中经费公开主要是学校的经费来源及用途，包括上级拨款、学生补助款项、勤工俭学等，每一笔资金都要来得清楚，去明白，通过学校报账员做好账目，如实公开；工程建设公开是指学校的各项软硬件设施建设，要及时向社会公开，包括工程招投标、施工过程、质量检测等情况，让学校有账可查、有底可依。校务公开效果图今日餐谱。作为一个农村寄宿制学校，后勤工作尤其重要。在这里设置“今日餐谱”栏目，其目的有两个，一是为学校食堂摸索出一套优越的工作方案，把学生餐谱配备得更科学、更合理，有效提高学生的营养；二是作为学校的自身防护措施，随着寄宿制学校的增多和扩大，学生食物中纛的现象时有发生，学校建立今日餐谱栏目，把当天的餐谱配方、食物来源、加工程序一并记录清楚，一但有情况出现，可以追其根源，从而杜绝事故的再次发生，也能减轻学校的事故责任。考勤评分。考勤评分是学校期末评优的重要依据，也是学校校务的重要组成部分。把每天的教师出勤情况和学生到校情况如实记录下来，把每周的考勤评分如实公布，在教师与教师之间形成赶超的氛围，这样既有利学校教育教学工作，也为学校期末评优提供原始资料和重要依据，使学校工作杂而不乱。第三章 详细设计3.1 创建站点3.1.1 创建站点文件夹。创建网页前，先为网页建一个本地站点，用来存放网页中所有的文件。首先在计算机的硬盘E盘上建立一个文件夹，命名为“gsbl”,即“高山蓓蕾”的拼音首个字母，该文件夹用来存放站点中的所有文件，并在该文件夹中再建一个子文件夹images，该文件夹用于存放站点中的图像。创建站点前准备好相关图片和文字资料存放在相应的文件夹中备用。3.1.2 创建本地站点。启动Dreamweaver8,进入Dreamweaver8操作界面。单击菜单栏中的【站点】/【新建站点】命令，在弹出的【未命名站点1的站点定义为】对话框中单击【高级标签】，并设置站点名称为“高山蓓蕾”，本地根文件夹为E：gsbl,默认图像文件夹为D：gsbl:images。3.2 设置主页3.2.1 新建文档。鉴于是网页设计的初学者，选择入门页面进行设计。单击菜单栏中的【文件】/【新建】命令，在弹出的【新建文档】对话框中选择【从范例创建】/【旅游主页】，单击【创建】，即可新建一个网页文档。3.2.2 修改网页标题。在文档工具栏的【标题】文本框中输入“高山蓓蕾主页”。3.2.3保存文档。按下Ctlr+S键，在弹出的【另存为】对话框中，选择保存到本地站点根目录下，并命名为index,单击保存按钮保存文档。3.2.4 替换图像。选中主页中的原图片photo.jpg，在工具栏中选择【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择images/b.jpg文件，将该图像将原图像替换，并设置图像大小为宽348像素，高167像素。3.2.5 设计网页标题。将原网页中的“insert website name”改为“高山蓓蕾”。设置文本属性:在文本【属性】面板中，默认字体，将字体【大小】设置为50像素，字体【颜色】选择#FFCC33，【背景颜色】为#3366CC，字体加粗。将原网页中“OPTIONAL TAGLINE HERE”改为“田林县高龙乡中心校”，字体【大小】为50像素，字体【颜色】选择 #FFFF00。然后按Enter键另起一行，输入“”，字体【大小】为24像素，字体【颜色】选择#FFFF00，【背景颜色】同样为#3366CC。3.2.6 输入导航栏文本。在原网页导航栏中，将输入法调整到全角模式，依次输入“学校主页”、“学校风采”、“优点特色”、“信息发布”、“部分校务”、“联系我们”等文本作为站点页面的导航栏。设置文本属性：在文本【属性】面板中将字体【大小】设置为12像素，加粗并居中对齐，【样式】自动设置为STYLE1。3.2.7 设置左边单元格内容。原网页左边表格为6行1列，在表格【属性】面板中调整表格【宽】291像素，【高】1241像素。然后在表格中，从第二行开始依次输入“学校风采”、“优点特色”、“信息发布”、“部分校务”、“联系我们”替代原来文字。字体【大小】为18像素，字体【颜色】选择#9F0000，加粗并居中对齐，字体【样式】无。每个单元格都按下Enter键空一行调整单元格之间的距离。在“联系我们”下一行中输入“Welcome to our school！”，再按Entre键输入“欢迎各位领导到校参观”，在字体【属性】面板中设置【大小】为大，字体【颜色】选择#CC0000，加粗并居中对齐。3.2.8 插入动画。将光标定在左边表格“学校风采”、“优点特色”、“信息发布”、“部分校务”、“联系我们”前，选择菜单栏中【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gshh中选择images/1.jpg文件，将准备好的小动画放到网页中。3.2.9 在表格中插入师生作品图片。在“欢迎各位领导到校参观”字样后换行，选择菜单栏【插入】/【图像】，在弹出【选择图像源文件】的对话框中选择E盘gsbl/images/i.jpg文件，图片【宽】284像素，【高】152像素。接着按照同样的方法分别插入图片k.jpg和j.jpg，并调整好图片大小。至此，网页左边部分已经完成。3.2.10 主页中心部分设置。选择中间表格第一栏，输入“田林县高龙乡中心校欢迎您！”，字体设置【大小】为特大，【颜色】选择#CC0000，字体设置居中并加粗，字体【样式】为STYLE23。表格第二栏插入高龙中心校图片，选择菜单栏【插入】/【图像】，选择选择E盘gshh/images/xxgk.jpg文件，图像【宽】663像素，【高】441像素，居中设置。3.2.11 学校简介内容设置。将光标定在中间表格第三栏，按下Enter键空一行，在第二行中输入“学校简介”，字体【大小】18像素，【颜色】为#000000，加粗并居中设置，【样式】为STYLE49。空一行后换行后粘贴简介文字内容，文字设置【大小】为18像素。将输入法调整到全角模式后，每段落空两个字符，段与段间按Enter键空一行。3.2.12 设置右边表格内容。在第一栏中输入“学校概况”，字体选择STYLE23；换行，输入“田林县高龙乡中心校成立于1984年。学校所在地距县110余公里（其中近100公里为省道），是全县最边远的乡镇学校，学校占地面积为10205平方米，建筑面积为3654平方米。”字体【大小】18像素，【颜色】为#004200，居中设置，【样式】为STYLE9。然后空几行后，插入水平线，单击菜单栏中的【插入】/【HTML】/【水平线命令】，在文档中插入水平线。换行后输入“学校动态”，字体选择【样式】STYLE23；换行输入“暂无最新消息”，字体【大小】16像素，【颜色】为#38014E居中设置。然后换行后再插入一条水平线。3.2.13 插入图片新闻。在第二栏输入“图片新闻”，字体【样式】选择STYLE23，然后分别在右边第二、三栏表格中插入图片E盘gshh/images/a.jpg和images/e.jpg，调整图片大小，在图片下方分边输入“我们郊游啦！”“新建教学楼落成”，字体【大小】18像素，黑色居中设置。3.2.14 插入水平线。按下回车键换行，单击菜单栏中的【插入】/【HTML】/【水平线命令】，在文档中插入水平线。选择水平线，在【属性】面板中，设置水平线宽为1300像素，高为2像素。在菜单栏中选择【插入】/【HTML】/【特殊字符】/【版权】，插入后调整【大小】为特大。3.2.15 按下Ctrl+S键保存文件。至此，一个简单的学校主页就完成了。3.3 创建网站子页和超链接在主页下面要设置“学校风采”、“优点特色”、“信息发布”、“部分校务”、“联系我们”五个子页。下面详细介绍。3.3.1 创建子页“学校风采”。在Dreamweaver8中，选择gsbl文件夹，右键选择【新建文件夹】，新建“学校风采”文件夹xxfc；选择“学校风采”文件夹xxfc，右键在该文件夹中再建一个子文件夹images，该文件夹用于存放站点中的图像。创建站点前准备好相关图片和文字资料存放在相应的文件夹中备用。单击菜单栏中的【文件】/【新建】命令，在弹出的【新建文档】对话框中选择【从范例创建】/【旅游主页】，单击【创建】，即可新建“学校风采”网页文档。修改网页标题。在文档工具栏的【标题】文本框中输入“学校岁风采”。 保存文档，按下Ctlr+S键，在弹出的【另存为】对话框中，选择保存到本地站点根目录下，并命名为xxfc,单击保存按钮保存文档。替换图像。选原图片photo.jpg，在工具栏中选择【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择xxfc/images/b.jpg文件，将该图像将原图像替换，并设置图像大小为宽348像素，高167像素。将原网页中的“insert website name”改为“高山蓓蕾”。设置文本属性:在文本【属性】面板中，默认字体，将字体【大小】设置为50像素，字体【颜色】选择#FFCC33，【背景颜色】为#3366CC，字体加粗。将原网页中“OPTIONAL TAGLINE HERE”改为“田林县高龙乡中心校”，字体【大小】为50像素，字体【颜色】选择 #FFFF00。然后按Enter键另起一行，输入“”，字体【大小】为24像素，字体【颜色】选择#FFFF00，【背景颜色】同样为#3366CC。输入导航栏文本。在原网页导航栏中，将输入法调整到全角模式，依次输入“学校概貌”、“教师风采”、“办学理念”、“校园之星”等文本作为站点页面的导航栏。设置文本属性：在文本【属性】面板中将字体【大小】设置为12像素，加粗并居中对齐，【样式】自动设置为STYLE1。设置左边单元格内容。原网页左边表格为6行1列，在表格【属性】面板中调整表格【宽】291像素，【高】1241像素。然后在表格中，从第二行开始依次输入“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”替代原来文字。字体【大小】为18像素，字体【颜色】选择#9F0000，加粗并居中对齐，字体【样式】无。每个单元格都按下Enter键空一行调整单元格之间的距离，在字体【属性】面板中设置【大小】为大，字体【颜色】选择#CC0000，加粗并居中对齐。插入动画。将光标定在左边表格“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”前，选择菜单栏中【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择images/1.jpg文件，将准备好的小动画放到网页中。网页中心部分设置。选择中间表格第一栏，输入“田林县高龙乡中心校欢迎您！”，字体设置【大小】为特大，【颜色】选择#CC0000，字体设置居中并加粗，字体【样式】为STYLE23。表格第二栏插入高龙中心校校园图片，选择菜单栏【插入】/【图像】，选择选择E盘gsbl/xxfc/images/xxgk.jpg文件，图像【宽】663像素，【高】441像素，居中设置。网页内容设置。将光标定在中间表格第三栏，按下Enter键空一行，在第二行中输入“学校风采”，字体【大小】18像素，【颜色】为#000000，加粗并居中设置，【样式】为STYLE49。空一行后换行后粘贴本页介绍文字内容，文字设置【大小】为18像素。将输入法调整到全角模式后，每段落空两个字符，段与段间按Enter键空一行。插入水平线。按下回车键换行，单击菜单栏中的【插入】/【HTML】/【水平线命令】，在文档中插入水平线。选择水平线，在【属性】面板中，设置水平线宽为1300像素，高为2像素。在菜单栏中选择【插入】/【HTML】/【特殊字符】/【版权】，插入后调整【大小】为特大。按下Ctrl+S键保存文件。至此，“学校风采”子页设计完成。3.3.2 创建子页“优点特色”。在Dreamweaver8中，选择gsbl文件夹，右键选择【新建文件夹】，新建“优点特色”文件夹ydts；选择“优点特色”文件夹ydts，并在该文件夹中再建一个子文件夹images，该文件夹用于存放站点中的图像。创建站点前准备好相关图片和文字资料存放在相应的文件夹中备用。单击菜单栏中的【文件】/【新建】命令，在弹出的【新建文档】对话框中选择【从范例创建】/【旅游主页】，单击【创建】，即可新建“优点特色”网页文档。修改网页标题。在文档工具栏的【标题】文本框中输入“优点特色”。按下Ctlr+S键，在弹出的【另存为】对话框中，选择保存到本地站点根目录E：/gsbl/ydts/下，并命名为ydts,单击保存按钮保存文档。替换图像。选原图片photo.jpg，在工具栏中选择【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择ydts/images/b.jpg文件，将该图像将原图像替换，并设置图像大小为宽348像素，高167像素。将原网页中的“insert website name”改为“高山蓓蕾”。设置文本属性:在文本【属性】面板中，默认字体，将字体【大小】设置为50像素，字体【颜色】选择#FFCC33，【背景颜色】为#3366CC，字体加粗。将原网页中“OPTIONAL TAGLINE HERE”改为“田林县高龙乡中心校”，字体【大小】为50像素，字体【颜色】选择 #FFFF00。然后按Enter键另起一行，输入“”，字体【大小】为24像素，字体【颜色】选择#FFFF00，【背景颜色】同样为#3366CC。输入导航栏文本。在原网页导航栏中，将输入法调整到全角模式，依次输入“校园新闻”、“教学天地”、“教育论谈”等文本作为站点页面的导航栏。设置文本属性：在文本【属性】面板中将字体【大小】设置为12像素，加粗并居中对齐，【样式】自动设置为STYLE1。设置左边单元格内容。原网页左边表格为6行1列，在表格【属性】面板中调整表格【宽】291像素，【高】1241像素。然后在表格中，从第二行开始依次输入“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”替代原来文字。字体【大小】为18像素，字体【颜色】选择#9F0000，加粗并居中对齐，字体【样式】无。每个单元格都按下Enter键空一行调整单元格之间的距离，在字体【属性】面板中设置【大小】为大，字体【颜色】选择#CC0000，加粗并居中对齐。插入动画。将光标定在左边表格“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”前，选择菜单栏中【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择ydts/images/1.jpg文件，将准备好的小动画放到网页中。网页中心部分设置。选择中间表格第一栏，输入“田林县高龙乡中心校欢迎您！”，字体设置【大小】为特大，【颜色】选择#CC0000，字体设置居中并加粗，字体【样式】为STYLE23。表格第二栏插入高龙中心校校园图片，选择菜单栏【插入】/【图像】，选择选择E盘gsbl/images/xxgk.jpg文件，图像【宽】663像素，【高】441像素，居中设置。网页内容设置。将光标定在中间表格第三栏，按下Enter键空一行，在第二行中输入“优点特色”，字体【大小】18像素，【颜色】为#000000，加粗并居中设置，【样式】为STYLE49。空一行后插入“”符号，输入学校优点特色简介，创建子子页，建立链接。插入水平线。按下回车键换行，单击菜单栏中的【插入】/【HTML】/【水平线命令】，在文档中插入水平线。选择水平线，在【属性】面板中，设置水平线宽为1300像素，高为2像素。在菜单栏中选择【插入】/【HTML】/【特殊字符】/【版权】，插入后调整【大小】为特大。按下Ctrl+S键保存文件。至此，“优点特色”子页设计完成。3.3.3 创建子页“信息发布”。在Dreamweaver8中，选择gsbl文件夹，右键选择【新建文件夹】，新建“信息发布”文件夹xxfb；选择“信息发布”文件夹xxfb，右键新建一个子文件夹images，该文件夹用于存放站点中的图像。创建站点前准备好相关图片和文字资料存放在相应的文件夹中备用。单击菜单栏中的【文件】/【新建】命令，在弹出的【新建文档】对话框中选择【从范例创建】/【旅游主页】，单击【创建】，即可新建“信息发布”网页文档。修改网页标题。在文档工具栏的【标题】文本框中输入“信息发布”。按下Ctlr+S键，在弹出的【另存为】对话框中，选择保存到本地站点根目录E：/gsbl/xxfb/下，并命名为xxfb,单击保存按钮保存文档。替换图像。选原图片photo.jpg，在工具栏中选择【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择xxfb/images/b.jpg文件，将该图像将原图像替换，并设置图像大小为宽348像素，高167像素。将原网页中的“insert website name”改为“高山蓓蕾”。设置文本属性:在文本【属性】面板中，默认字体，将字体【大小】设置为50像素，字体【颜色】选择#FFCC33，【背景颜色】为#3366CC，字体加粗。将原网页中“OPTIONAL TAGLINE HERE”改为“田林县高龙乡中心校”，字体【大小】为50像素，字体【颜色】选择 #FFFF00。然后按Enter键另起一行，输入“”，字体【大小】为24像素，字体【颜色】选择#FFFF00，【背景颜色】同样为#3366CC。输入导航栏文本。在原网页导航栏中，将输入法调整到全角模式，依次输入“信息发布”、“公告栏”、“信息查询”、“招生政策”、“活动安排”等文本作为站点页面的导航栏。设置文本属性：在文本【属性】面板中将字体【大小】设置为12像素，加粗并居中对齐，【样式】自动设置为STYLE1。设置左边单元格内容。原网页左边表格为6行1列，在表格【属性】面板中调整表格【宽】291像素，【高】1241像素。然后在表格中，从第二行开始依次输入“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”替代原来文字。字体【大小】为18像素，字体【颜色】选择#9F0000，加粗并居中对齐，字体【样式】无。每个单元格都按下Enter键空一行调整单元格之间的距离，在字体【属性】面板中设置【大小】为大，字体【颜色】选择#CC0000，加粗并居中对齐。插入动画。将光标定在左边表格“学校主页”、“学校风采”、“优点特色”、“信息发布”、“校务大全”前，选择菜单栏中【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择xxfb/images/1.jpg文件，将准备好的小动画放到网页中。网页中心部分设置。选择中间表格第一栏，输入“田林县高龙乡中心校欢迎您！”，字体设置【大小】为特大，【颜色】选择#CC0000，字体设置居中并加粗，字体【样式】为STYLE23。表格第二栏插入高龙中心校校园图片，选择菜单栏【插入】/【图像】，选择选择E盘gsbl/xxfb/images/xxgk.jpg文件，图像【宽】663像素，【高】441像素，居中设置。网页内容设置。插入“”符号，输入信息发布内容简介，建立超链接，插入水平线。按下回车键换行，单击菜单栏中的【插入】/【HTML】/【水平线命令】，在文档中插入水平线。选择水平线，在【属性】面板中，设置水平线宽为1300像素，高为2像素。在菜单栏中选择【插入】/【HTML】/【特殊字符】/【版权】，插入后调整【大小】为特大。按下Ctrl+S键保存文件。至此，“信息发布”子页设计完成。3.3.4 创建子页“校务大全”。在Dreamweaver8中，选择gsbl文件夹，右键选择【新建文件夹】，新建“校务大全”文件夹xwdq；选择“校务大全”文件夹xwdq，在该文件夹中再建一个子文件夹images，该文件夹用于存放站点中的图像。创建站点前准备好相关图片和文字资料存放在相应的文件夹中备用。单击菜单栏中的【文件】/【新建】命令，在弹出的【新建文档】对话框中选择【从范例创建】/【旅游主页】，单击【创建】，即可新建“校务大全”网页文档。修改网页标题。在文档工具栏的【标题】文本框中输入“校务大全”。按下Ctlr+S键，在弹出的【另存为】对话框中，选择保存到本地站点根目录E：/gsbl/xwdqq/下，并命名为xwdq,单击保存按钮保存文档。替换图像。选原图片photo.jpg，在工具栏中选择【插入】/【图像】，这时弹出【选择图像源文件】对话框，从电脑E盘文件夹gsbl中选择xwdq/images/b.jpg文件，将该图像将原图像替换，并设置图像大小为宽348像素，高167像素。将原网页中的“insert website name”改为“高山蓓蕾”。设置文本属性:在文本【属性】面板中，默认字体，将字体【大小】设置为50像素，字体【颜色】选择#FFCC33，【背景颜色】为#3366CC，字体加粗。将原网页中“OPTIONAL TAGLINE HERE”改为“田林县高龙乡中心校”，字体【大小】为50像素，字体【颜色】选择 #FFFF00。然后按Enter键另起一行，输入“”，字体【大小】为24像素，字体【颜色】选择#FFFF00，【背景颜色】同样为#3366CC。输入导航栏文本。在原网页导航栏中，将输入法调整到全角模式，依次输入“校力大全”、“图书管理”、“今日餐谱”、“校务公开”等文本作为站点页面的导航栏。设置文本属性：在文本【属性】面板中将字体【大小】设置为12像素，加粗并居中对齐，【样式】自动设置为STYLE1。设置左边单元格内容。原网页左边表格为6行1列，在表格【属性】面板中调整表格【宽】291像素，【高】1241像素。然后在表