《网站开发与网页制作》设计说明书

《网站开发与网页制作》设计说明书青岛滨海学院综合学院《网站开发与网页制作》课程设计说明书设计名称：《张营中学》网站开发与设计姓名：迟俊广学号：20084102107班级：08信本系：综合学院设计时间：2011~2012学年第一学期成绩：《网站开发与网页制作》设计说明书全文共6页，当前为第1页。《网站开发与网页制作》设计说明书全文共6页，当前为第1页。一．课程设计目的通过本课程设计，让学生全面加强对网站的认知，学会设计和制作网站，包括完成设计说明说，熟练网页制作及相关工具(AdobeDreamweaver、AdobeFireworks、AdobeFlash、AdobePhotoshop）的使用，尤其是对AdobeDreamweaver的应用，能够熟练地对页面进行加工处理，合理布局。二．课程设计任务与要求：1、网站主题明确，网站的所有内容都应该围绕此主题展开。2、网站栏目设置要求清晰，不应该存在重复性栏目或无用栏目，栏目数不少于6个。3、网站页面数量不少于20页，每个页面的内容都要丰富、充实，能够确切地体现说明所展示的内容。4、所有页面的链接都要求准确无误，不要存在空链接或错链接。5、网站页面在制作过程中要求使用的内容有：文本及图像的设置（要求有自己使用Fireworks或Photoshop制作的图像）、创建CSS样式、模板、框架、AP元素、为页面添加行为、使用时间轴创建动画效果、运用超级链接、制作留言板等。6、网站的logo和Banner要求自己制作；在素材的使用上可以部分引用原始素材，但要求尽量自行修改后使用；如果页面的风格统一，尽量使用模板完成。7、网站的整体色调要求浏览者感到舒服、愉悦、色彩搭配合理。8、网站测试。网站要进行细致周密的测试，保证正常浏览和使用。三．课程设计说明书一、网站开发目的和功能简介此网址做的是张营中学，本网站可以使人们方便快捷的找到自己想要本校的信息，网站中有学校的基本状况，对学校的所在组织结构也有详细的介绍，方便人们对本校的了解，网站中还有与家长的互动，方便家长与学校联系，了解孩子的情况。二、网站的主体架构1、网站栏目划分（含网站结构图）与概述《网站开发与网页制作》设计说明书全文共6页，当前为第2页。《网站开发与网页制作》设计说明书全文共6页，当前为第2页。首页首页学校新闻校园之星试题资源库家校互动德育天地心理健康校园动态学校新闻校园之星试题资源库家校互动德育天地心理健康校园动态学校简介规章制度作品展示德育论文课题研究校园风景规章制度作品展示德育论文课题研究校园风景2、网站的风格与色彩选择网站首页是以蓝色为主，显示学校的庄严的特点，首页图片为主不会显得很压抑，首页中表现出张营中学的校徽，学校的德育教育理念。在各个分页面中，根据不同的内容使用不同的色彩，家校互动页面中表现的活泼一点，有一种温馨的感觉。德育教育中大体上使用土黄色，体现古时候的竹简的颜色，非常的古朴，也有像古人学习的思想。风格上呈现庄严质朴，可以表现出学校的性质。3、网站目录结构设计网站中的内容在首页中都有体现，导航栏中设置了学校概况、简介、家校互动、德育天地、试题资源库、校园之星等栏目，可以从首页中进入其他想要浏览的地方。三、网站设计过程《网站开发与网页制作》设计说明书全文共6页，当前为第3页。1、首页设计《网站开发与网页制作》设计说明书全文共6页，当前为第3页。首页是运用了图片的样式，大体上让人们了解此网站的内容，在此页面上运用了插入flash图片，打开网站弹出信息的技术，根据首页的导航栏打开其他的页面，本网页介绍了张营中学的概况，把此页作为模板对子网页进行设计。2、整体模块设计在校园简介页面上用了AP元素，显示隐藏的知识，节省网页的空间。《网站开发与网页制作》设计说明书全文共6页，当前为第4页。《网站开发与网页制作》设计说明书全文共6页，当前为第4页。四、设计技术总结在设计《张营中学》这个网站时，运用了学到的大部分知识，对所学有了一定的应用，技术方面主要用到插入图片，模板应用，对网页的效果弹出信息，隐藏显示做了效果，有图片的页面尽量做到不单调，对图片进行装饰，做出不一样的效果，框架的应用是网页的一个特点，导航不变只对其中的内容做修改，节省空间，做的时候也是很节省时间，所以两全其美。五、设计心得体会通过本次设计对之前学的网站开发与网页制作知识有了有效地利用，在做设计的时候遇到了很多问题，很多都是因为平时练习的少，一些知识点很难熟练的运用。做网页不仅要有理论知识，还要有想象力，首先要将自己的网站在头脑中形成一个整体的样式，之后再一个一个页面的做，在各个页面的连贯上也要提前设计好，不仅要使自己的网站在表面上看起来好看，还要实用，给人一种轻松的感觉。做网站要大胆的设想。一开始没有什么思路，当做好首页之后就知道自己要做些什么了，这个过程是漫长的，也很有意思。在设计时要运用到自己所学习的知识，这样就又打开了一条思路，所有万事开头难，只要开好了头一切就变得很简单。做设计是遇到的一些困难，要虚心的问老师和同学，在讨论的时候自己的知识变得更加稳固，大家交换思想，自己会有更加开阔的想法。做网站只要有兴趣肯钻研，就会自然而然的冒出许多的灵感，设计起来自然就很简单，只要有思路，再加上老师教得知识，就可以顺手的设计。本次设计中我体验到了很多，什么东西只在脑子里想象不实践是出不来的，很多东西想的很好实践起来就不是那么简单了，动手才是考验知识的时候，有时候老师刚讲完做起来很顺手，但是过一段时间再用到就有可能忘记了，这些东西就要经常的使用，才能做到熟练，经常不用就会忘记。设计时还要积极与同学交流，在交流的过程中可以学到很多东西，在交流的过程中也是知识再次利用的机会。遇到问题时一定要勤于问，问完之后就会豁然开朗。在网络这么发达的今天，很多问题网络都能替你解决，什么地方不懂可以上网搜一搜方便快捷。经过这次设计的制作，学到了很大课堂上没学到的东西，只要是感兴趣，完成的就特别快，做的也会更加的快。实践与理论相结合就能很快