伊犁师范学院《网页设计》期末课程设计
设计题目：我的个人网页
学号：08080605018
姓名：马建武
院系：电子与信息工程学院
专业班级：计科08-2
指导老师：王雪峰
日期：2011-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/0c2208309.html" target="_blank">《网页设计》大作业</a></li>
<li><a href="/doc/0d4327236.html" target="_blank">网页设计大作业word模板</a></li>
<li><a href="/doc/0212708397.html" target="_blank">网页设计大作业</a></li>
<li><a href="/doc/1f6893983.html" target="_blank">网页设计期末考试大作业要求</a></li>
<li><a href="/doc/27928952.html" target="_blank">13-14JAVASCRIPT程序设计大作业</a></li>
<li><a href="/doc/2117151797.html" target="_blank">1303批次《网页制作》大作业题目及要求</a></li>
<li><a href="/doc/382414263.html" target="_blank">《网页设计》大作业设计说明书</a></li>
<li><a href="/doc/3018535277.html" target="_blank">电子科大16年12月考试《网页设计与制作》期末大作业</a></li>
<li><a href="/doc/4c44429.html" target="_blank">《网页设计》大作业设计说明书模板</a></li>
<li><a href="/doc/5d5180149.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 did = "414319997";
var ext = 'doc';
var docId = '18v6gi3fvx52wkipq85nskq4kgdaril5';
var totalPage = 8;
const pageNum = '8';
</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>foot()</script>
</div>
</body>
</html>]]>
