简单个人主页设计课程设计论文

《简单个人主页设计课程设计论文》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计程序设计》课程设计报告题目：简单个人主页设计专业：班级：姓名：学号：指导教师：时间：摘要多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。本网站制作网页运用了超级链接，亮光字体，条幅滚动，滚动字幕，插入多媒体，光柱等特效，阐述了制作网页时需要的知识和相关技能。关键字：多媒体，滚动字幕，布局I目录摘要I一、课程设计目的1二、设计方案的论证21、背景22、意义23、技术

2、路线2三、设计实现过程31、总体设计32、整体结构图43、页面设计5四、调试运行61、设计及调试遇到的问题62、部分调试界面7五、测试及问题探讨10六、设计总结及体会11七、致谢12八、参考文献13九、附录11信息工程学院《网页设计》设计报告一、课程设计目的随着学习范围扩展，需要的且下载的资料、素材等会越来越多，就会导致经常需要的文件不容易找到。所以需要设计一个包含常用文件的目录，方便查询及应用。本次设计的目标是制作一个简单的包含一些经常用到的文件的目录页面，整个页面主要用表格设计布局，用内联框架实现页面跳转的显示，添

3、加个别的视频，音乐以及学习资料，其中学习资料支持下载功能。整个页面要包含主要的欢迎界面，导航条中包含一些个人喜欢的英文句子，常用的图片素材，经常听的音乐，以及关于linux的学习资料的下载的各级跳转链接。13信息工程学院《网页设计》设计报告二、设计方案的论证1、背景随着学习范围的扩展，已下载的资料越来越多，给查找带来很大障碍，需要一个包含日常常用的资料的目录文件以方便查找。2、意义方便对常用文件的查找以及下载，提高学习效率。3、技术路线网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得

4、的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、fireworks等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件。主要以DreamweaverCS6代码模块进行制作，图片处理基于PhotoshopCS6版本。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能

5、建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。13信息工程学院《网页设计》设计报告三、设计实现过程1、总体设计个人主页要包括首页的欢迎界面，欢迎界面要有个人的近期动态以及以往动态的链接，还要包括音乐子目录，图片素材子目录，近期的学习资料，其中学习资料要支持下载功能。在页面中，图片、文字位置前后叠压，或页面位置变化所产生

6、的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称

7、或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。13信息工程学院《网页设计》设计报告2、整体结构图设计页面的首页与其他子页是在同级目录下同一个导航条内，导航条内的链接内容在当前页面的内联框架中显示，导航条跳转的子页面要求有独立页面的跳转。下载页面目前直接用链接实现，不允许在当前页显示文件内容。首页音乐文件列表形式链接经典句子框架页面跳转首页介绍内联框架显示下载资料视频文件图3-113信息工程学院《网页设计》设计报告3、页面设计为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现

8、内容的丰富含义。　　灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙地互