网页设计大作业word模板

伊犁师范学院《网页设计》期末课程设计

设计题目：我的个人网页

学号： 08080605018

姓名：马建武

院系：电子与信息工程学院

专业班级：计科08-2

指导老师：王雪峰

日期： 2011-6-20

一、设计思想

随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示

在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前

沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，

爱好等等信息，通过本网站把自己展示出来。

二、开发环境及软件

Windows XP ， Macromedia Dreamweaver 8 ， photoshop 等

三、系统结构功能图、页面结构草图及部分页面截图

科梦空间主页

(一级页面 )

相册个人档案日志链接收藏

（二级页（二级页（二级页（二级页面）（二级页面）

面）面）面）

彩虹祝我生日快乐图片电影舍⋯三级计科（三级页面）（三级页面）（三级页面）

友页面08-2

四、部分代码（主要添加CSS代码）

1.添加首页背景音乐

2.运用框架

id="topFrame" title="topFrame" />

noresize="noresize" id="leftFrame" title="leftFrame" application="" />

title="mainFrame" />

id="bottomFrame" title="bottomFrame" />

</p><p>3.图片滚动</p><p><td colspan="5" valign="top"></p><p><marquee direction="left"loop="-1"><img src="../photos/图像220.jpg"width="134"</p><p>height="133"><img src="../photos/图像224.jpg"width="134"height="133"><img</p><p>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>.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>}</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> </div> </div> </div> </div> </div> <!-- 推荐文章 --> <!-- 相关主题 --> <div class="theme-list"> <div class="theme-pd content-hg-pd"> <div class="header"> <div class="title"> <h3>相关主题</h3> <i class="bg bg-4"></i> </div> </div> <div class="container"> <ul> <li class="topic"> <a href="/topic/2023728/" target="_blank">网页设计期末作业</a> </li> <li class="topic"> <a href="/topic/2726143/" target="_blank">网页设计期末大作业</a> </li> <li class="topic"> <a href="/topic/4107360/" target="_blank">网页设计大作业</a> </li> <li class="topic"> <a href="/topic/9949507/" target="_blank">网页设计与制作大作业</a> </li> <li class="topic"> <a href="/topic/10908908/" target="_blank">网页设计大作业模板</a> </li> <li class="topic"> <a href="/topic/18891980/" target="_blank">网页设计技术大作业</a> </li> </ul> </div> </div> </div> </div> <!-- 相关推荐 --> <div class="temp-rg" id="target-element"> <div class="relevant-box temp-mg"> <div class="content" id="side-list"> <div class="header hd-bm hd-scollor"> <div class="title"> <h3>文档推荐</h3> <i class="bg bg-1"></i> </div> </div> <ul class="container-ul"> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/002208309.html" target="_blank" title="《网页设计》大作业" class="ul-doc-a text-overflow-clamp">《网页设计》大作业</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:1</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/044327236.html" target="_blank" title="网页设计大作业word模板" class="ul-doc-a text-overflow-clamp">网页设计大作业word模板</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:8</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/0e12708397.html" target="_blank" title="网页设计大作业" class="ul-doc-a text-overflow-clamp">网页设计大作业</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:18</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/126893983.html" target="_blank" title="网页设计期末考试大作业要求" class="ul-doc-a text-overflow-clamp">网页设计期末考试大作业要求</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/25928952.html" target="_blank" title="13-14JAVASCRIPT程序设计大作业" class="ul-doc-a text-overflow-clamp">13-14JAVASCRIPT程序设计大作业</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:3</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/2017151797.html" target="_blank" title="1303批次《网页制作》大作业题目及要求" class="ul-doc-a text-overflow-clamp">1303批次《网页制作》大作业题目及要求</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:11</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/332414263.html" target="_blank" title="《网页设计》大作业设计说明书" class="ul-doc-a text-overflow-clamp">《网页设计》大作业设计说明书</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:15</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/3718535277.html" target="_blank" title="电子科大16年12月考试《网页设计与制作》期末大作业" class="ul-doc-a text-overflow-clamp">电子科大16年12月考试《网页设计与制作》期末大作业</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:7</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/4444429.html" target="_blank" title="《网页设计》大作业设计说明书模板" class="ul-doc-a text-overflow-clamp">《网页设计》大作业设计说明书模板</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:3</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/555180149.html" target="_blank" title="网站设计大作业撰写模板" class="ul-doc-a text-overflow-clamp">网站设计大作业撰写模板</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:6</em> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="relevant-box"> <div class="content"> <div class="header hd-bm"> <div class="title"> <h3>最新文档</h3> <i class="bg bg-4"></i> </div> </div> <ul class="container-ul"> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/061000073.html" target="_blank" class="new-li-a text-overflow">饭店包间名字大全</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0410001030.html" target="_blank" class="new-li-a text-overflow">word无法创建工作文件,请检查临时环境变量</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0910001458.html" target="_blank" class="new-li-a text-overflow">自行车健身比赛开幕式讲话词</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0a10001469.html" target="_blank" class="new-li-a text-overflow">2018乡村医生个人工作总结</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0110002558.html" target="_blank" class="new-li-a text-overflow">MySQL测试题 SQL</a> </li> <li class="new-down-li"> <i class="icon-ppt"></i> <a href="/doc/0210002568.html" target="_blank" class="new-li-a text-overflow">合勤NXC5200</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0010004833.html" target="_blank" class="new-li-a text-overflow">铁路集中箱空箱调度优化建模案例(案例2)</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0f1000530.html" target="_blank" class="new-li-a text-overflow">微分几何教学大纲-复旦大学数学科学学院</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/011000596.html" target="_blank" class="new-li-a text-overflow">人教版九年级数学上册导学案：24.1.1_圆【精品】</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0d10006773.html" target="_blank" class="new-li-a text-overflow">(整容后办护照用)医院整容证明</a> </li> </ul> </div> </div> </div> </div> </div> </main> <script> var sid = 1; var did = "e74339711"; var docId = 'e3a3c7b55cf7ba0d4a7302768e9951e79b8969db'; var totalPage = 8; var ext = 'docx'; var pageNum = '8'; </script> <script src="https://assets.doczj.com/pc/js/render.js"></script> <div class="broadside"> <div class="user-cursor" id="toTop"> <div class="user-about" title="置顶"> <i class="iconfont icon-you bottom"></i> </div> </div> </div> <footer> <div class="container"> <div class="ft-content"> <div class="ft-logo"> <a href="/" target="_blank" title="文档之家" class="flex-column-center"> <img src="https://assets.doczj.com/pc/icon/icon-logo1.png" title="文档之家" /> <p>文档之家</p> </a> </div> <div class="ft-info"> <nav class="footer-nav"> <ul> <li><strong class="ft-block" class="ft-block">关于</strong></li> <li><a href="/about/about-us.html">关于我们</a></li> <li><a href="/about/contact-us.html">联系我们</a></li> </ul> <ul> <li><strong class="ft-block" class="ft-block">版权相关</strong></li> <li><a href="/about/copyright-statement.html">版权声明</a></li> <li><a href="/about/infringement-complaint.html">侵权投诉</a></li> <li><a href="/about/disclaimer.html">免责声明</a></li> </ul> <ul> <li><strong class="ft-block" class="ft-block">网站声明</strong></li> <li><a href="/about/user-agreement.html">用户协议</a></li> <li><a href="/about/privacy-policy.html">隐私政策</a></li> <li><a href="/about/sitemap.html">网站地图</a></li> </ul> <ul> <li><strong class="ft-block" class="ft-block">帮助中心</strong></li> <li><a href="/about/download-instructions.html">下载说明</a></li> <li><a href="/about/download-failure-solution.html">下载失败解决</a></li> <li><a href="/about/redownload-order.html">订单重下载</a></li> </ul> </nav> <div class="ft-side"> <img src="https://assets.doczj.com/pc/images/weixin.jpg" /> <h3>微信客服</h3> </div> </div> </div> </div> <div class="ft-box"> <div class="ft-text"> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a> 文档之家 版权所有 - ©2024</p> </div> </div> </footer> <script text="text/javascript" src="https://assets.doczj.com/pc/js/index.js"></script> </body> </html>