全套CAD图纸或资料,联系qq 695132052
网页设计技术
实验报告
姓名: 刘兴
学号: 111204525
班级: 电气实验1101
学院: 电气与电子工程学院
专业: 电信科学类
教师: 刘文涛
目录
一、 实验任务书 3
1) 目的 3
2) 内容 3
3) 要求 3
4) 实验环境 4
二、 网站功能 4
1) 个人空间部分: 4
2) 个人简介部分: 5
三、 网站结构 5
四、 制作流程 6
五、 实验结果分析 7
六、 实验总结 8
实验任务书
目的
本网站主要用来个性展示,个人简介与个人作品的罗列,通过两个不同风格的网站,展现了自己的个性。
内容
内容主要分为两部分:
个人简介
个人信息
爱好
经历
联系方式
个人空间
日志
相册
视频
要求
网站制作题材为个人个性展示, 根据以下具体要求进行网站的设计:
(如采用导航条技术等)
、图片、音乐、视频多媒体元素
、GIF动画、按钮
, 利用表格或层技术进行表格的布局
、色彩协调、主题鲜明
实验环境
操作系统: Windows 7 32
平台: IE浏览器()或部分其他浏览器
编辑语言: html
编辑工具: Adobe Photoshop CS5
Adobe Dreamweaver CS5
Adobe flash CS5
网站功能
网站分为两个大模块,分别是个人空间与个人简介,每个模块的包含页面及具体功能如下:
个人空间部分:
页面名称
功能
网站首页
首页嵌套的欢迎页面
日志主页
相册主页
日志
日志
日志
日志
日志
日志
日志
日志
日志
我的夜,
日志
日志
日志
日志
日志
日志
个人简介部分:
页面名称
功能
个人简介主页
index-
爱好
index-
index-
经历
index-
我的联系方式
index-
手绘详细介绍
index-
摇摇棒制作方法
网站结构
下面是我的网站结构:
……html
Index-
Index-
Index-
Index-
Index-
Index-
网站结构图
制作流程
步骤一:
规划
主要是网站功能定位、系统配置,以建站策划书的形式给出
步骤二:
一般分为两个阵营:前台和后台(当然也有一起做而不区分的)。
前台进行P图,就是用 Photoshop 等软件设计网页,并以图片形式给出,一般以psd格式给出,方便修改;
后台编写后台代码、css结构设计。
步骤三:
制作
这里主要是前台与后台的整合:将设计步骤里前台设计出来的网页用 HTML+CSS 实现,通过flash实现各种特效,并将设计步骤中后台编写的程序嵌入到网页中。如果上一步做得好,这一步就比较简单。
步骤四:
测试
分为内测和公测,主要是测试不同浏览器是否正常显示、功能是否有逻辑上的bug等等。
实验结果分析
若出现此界面,请点击“允许阻止的内容”,否则没有鼠标滑过变色的效果。
:
:
:
:
:
爱好Index-:
经历Index-:
毕业设计论文-静态网页作业(含全套资料) 来自淘豆网www.taodocs.com转载请标明出处.