嘉应学院
《网页设计》期末课程设计
模板
设计题目：我的个人网页
学号：***********
******
院系：电子与信息工程学院
专业班级：计科08-2
日期：2013-6-20
一、设计思想
随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。
二、开发环境及软件
Windows XP，Macromedia Dreamweaver 8，photoshop等
三、系统结构功能图、页面结构草图及部分页面截图
四、部分代码（主要添加CSS代码）
1.添加首页背景音乐
2.运用框架
<![CDATA[</p><p>3.图片滚动</p><p><td colspan="5" valign="top"></p><p><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"></p><p></marquee></p><p></td></p><p>4.文本css样式</p><p>.s1 {</p><p>font-family: "宋体";</p><p>font-size: 18px;</p><p>font-weight: bold;</p><p>color: #3333CC;</p><p>text-decoration: blink;</p><p>text-align: center;</p><p>vertical-align: middle;</p><p>}</p><p>.s3 {</p><p>text-indent: 2px;</p><p>font-family: "宋体";</p><p>font-size: 14px;</p><p>font-weight: normal;</p><p>text-decoration: none;</p><p>letter-spacing: normal;</p><p>text-align: left;</p><p>}</p><p>.a1 {</p><p>background-position: center center;</p><p>text-align: center;</p><p>vertical-align: middle;</p><p>}</p><p>.s2 {</p><p>font-family: "宋体";</p><p>font-size: 18px;</p><p>color: #0066CC;</p><p>text-decoration: blink;</p><p>text-indent: 2px;</p><p>font-weight: bold;</p><p>}</p><p>5.文字访问前、访问时、访问后的文字样式的变化a:link {</p><p>color: #663399;</p><p>text-decoration: none;</p><p>}</p><p>a:visited {</p><p>text-decoration: none;</p><p>color: #996699;</p><p>}</p><p>a:hover {</p><p>text-decoration: underline;</p><p>color: #0066CC;</p><p>}</p><p>a:active {</p><p>text-decoration: none;</p><p>color: #CC6666;</p><p>}</p><p>五、部分原创素材</p><p>Logo图像</p><p>页面中的图像</p><p>六、主要界面截图</p><p>1、主页</p><p>2.相册</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/0212708397.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/2b4799841.html" target="_blank">电科19年12月考试《网页设计与制作》期末大作业参考答案</a></li>
<li><a href="/doc/36101831.html" target="_blank">网页设计作业</a></li>
<li><a href="/doc/382414263.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/3c2910912.html" target="_blank">网页设计与制作工程实训</a></li>
<li><a href="/doc/3117129433.html" target="_blank">《网页设计方案》大作业设计方案说明书</a></li>
<li><a href="/doc/4c44429.html" target="_blank">《网页设计》大作业设计说明书模板</a></li>
<li><a href="/doc/544187560.html" target="_blank">《网页设计与制作》综合实训.</a></li>
<li><a href="/doc/5211996041.html" target="_blank">网页设计与制作大作业试卷A卷</a></li>
<li><a href="/doc/6f4497595.html" target="_blank">电子商务网页设计与制作教学大纲</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "8eb46e6b284ac850ac024238";
var docId = '8eb46e6b284ac850ac024238';
var totalPage = 8;
const ext = 'doc';
const pageNum = '8';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html>]]>
