个人博客网站设计说明

觉得做自己的个人博客网站实在没什么可以贴出来的，因此我做的是一个张国荣的简易博客。用的是“目录”这个模板，总共由五个网页组成，“主页”“资料”“音乐”“相册”“留言”，以主页为主网页，其余四个网页为分网页。在主页主网页中，有其实调往四个分网页的超链接，在四个分网页也都有调往主页主网页的超链接。在主页中，首先我用艺术字来写下欢迎的话语“欢迎来到张国荣的博客”，然后我用张国荣较为有意境的一张照片（设置图片属性中图片位置靠右）和比较出名的一句歌词介绍他的人生吧！并在百度中找到他的个人资料，粘贴到了这里，但链接中有许多超链接，请忽略不要点击。截图如下：

最后我用滚动型的字母写下了自己的名字，“机械11303班 方园 出品”作为主业的结束。截图如下：

在点击主页主网页的“资料”超链接后，跳入张国荣的个人介绍资料中。首先我用滚动型字幕设置了“欢迎来到哥哥的博客”，然后简要依次介绍了他的基本信息、联系信息、标签信息，每种信息都用插入的水平线隔开。并在网页右侧插入一张与主页主网页照片相呼应的图片（设置图片属性中图片位置靠右）。最后我用超链接做了“返回主页”，点击即可返回主页主网页。截图如下：

点击主页主网页中“音乐”，即可跳转到“音乐”分网页。首先，我写了许多张国荣比较好听，比较流行的曲目，算是一种音乐的介绍吧，然后我想如果能做出点击播放功能就更好了，虽然查了很多资料，最后还是做不出来，因此做了“暂时还没有播放功能的滚动型字幕，并在右上角设置了一个“返回主页”的超链接，点击即可返回主页主网页。截图如下：

点击主页主网页中的“相册”，即可跳转至“相册”分网页。在本网页中，我并没有选择任何的文字介绍，只在最后加入了一个“返回主页”的超链接。个人认为这个简易版的博客中，这样纯粹一点的“相册”给人的感觉会更好一点吧。其余部分是我在网络上搜索的精美照片，一字纵向排列，为了美观，我还将照片顺序进行了稍微的调整。截图如下：

点击主页主网页中的“留言板”，即可跳转到“留言板”分网页。首先我在网页左上角设置了“返回主页”超链接。原本我想设置一个互动的留言板，但是经查资料知，需要插入数据库，但是我的版本类型无法设置此数据库，只好先做一个形式，能写，但不能用数据库保存，后续我会继续学习网页中插入数据库的详细知识的。因此我用滚动型字幕设置了“留言板功能尚未完善”。

然后我插入了一个表单文本区（可写多行），不能用表单文本框（只能写一行），点击框框（写文字的区域），在边缘处拖动拉大框框（写文字区域），双击“提交”，设置标签为：“留言”，双击“重置”,设置标签为：“重新输入”。再在“提交”右键，点击表单属性，点击选项，设置如下。“重新如数”一样操作。

截屏如下：

到此，整个网站网页设计就完成了，刚刚接触到这方面的知识，做网站网页这方面的思想和能力都比较欠缺，但通过这次设计，对网站网页设计有了一个基本的概念，对这方面也有一定的兴趣，希望能更上一层楼。