- 1、本文档共24页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
郑州轻工业学院
课 程 设 计 任 务 书
题目 个人网站的设计与实现
主要内容:
利用所学内容,设计个人网站
基本要求:
本系统制作一个个人网站,要求个人网站主题设计思想明确、思路清晰、颜色选择恰当、布局合理;多媒体(图像、音乐、滚动字幕)运用适当;Flash、框架运用合适;适当使用样式页(CSS)等。
主要参考资料等:
《Web设计基础》 李开荣 高等教育出版社 2008
《网站规划与网页设计》张兵义 电子工业出版社 2008
《Web编程技术》历小军 机械工业出版社 2009
完 成 期 限: 一周
指导教师签名:
课程负责人签名:
2010年 5 月 日
目录
一、引言 1
1.1课题的背景 1
1.2可行性研究 1
二、需求分析 1
2.1系统概述: 1
2.2功能要求: 1
三、总体设计 2
3.1功能设计 3
3.2界面设计 4
四.详细设计与实现 5
六、结语 24
个人网页设计和实现
引言
课题的背景
经过本学期对web设计基础这门课程的学习,对web的设计以及相关代码的使用有了深入的了解,在学期末制作主题为个人主页的网页,对其设计并实现。
可行性研究
经过考虑对制作工具的筛选,决定用Dreamweaver做个人网页,Photoshop为辅助工具,设计和制作图片、页面及图标等。
本网站是以静态网页为基础,以Dreamweaver为制作软件、以Photoshop为设计软件而成的。通过这个学期对网页制作代码相关的学习以及之前对这些软件的了解,制作出相对简单的个人网页,展示自己相关的一些东西;
本网站内容充实, 在主页的设计上运用了模板,框架等。分页面上运用了导航条。插入了动态图片以及视频等给网增加了美观度,在首页的设计上本着简单易懂的原则,用户只要点击链接就能看到自己想看到的连接内容。网站的首页设置了背景音乐,使访问者在浏览的同时还能欣赏到悠扬的旋律。
需求分析
系统概述
一个具有个性的个人网站,是让别人对你进行了解,与别人沟通的更好途径,本文研究的是个人网站的设计与实现Windows XP + Dreamweaver8 +PS 的网站设计制作环境、活力的与绚丽特效的网页特色。
如图建立新站点,设置好各个选项,一般静态网页不用连接到网络,设置不用做太多修改,只需要设定好名称及文件夹位置即可。
(2)新建网页:
如图,选择创建新项目的HTML,或者选择模板建立;创建好六个页面,分别保存名称为:index,我的档案,我的日志,我的班级,我的宠物,视频欣赏;
2、打开页面,选择布局模式,使用左右下模板,保存主页面标题为index.html,标题改为“我的主页”;试运行,保存两个框架;
在左层模块添加插件音乐,并缩小插件;(如图1)
设置导航栏,为每个分类的文字添加链接,将文字添加链接到“我的档案”等各个子分页,并且分页链接目标选择mainframe(如图2):
图1:
图2:
在mainframe中插入自己在Photoshop中制作的动态欢迎图片,添加到layer1中可以调试位置;
在下方框架中插入各种照片,运动滚动效果的代码实现其功能;
为了美化在各个模块中背景插入了相框,条纹等动态闪动图片;让视觉效果更震撼;
图一页面代码如下:
html
head
titlemy web/title
style type=text/css
!--
body {
background-color: #000000;
background-image: url(image/20089147504764561.gif);
}
body,td,th {
color: #FF0000;
}
.STYLE1 {
font-size: 24px;
font-family: 幼圆;
}
#Layer1 {
position:absolute;
width:148px;
height:633px;
z-index:1;
left: 1px;
top: 20px;
}
.STYLE2 {font-size: 24px; font-family: 幼圆; color: #FF0000; }
#Layer2 {
position:absolute;
width:35px;
height:18px;
z-index:1;
left: 62px;
top: 510px;
}
a:link {
text-decoration: none;
color: #66FFFF;
}
a:visited {
te
您可能关注的文档
- 400万吨冷轧板带钢车间设计_学士学位论文.doc
- 500万吨年炼油减压蒸馏装置设计学士学位论文.doc
- 800万吨年混合原油常减压蒸装置设计论文.doc
- 2013-2016年广州市水更清建设方案花地河等20条河涌清淤工程项目立项建设项目立项环境影响情况评价报告表.doc
- 2013计算机专业-酒店管理系统本科毕业论文.doc
- 3000升开式搪玻璃反应釜的设计_学士学位论文.doc
- 5000td水泥熟料带dd型分解炉的nsp窑的设计—课程设计论文.doc
- 6400m3立式储油罐结构设计—课程设计论文.doc
- 10030t四梁桥式铸造起重机结构设计学士学位论文.doc
- 46000吨年乙醇~水蒸馏装置设计—课程设计论文.doc
文档评论(0)