2025年网页设计期末课程设计_第1页
2025年网页设计期末课程设计_第2页
2025年网页设计期末课程设计_第3页
2025年网页设计期末课程设计_第4页
2025年网页设计期末课程设计_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

伊犁师范学院

《网页设计》期末课程设计

设计题目：我的个人网页

学号：

姓名：马建武

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

专业班级：计科08-2

指导老师：王雪峰

日期：-6-20

一、设计思想

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

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

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

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

二、开发环境及软件

WindowsXP,MacromediaDreamweaver8,photoshop等

三、系统构造功能图、页面构造草图及部分页面微图

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

1.添加首页背景音乐

<body>

<bgsoundsrc="J梦见我/gequ/周杰伦-彩虹.mp3”>

2.运用框架

<framesetrows="154,*,87"cols="*"framespacing="O"frameborder="no"horder="0">

<framesrc="untitled/top.htinl"name="topFrame"scrolling="No"noresize="noresize"

id="topFramc,'litle=,,topFramc"/>

<framesetrows="*"cols="213,561*"framespacing="O"framcbordcr="no"border="0">

<framesrc="untiiled;left.htmr,name="leftFrame"frairieborder="no"scrolling="No"

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

<framesrc="iinti(led/zhuye.html"name="mairFrame"id="mainFrame"

litle="mainFrame"/>

</frameset>

<framesrc="uniiUed/di.hlmTname="bottomFrame"scroIling="No"noresize="noresize*'

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

</frameset>

<noframes>

3.图片滚动

<tdcolspan="5"valign="top">

<marqueedirection-Ueft"loop=""l"><imgsrc="../photos/图像220.jpg"width="l34"

height="133"ximgsrc="../pnotos/图像224.jpg"width="134"heigh(="133"ximg

src="Jphotos/图像231.jpg"width="134"height-'133M>

</marquee>

</td>

4.文本css样式

.si(

font-family:"宋体"；

font-size:18px;

font-weight:bold;

color:#3333CC;

text-decoralion:blink;

text-align:center;

vertical-align:middle;

text-indent:2px:

font-family:"宋体"；

font-size:14px;

font-weight:nonnal;

text-decoraiion:none;

letterspacing:normal;

text-align:left;

)

.al{

background-posilion:centercenter;

text-align:center;

vertical-align:middle;

)

.s2{

font-family:"宋体"；

font-size:18px;

color:#0066CC;

text-decoration:blink;

lexi-indem:2px;

font-weight:bold;

)

5.文字访问前、访问时、访问后的文字样式的变化

a:link{

color:#663399;

text-decoralion:none;

)

a:visited{

text-decoration:none;

color:#996699;

a:hover{

lext-decoralion:underline;

color:#0066CC;

)

a:active{

textdecoration:none;

color:#CC6666;

五、部分原创素材

,电风UK

596Lyfyf.ngt

Logo图像

主页

档案

相册

日志

收藏

链接

页面中的图像

六、重要界面截图

1、主页

2.相册

蔻舰aw网,旅

91nl9工作室MMMftMHM作

3.日志

主

页

档

案。。。。。。。。

相

册IVIVVVVV^WVlVlVlllWlVl

日

志

收

藏

住

搜

M119I：作室WH溷作

4收藏

X119工作电MM鹏作

七、设计总结

第一要具有专业的网页制作技术，可以用模板，框架实现自己的所想。

第二，要仔细分析客户需求，使自己的设计具有实用性，在总体设计时要充足与客户交

流，以免遗漏客户的规定。

第三，要充实自己的美学知识，网站在传播信息的同步还带给人们以美得享有，科学的

应用美学知识在网站设计中尤为重要。

第四，网页设计需要设计者不怕失败，不停虚心学习，在制作过程中需要不停克服多种

困难，直到任务完毕。

第五，可以纯熟引用Photoshop和Flash是网页设计必备的条件，在此后的学习中自己

应加强学习。

第六，生活中的积累是做出好网页的前提，此后的生活中浏览网页时要多想网页设计的

长处和缺陷来提高自己

通过对本次设计的制作，我深深的体会到每一种漂亮作品

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论