网页设计个人博客课程实验报告

《网页设计个人博客课程实验报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、课程设计实验报告—网页设计姓名：课程题目：个人博客专业：软件工程班级：08421学号：指导老师：-19-目录摘要……………………………………………………………21.课程设计目的与任务………………………………………31.1课程设计目的…………………………………………31.2课程设计任务…………………………………………42.开发环境……………………………………………………42.1硬件环境………………………………………………42.2软件环境………………………………………………43.总体设计……………………………………………………6

2、3.1功能概述………………………………………………63.2系统流程………………………………………………64.详细设计……………………………………………………84.1页面设计………………………………………………84.2素材制作………………………………………………84.3页面布局………………………………………………84.4页面效果图……………………………………………95.个人总结…………………………………………………12-19-摘要：随着互联网技术的快速发展与应用，很多网络用户希望在网络平台上更多的展现自己的个性，更方便的与人互

3、动交流，博客被越来越多的人选择学习和交流的工具.博客的内容丰富多彩，有对其他网站的超链接和评论，也个人的构思，还有新闻日志、照片、诗歌、散文等。博客具有自主性、开放性、互动性和共享性，是个很好的交流的渠道。它已经成为简单有效的提供网络用户之间进行在线交流的网络平台，通过其可以结交更多的朋友，表达更多的想法，使用方便快捷。个人博客的发展已经成为广告商业的拓展的重要领域.本系统是个实用的个人博客网站，及博客、相册、留言版、链接等于一身。未注册的用户（访客）可以浏览文章，发表评论及留言。本文还简单介绍了博客的概念、发展前景、特点的

4、功能等。系统最终的目的是简单的介绍个人博客的总体设计模式和系统的实现。关键词：主页博客日志相册1.课程设计目的和任务1.1课程设计目的a:通过《网页设计》课程的理论知识和实践技能，分析和解决计算机应用的时间问题，提供网页设计与制作能力，掌握发布一个网站的操作过程。-19-b：设计一个既可以让用户拥有自己的自由空间，又可以与其他用户互动的个人博客网站.并且可以通过文字、图片和链接，将个人工作、学习、生活等内容全方位的展示各众人。访客也可以浏览文章，发表评论和留言给自己。1.2课程设计任务运用Dreamweaver网页开发工具制

5、作一个个人博客网站，此网页采用HTMl模板布局模式，表格框架结构，用CSS样式美化页面.组成。网页包括BOLG-Enter、主页、日志、相册、个人资料及留言版。游客可以方便的了解到自己的个人博客2.开发环境2.1硬件环境个人电脑一台，pc机环境2.2软件环境1）WindowXP及以上系统2）dreamweaverCS4网页开发工具。DREAMWEAVER　　Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用

6、它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。　　DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)-19-的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所

7、见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点：　　一、难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；二、页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要

8、求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是