I个人博客网站设计说明.docxVIP

个人博客网站设计说明觉得做自己的个人博客网站实在没什么可以贴出来的，因此我做的是一个张国荣的简易博客。用的是“目录”这个模板，总共由五个网页组成，“主页”“资料”“音乐”“相册”“留言”，以主页为主网页，其余四个网页为分网页。在主页主网页中，有其实调往四个分网页的超链接，在四个分网页也都有调往主页主网页的超链接。在主页中，首先我用艺术字来写下欢迎的话语“欢迎来到张国荣的博客”，然后我用张国荣较为有意境的一张照片（设置图片属性中图片位置靠右）和比较出名的一句歌词介绍他的人生吧！并在百度中找到他的个人资料，粘贴到了这里，但链接中有许多超链接，请忽略不要点击。截图如下： 最后我用滚动型的字母写下了自己的名字，“机械11303班 方园 出品”作为主业的结束。截图如下：在点击主页主网页的“资料”超链接后，跳入张国荣的个人介绍资料中。首先我用滚动型字幕设置了“欢迎来到哥哥的博客”，然后简要依次介绍了他的基本信息、联系信息、标签信息，每种信息都用插入的水平线隔开。并在网页右侧插入一张与主页主网页照片相呼应的图片（设置图片属性中图片位置靠右）。最后我用超链接做了“返回主页”，点击即可返回主页主网页。截图如下：点击主页主网页中“音乐”，即可跳转到“音乐”分网页。首先，我写了许多张国荣比较好听，比较流行的曲目，算是一种音乐的介绍吧，然后我想如果能做出点击播放功能就更好了，虽然查了很多资料，最后还是做不出来，因此做了“暂时还没有播放功能的滚动型字幕，并在右上角设置了一个“返回主页”的超链接，点击即可返回主页主网页。截图如下：点击主页主网页中的“相册”，即可跳转至“相册”分网页。在本网页中，我并没有选择任何的文字介绍，只在最后加入了一个“返回主页”的超链接。个人认为这个简易版的博客中，这样纯粹一点的“相册”给人的感觉会更好一点吧。其余部分是我在网络上搜索的精美照片，一字纵向排列，为了美观，我还将照片顺序进行了稍微的调整。截图如下：点击主页主网页中的“留言板”，即可跳转到“留言板”分网页。首先我在网页左上角设置了“返回主页”超链接。原本我想设置一个互动的留言板，但是经查资料知，需要插入数据库，但是我的版本类型无法设置此数据库，只好先做一个形式，能写，但不能用数据库保存，后续我会继续学习网页中插入数据库的详细知识的。因此我用滚动型字幕设置了“留言板功能尚未完善”。然后我插入了一个表单文本区（可写多行），不能用表单文本框（只能写一行），点击框框（写文字的区域），在边缘处拖动拉大框框（写文字区域），双击“提交”，设置标签为：“留言”，双击“重置”,设置标签为：“重新输入”。再在“提交”右键，点击表单属性，点击选项，设置如下。“重新如数”一样操作。截屏如下： 到此，整个网站网页设计就完成了，刚刚接触到这方面的知识，做网站网页这方面的思想和能力都比较欠缺，但通过这次设计，对网站网页设计有了一个基本的概念，对这方面也有一定的兴趣，希望能更上一层楼。