大作业任务书2 - 图文

2026/1/13 17:58:32

第三章 网站设计介绍

以下就是我网站的主题结构:

人生主页 框架左导航栏 框架上部分 音乐分享 学生情况 大学|中学

框架右栏 学生卡片 返回主页

以下就是我设计的网站,我设计的网站,涉及到最基本的技术就是:链接技术,图文混排、表格布局、框架设计、背景音乐、CSS页面的美化、等等。我设计的一个网站就是我的人生主页,其框架分为三个部分,上部分,以及左右两部分,里面设置到了走马灯的效果,还有链接技术。左边就是导航栏,当你点击左边的链接时,就是自动跳转到下一个页面

3

右边页面就是我的人生格言,也是设置的主页。

从上面我们可以看出这个主框架可分为上,左,右三部分,左右分为8%,92%两部分,上下可分为20%和80%

主页面中的上页面。这一页面主要运用到了背景颜色、走马灯、这一技术。主体效果如下图所示:

其代码如下:

4

运!Good luck!


|

href=\江西吉水

这6段代码都是这一页面所运用到了的链接技术。

主页面的下页面的右显示栏,此页面运用到了CSS样式表的技术、层的运用、走马灯的效果等多项技术其效果图如下;

这个走马灯效果与上面的走马灯是不一样的,上面是左右碰壁来回移动的,而这个页面的走马灯效果只是单纯的由右至左移动,不会来回。 以下为层的设计代码:

5

对“人生格言”进行设置:

<人生格言/h2>

由于“人生格言”被设置,故在效果图中,人生格言的那一板块是独特的。图中的人生格言是一行为蓝色、一行为红色,在一些网页中,这是必要的,因为这样可以让浏览者更加的一目了然,不会混淆。这一效果其实是运用到了CSS美化

的技术。以下是CSS效果的代码: