静态网页作业(含全套资料).doc

全套CAD图纸或资料，联系qq 695132052 网页设计技术 实验报告 姓名： 刘兴 学号： 111204525 班级： 电气实验1101 学院： 电气与电子工程学院 专业： 电信科学类 教师： 刘文涛 目录 一、 实验任务书 3 1) 目的 3 2) 内容 3 3) 要求 3 4) 实验环境 4 二、 网站功能 4 1) 个人空间部分： 4 2) 个人简介部分: 5 三、 网站结构 5 四、 制作流程 6 五、 实验结果分析 7 六、 实验总结 8 实验任务书 目的 本网站主要用来个性展示，个人简介与个人作品的罗列，通过两个不同风格的网站，展现了自己的个性。 内容 内容主要分为两部分： 个人简介 个人信息 爱好 习惯 经历 联系方式 个人空间 日志 相册 视频 要求 网站制作题材为个人个性展示, 根据以下具体要求进行网站的设计： 1.页面量达到20页以上 2.有清晰的导航结构(如采用导航条技术等) 3.含有文本、图片、音乐、视频多媒体元素 4.含有自制的FLASH动画、GIF动画、按钮 5.网页的布局合理, 利用表格或层技术进行表格的布局 6.网站整体风格一致、色彩协调、主题鲜明 实验环境 操作系统： Windows 7 32 平台： IE浏览器（IE7.0及以上版本）或部分其他浏览器 编辑语言： html 编辑工具： Adobe Photoshop CS5 Adobe Dreamweaver CS5 Adobe flash CS5 网站功能网站分为两个大模块，分别是个人空间与个人简介，每个模块的包含页面及具体功能如下： 个人空间部分： 页面名称 功能 index.htm 网站首页 lx1.htm 首页嵌套的欢迎页面 lx2.htm 日志主页 lx3.htm 相册主页 写在前面.html 日志 闲情随笔.html 日志 必也正名.html 日志 独步清秋.html 日志 静.html 日志 梦中传奇.html 日志 青春之梦生死由命类别.html 日志 秋风吻过的原野.html 日志 人生之静默语.html 日志 我的夜，我的祝福.html 日志 闲情随笔.html 日志 写在前面.html 日志 寻梦秦淮河.html 日志 阳光传奇快乐相依.html 日志 榆次采摘采风随感.html 日志 页面名称 功能 个人简介.html 个人简介主页 index-1.html 爱好 index-2.html 习惯 index-3.html 经历 index-4.html 我的联系方式 index-5.html 手绘详细介绍 index-6.html 摇摇棒制作方法 网站结构图 制作流程 步骤一: 规划 主要是网站功能定位、系统配置，以建站策划书的形式给出 步骤二: 一般分为两个阵营：前台和后台（当然也有一起做而不区分的）。 前台进行P图，就是用 Photoshop 等软件 设计网页，并以图片形式给出，一般以psd格式给出，方便修改； 后台编写后台代码、css结构设计。 步骤三: 制作 这里主要是前台与后台的整合：将设计步骤里前台设计出来的网页用 HTML+CSS 实现，通过flash实现各种特效，并将设计步骤中后台编写的程序嵌入到网页中。如果上一步做得好，这一步就比较简单。 步骤四： 测试 分为内测和公测，主要是测试不同浏览器是否正常显示、功能是否有逻辑上的bug等等。 网站主页index.Html： lx1.html： 我的日志lx2．Html： 我的相册Lx3.Html： 个人简介主页index.html： 爱好Index-1.html： 经历Index-3.html： 与我联系index.html： 实验总结 本次建站，由于经验不足，在网站素材与效果上不尽如意，由于没有独立或团队开发比较正规网站的经验，我在这次的我爱出游网站的开发中可以说是“摸着石头过河”，很多东西都是边学边做，在实际的制作中才发现原先制定的计划的不合理，不得不对计划进行修改。当然在这次网站的制作中我也学到了很多东西。通过这次制作网站 的过程，我个人有以下几点心得体会： 1.在制定网站计划是很重要的，一个好的计划可以详细制定网站的相关内容，这样可以为后期的制作节省不少时间。　　　 2.制作网站时不能贪图方使，最终要的效果是什么样子，那么一开始就要那样做，要