个人网页4页面带音乐简单表格布局带设计说明 学生网页设计作业源码

此网站我是用 Dreamweaver 进行开发设计的，并用Fireworks，ps ，Flash等进行了网站辅助设计，布局模式采用了div+css。

网站背景模仿一些漂亮的网站的色彩搭配，我在整个网站背景设置上用的是一幅美丽的风景图片，这个和我整个网站奠定了一定的基调，就是个人摄影是本网站的主题。具体制作过程如下：

1、先在本地设一个文件夹，作为网站存储的地方。名字为“MySelf Sites”。 

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些） 

3、打开我的网页编辑程序，个人用的是Dreamweaver CS6新建网页，保存为“index”（主页），重复以上步骤，分别起名字保存。首先在是首页的设计，在设计首页当中为了凸显我的网站的美观直白，我首先将背景设置为了一幅风景图片。让整体感觉美观了。然后就是div+CSS布局，这个是网站的重点。也是对于我个人来说是难点。首先我用画图工具设计了页面各个板块，然后利用自己学到的网页制作技术进行制作。然后经过努力整体布局还行。在设计导航中用了ul标签，在当中设置了本小网站的每个页面主题。 

4.我在网上找了一些特效，比如Flash了还有js技术，这些当然在网上有很多素材供我们这些菜鸟去应用，期初我对这些是不是很懂，在我网上百度了以后，按照上面的步骤，一步一步的实现了其中的功能，这个应该也的感谢Dreamweaver的强大功能了，因为对于插入Flash动画来说，在这里实在是比较简单的了。在工具栏中直接找到插入按钮，找到插入多媒体文件，将自己喜欢的文件插入到网页中，当然这个需要我们在网页布局中已经有个放我们要插入内容的地方。

个人体会：实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。