个人网站设计论文幻灯!!!PPT课件

1 个人网站 电脑爱好者之家 考生姓名 张世杰准考证号 150200100450专业 计算机及其应用 B080702 指导教师 郝晓青老师地址 四川宜宾市南岸长江大道中段34号附1号邮编 644000电话 maIl zsj 2 引言 我的论文是以 电脑爱好者之家 个人网站的制作过程为主线 依据网站网页制作设计与制作的基本流程 详细介绍了个人网站的制作方法 为需要制作网页的朋友提供了制作优秀个人网站的范例 本论文核心内容共分为四个部份 第一部分是基础知识简介 第二部分为需求分析 第三部分是网站策划 讲述了制作本网站遵循的一些基本原则 包括目标 主题的确立 风格的选择 布局的规划等 3 第四部份是网页的制作 包括LOGO BANNAR导航条 页脚及各页面的制作 网站的测试 网站的发布与日常维护等 通过这些活动更好地掌握了个人网站的制作方法 成功地制作了一个电脑爱好者个人网站 网站可以向对无盘网络建设感兴趣的朋友们提供技术资料 进行相互交流学习 现已完成了对网站建设总体结构 实施技术正确性和效果的验证 4 第一部份基础知识 包括了以下内容 2 1Internet简介2 2HTML超文本标记语言2 3用到的网页制作工具2 3 1Dreamweaver介绍2 3 2FLASH介绍2 3 3Photoshop介绍 5 第二部份需求分析 internet已经成为人们工作 学习和生活的一个重要组成部分 internet的核心是提供信息 利用信息 交流信息和传输信息 网站是互联网上交流的平台 使用以dreamweaver flash photoshop为工具建设个人网站 参与信息交流 为网友提供免费技术服务 对于计算机应用专业来说具有较大的意义 因无盘网络建设在成本上有较大的应用意义 所以确认可建设一个个人网站为对无盘网络建设感兴趣的朋友提供传递技术资料 包括技术文章 无盘资料下载 在线交流等 6 第三部份网站策划 1 网站建设的基本流程 确定网站目标 可行性分析 网站功能设计 素材收集整理 规划设计风格 网页制作与开发 网站测试与评价 网站发布与推广 网站日常管理 7 2 确定网站目标和主题内容 网站主题逻辑如图 4 2 所示 网站目标 网站性质 爱好及能力 初始主题 客户对象 网站主题 依据以上逻辑图 确定以下四个主题来统领本网站内容 一是技术文章 二是无盘资料 三是终端无盘 四是下载专区 8 3 可行性分析 可行性分析流程 资料来源 网站主题 客户对象 原计划内容 初步网站内容 难易程度 考虑表现形式 需求分析 考虑技术实现问题 加减调整内容 总结 具体网站内容 9 可行性分析结论 技术可行性方面 本论文中主要涉及静态网页 只要掌握dreamweaver flash photoshop等网页制作工具就能做出高质量的网站 技术上是可行的 经济可行性方面 本网站规模不大 所需内容多为自己制作 经济上是可行的 10 4 制定如下网站规划书 11 5 进行网站功能设计 素材收集整理 规划设计风格 网站布局规划 版面的布局基本上分为三部分 页眉 主内容区和页脚 分布如下表 12 本网站首页布局见下图 技术文章 图片 无盘资料 终端无盘 下载中心 图片 13 其余页面的布局形式如下图所示 14 1 使用photoshop制作网站LOGO 创建变形文字 第四部分网页的制作 15 2 使用FLASH制作BANNER条 将文字设置为红色 将文字设置为红色 将文字设置为白色 将文字设置为黄色 将文字设置为红色 将文字设置为红色 最后得到的BANNER效果图如下 16 3 使用photoshop对其它图片处理 如下图示 17 4 建立本地站点 在电脑磁盘上建立一个文件夹 命名为fxwl 将做好的图片 动画复制到这个文件夹中 在dreamweaver里单击 站点 新建按钮 并按照其提示 逐步进行 直到进入如下画面 检查关于站点的信息 单击 完成 按钮 18 5 模板的制作 1 启动DreamweaverMX 选中模板菜单 然后再单击工具栏中的新建模板 并取名为template1 dwt 新建模板 此处为模板菜单 模板管理 模板文件名 19 2 设置页面属性 标题及背景色等 3 选中菜单中的表格 单击工具栏上的新建表格 输入行数列数 建立表格 4 插入图片 在相应位置输入所需的文字 进行表格背景色及文字颜色的设置等 分别见下图所示 20 插入LOGO图片 LOGO图片相关参数及链接 LOGO的设置 21 插入BANNER图片 BANNER图片参数 BANNER的设置 22 链接设置 网页导航条的链接设置 插入特效网页的脚本 网页导航条的链接设置 23 使用Dreamweaver编译源代码 返回的源代码 返回 返回的属性设置 24 6 主页的制作及效果 该页面的制作方法与前面模板的制作方法差不多 也是利用表格功能来划分出不同区域来 特别利用了表格内再插入表格 然后再插入相应的图片或文本 LOGO BANNER 导行栏 主文本区及页脚的制作方法都与模板制作中类似 制作效果见下图 25 主页制作效果图 26 7 其他页面的制作及效果其他页面全都以template1 dwt为模板创建 在可编辑区输入相应的文本内容即可 页面效果如下图 27 8 交流页面的制作及效果 交流界面效果图如下 28 9 最后 对各页面的链接及检查 在确认无误后 进行网站的上传与发布 以及日常维护工作 29 结束语 本次设计对我来说是一个全新的学习过程 也是一个新的挑战 由于以前未动手进行过网站设计实践 在期间遇到许多问题 但通过自己查阅资料及老师的指导下 不断学习 实践 最终解决了遇到的问题 同时也使自己在实践中得到很大提高 受益非浅 但由于个人水平有限 该设计中仍有不足之处 敬请各位老师批评 指正 30 致谢 首先向我的指导老师郝晓青致以崇高的敬意和衷心的感谢 做毕业设计期间 由于以前未接触过网站设计 经验不足 设计和制作过程中遇到了很多的问题 是在郝老师悉心的指导和关心