毕业网页设计文档.docxVIP

密 级 密 级 公开 湖南科技职业学院软件学院 2014届 毕业设计项目文档 项 目 名 称 手工DIY小店 专 业 动漫设计与制作 班 级 3111 班 指 导 教 师 卓惠丽 项 目纟］ 目成 ? K=J ,贝 王婷 二O—四年五月 TOC \o 1-5 \h \z 第I部分 设计分析 X 1.1项目依据 1.2项冃要达到的冃标 1.3项目需要的工具 第2部分设计构思 X 2.1设计创意 2.2关键技术 3.3实现流程 第3部分详细设计 X 第4部分结论 X 第5部分作品展示 X 第1部分 设 计 分 1.1项目依据 随着社会节奏的加快，人们似乎忘记了停下脚步去享受生活，DIY系英文DO IT YOURSELF的缩写，意思是“自己动手制作”自己动手手工制作的产詁。手工DIY 的最大特点在于充分满足了人们口益增加的个性化时尚化需求， 1.2项目要达到的目标 让人们了解手工DIY,并让他们参与进来，感受DIY的乐趣，让人们从繁重的工 作中脱离出来，享受生活，动手动脑，增加朋友、家人、亲子间的互动，身心愉 悦。 1.3项目需要的工具 Adobe Dreamweaver CS5是一款集网页制作和管理网站于—?身的所见即所得网页 编辑器，Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工 具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Adobe Photoshop,简称 “PS”，是由 Adobe Systems JF发和发行的。Photoshop 主要 是图像处理软件处理以所构像素成的数字图像。 第2部分 设 计 构 2.1设计创意 我把手工DIY设计成网店模式不仅提供成品也提供原材料自己动手 2.2关键技术 模板、层、超链接 2.3实现流程 先想到我要做的主题确定方向，收集图片，然后在用Dreamweaver做网页先建立 一个站点然后在做首页插图配文字在做分页然后超链接大概流程就是这样。 第3部分 详 细 设 详细设计 3.1首页为了直观表达我的口的让人们一口了然美观的效果使用了 photoshop. Dreamweaver等常用网页设计软件下面对制作过程做一个简单的解说。 圉列Contribute 模板 Spry创建站点，在木地创建一个v手工 圉列 Contribute 模板 Spry F工DIY1的站点走义为 ? ? 7^ 基本 高级 分类 本地信息 站点名称@）：手工DTY1I 本地根文件夹（K）: C : \Users\Admini stratorXDesktop\html\ 默认囹橡文件夹 Q） : C : \Us^rs\Admini str at or\Desktop\html\ 謎接相对于：。文档站点根目录 HTTP 地址 QI）： http：// 区分大小写的钱接：□使用区分大小写的铤接检查QI）缓存：P启用缓存 这将加 3.2使用Dreamweaver编辑模板页，插入图片 3.3输入相关文字完成首页 DO IT YOURSELF 2.1使用模板完成二级页而制作如下 2.2分类 手工发夹 2.3图片 手工钱包 手工玩偶 手工手链 手工折纸 不织布手工布艺diy 心屋侮碗 images images 2.4检查所有页血的链接，将所冇和关页血全部链接，完成制作。 O Q Q Q index-2.ht in dex-3.ht index-4.ht index-5.ht ml ml ml ml 第4部分 结 论 首先，要确定网页设计的内容，一个优秀的网站要有一个明确的主题。整个网 站围绕这个主题，也就是你在网页设计之前要明确你这个网站冇什么目的,用来做 什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的 作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是 一个网站成败的关键，如果用户要花很多吋间进入你网站很冇口 J能用户会立即关 掉你网站，或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计, 只会让用户失望的离去. 在完成以上的基本内容Z后网页的基本框架便成形成了。卜 ?面耍开始的便是 优化工作。 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网 页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状 结构先把每个页面的内容大纲列出来，尤其耍制作一个大的网站（有很多页而） 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好 以后乂要一改再改整个网站的架构，很浪费时间和财力。大纲列出來后，还必须 考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个 网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的 发挥。框架定