网页设计说明书
题目:校庆网站设计
班级:
姓名:
学号:
指导老师:
前 言
就目前来讲,随着 Internet 的迅猛发展,网页设计技术已经成 为计算机学习的重要内容之一。近年来,网页设计技术一直在推陈出 新,不断有新技术被推出并应用,实在是令人眼花
缭乱这些网页设计 技术可以分为静态网页技术和动态网页技术两种。 静态网页技术一般 是指 HTML 和 CSS 技术。采用静态网页技术的网页只能在网页中展 示文字和图片,但它却是所有网页设计的基础技术。本人的个人网站 是静态网页,所以在此,对动态网页技术就不需要介绍了。我的网站 设计主要用的是 Dreamweaver 软件,部分用的是 HTML 对代码、页 面进行修改。随着越来越多的高级网页设计软件的出现,对于一个专 业的网页设计者或者是业余者,HTML 学校网站首页代码html仍需了解。
1.网站主题………………………………………………………4
2.网站针对人………………………………………………… 4
3网站具体设计.…………………………………………………4
4后序.……………………………………………………………5
网站主题
该网站是专门为某某大学五十五周年校庆设计的专题网站,网站的主题是展现某某大学一路历程,展现她不一样的美,也是一场的视觉大餐, 网站目标简单的界面元素,图文并茂, 网站整体效果大方美观, 喜庆大红的背景,加上烟花,营造了欢乐的气氛,还能让浏览者了解学校的各种信息,学校的往年毕业学生也便于回味自己的大学生活,查询一些校友信息……
网站针对人
本网站属于校庆专题网站,针对本校学生老师,各界学术人士、学者、面临高考的中学生等等 ,可以说是男女老少,都可以浏览。 网站具体设计本网站用 Dreamweaver 软件制作,div 层和表格并用。采用静、 动结合的方式, 即静态图片和动态图片相结合, 给网站注入一股生机。 网站布局简单,页面简洁,网站背景颜为大红,给人以喜庆。 本网站共有7个页面。
本网站的具体介绍
每个网页的参数主要有:标题,导航条,图片等组成。简单的界面元素, 美观大方的图片让网站总体效果更加突出。
进入首页,界面有一张某某大学校庆海报的图片,简单美观,给人以神秘感。让看的有一种欲望想要进入那个世界去看看, 主要代码展示:<div id="Layer1" rtcscls-2-s_r_1 rtcscls-2-s_p_2 rtcscls-2-r_2 rtcscls-2-p_2"> width:700px; height:450px; z-index:1; left: 283px; top: 50px;">
<p align="left"><img src="touq副本副本.jpg" width="700" height="469" align="middle"></p>
点击超链接“山建主页”进入某某大学学校主页,可以更详细的了解学校。
点击超链接“学校简介”进入学校的简洁介绍,学校规模,设施,历史,地理位置、办学等等……
点击超链接“校友信息”,进行学校成员的信息查询, 此页面还连接了几个子页面,进行下
一步的查询,点击学院,进入学院介绍,点击专业班级,可进行学生的详细查询,点击学生姓名学号头像,可以进入个人信息界面,会浏览到更加详细的信息。
所以页面都与上述页面大概一致, 整个网站的所有页面风格保持 一致,彩简单,不超过三种颜,网站的整个调选择恰当,没有杂乱感。
后序
在制作网页的过程中,我深有体会: 以前所学知识不够牢固, 而掌握牢固的没有更好更灵活的运用。 理论基础知识很重要,在制作网站之前,网站的整个构思和创意是做 好网站的重中之重。我们要善于发挥自己的创意,吸取别人的精华和 看到别人的不足之处来加以改进,也是做好一个网站的重要方法。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论