网页设计个人博客课程实验报告课程设计实验报告网页设计姓名课程题目个人博客专业软件工程班级08421 学号指导老师目录摘要2 1. 课程设计目的与任务3 1.1课程设计目的3 1.2课程设计任务4 2. 开发环境4 2.1硬件环境4 2.2软件环境4 3. 总体设计6 3.1功能概述6 3.2系统流程6 4. 详细设计8 4.1页面设计8 4.2素材制作8 4.3页面布局8 4.4页面效果图9 5. 个人总结12 摘要随着互联网技术的快速发展与应用，很多网络用户希望在网络平台上更多的展现自己的个性，更方便的与人互动交流，博客被越来越多的人选择学习和交流的工具.博客的内容丰富多彩，有对其他网站的超链接和评论，也个人的构思，还有新闻日志、照片、诗歌、散文等。
博客具有自主性、开放性、互动性和共享性，是个很好的交流的渠道。
它已经成为简单有效的提供网络用户之间进行在线交流的网络平台，通过其可以结交更多的朋友，表达更多的想法，使用方便快捷。
个人博客的发展已经成为广告商业的拓展的重要领域. 本系统是个实用的个人博客网站，及博客、相册、留言版、链接等于一身。
未注册的用户（访客）可以浏览文章，发表评论及留言。
本文还简单介绍了博客的概念、发展前景、特点的功能
等。
系统最终的目的是简单的介绍个人博客的总体设计模式和系统的实现。
关键词主页博客日志相册 1.课程设计目的和任务1.1课程设计目的a通过网页设计课程的理论知识和实践技能，分析和解决计算机应用的时间问题，提供网页设计与制作能力，掌握发布一个网站的操作过程。
b设计一个既可以让用户拥有自己的自由空间，又可以与其他用户互动的个人博客网站.并且可以通过文字、图片和链接，将个人工作、学习、生活等内容全方位的展示各众人。
访客也可以浏览文章，发表评论和留言给自己。
1.2课程设计任务运用Dreamweaver网页开发工具制作一个个人博客网站，此网页采用HTMl模板布局模式，表格框架结构，用CSS样式美化页面.组成。
网页包括BOLG-Enter、主页、日志、相册、个人资料及留言版。
游客可以方便的了解到自己的个人博客 2.开发环境 2.1 硬件环境个人电脑一台，pc机环境 2.2软件环境1）WindowXP及以上系统2）dreamweaver CS4网页开发工具。
DREAMWEA VER Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师
特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
DREAMWEA VER、FLASH以及在DREAMWEA VER 之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM梦之队，足见市场的反响和MACROMEDIA公司对它们的自信。
说到DREAMWEA VER我们应该了解一下网页编辑器的发展过程，随着互联网Internet 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点
一、难以精确达到与浏览器完全一致的显示效果。
也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；
二、页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要
求可能需要几十分钟，甚至更多时间。
而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。
如何实现两者的完美结合，则既产生干净、准确的HTML 代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。
在DREAMWEA VER之前，FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。
但是我说过这是在DREAMWEA VER之前，现在我无意说DREAMWEA VER已经实现网页设计师的梦想，但我觉得DREAMWEA VER正在努力向这个梦想一步步走去。
Dreamweaver CS4 Dreamweaver CS4的界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素，让DW也稍稍带着点苹果的味道。
如果说VISTA和OFFICE 2007创造了软件界面设计的新纪元，那么Adobe相当于取代了苹果的设计地位而紧随MS 之后。
唯一的区别就是，MS老是抄人家苹果的（汗一个，微软的Fans别砸我），而Adobe却是实实在在的自己创造，设计
界的老大地位实至名归布局按钮这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白DW的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。
精简设计它提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。
对于习惯了Adobe其他设计软件的朋友来说，这的确是非常贴心的设计。
应用程序开发增强左上方是和数据相关的面板，包括数据库面板、数据绑定面板和行为面板；左下方则是文件与资源相关的面板，包括文件面板、相关资源面板、代码收集器等；右边则是设计相关面板，包括插入面板、CSS样式表面板、AP元素面板（用来为浮动层定位）。
应该说这是一个万金油布局，几乎适用所有的开发者，同时，它也把大部分菜单展示在用户面前，其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。
在下方的文档面板上，DW新增加了一个实时预览功能Live View。
它的作用是在DW窗口中实时查看代码的效果，包括Javascript特点。
Photoshop CS3图片处理工具Photoshop CS3 全称Adobe Photoshop CS3 Extended 也称作为Photoshop 10.0 （。
