嘉应学院
《网页设计》期末课程设计
模板
设计题目:我的个人网页
学    号:***********
**********
院    系:电子与信息工程学院
专业班级:计科08-2
日    期:2013-6-20
一、设计思想
随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。
二、开发环境及软件
Windows XP,Macromedia Dreamweaver 8,photoshop等
三、系统结构功能图、页面结构草图及部分页面截图 
四、部分代码(主要添加CSS代码)
1.添加首页背景音乐
<body  >
<bgsound src="../梦见我/gequ/周杰伦-彩虹.mp3">
2.运用框架
<frameset rows="154,*,87" cols="*" framespacing="0" frameborder="no" border="0">
  <frame src="untitled/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset rows="*" cols="213,561*" framespacing="0" frameborder="no" border="0">
        <frame src="untitled/left.html" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" application="" />
        <frame src="untitled/zhuye.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
  <frame src="untitled/di.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
<noframes>
3.图片滚动
<td colspan="5" valign="top">
<marquee direction="left" loop="-1"><img src="../photos/图像220.jpg" width="134" height="133"><img src="../photos/图像224.jpg" width="134" height="133"><img src="../photos/图像231.jpg" width="134" height="133">
</marquee>
</td>
4.文本css样式
.s1 {
    font-family: "宋体";
    font-size: 18px;
    font-weight: bold;
    color: #3333CC;
    text-decoration: blink;
    text-align: center;
    vertical-align: middle;
}
.s3 {
    text-indent: 2px;
html网页设计期末大作业
    font-family: "宋体";
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: normal;
    text-align: left;
}
.a1 {
    background-position: center center;

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。