苹果手机静态网站 html毕业论文.docxVIP

PAGE I 目录 TOC \h \z \t 一级标题,1,二级标题,2,三级标题,3 手机网站前台页面的设计与实现 1 1. 项目总体方案设计 1 1.1 设计目标 1 1.2 设计思路 1 1.3 设计内容 1 2. 项目实现前期准备 2 2.1 制作手机网站前台页的步骤 2 2.2 确定主题 2 2.3 设计网站功能模块 2 2.4 网站结构 2 2.5 网站色调 3 2.6 收集显示内容素材 3 2.7 网页的布局设计 3 2.10 手机网站前台页色彩的运用 4 3. 项目功能模块的介绍与实现 4 3.1 主页 4 3.1.1主页的制作 4 3.1.2主页关键代码展示 6 3.1.3主页成果展示 7 3.2 手机介绍子页 8 3.2.1手机介绍子页 8 本子页主要介绍手机的发展历史。 8 3.2.2手机介绍子页的制作 8 3.2.3手机介绍子页关键代码展示 8 3.3 手机购物车子页 10 3.3.1手机购物车子页介绍 10 本子页主要介绍购物车的页面效果。 10 3.3.2手机购物车子页 10 3.3.3手机购物车关键代码展示 11 3.3.4购物车子页成果展示 12 3.4 用户注册子页 13 3.4.1用户注册子页介绍 13 3.4.2用户注册子页的制作 13 3.4.3用户注册成果展示 15 3.5 给我留言模块 16 3.5.1给我留言子页介绍 16 3.5.2给我留言的制作 16 3.5.3给我留言子页关键代码展示 17 3.5.4给我留言子页成果展示 17 4. 结束语 18 4.1遇到的问题 18 4.2解决办法 18 4.3感悟 18 5. 参考文献 19 TOC \o 1-3 \h \u PAGE 5 苹果手机网站前台页面的设计与制作 1. 项目总体方案设计 1.1 设计目标 手机已经成为人们日常生活中必不可少的一部分，但是手机设计逐渐同质化，除了手机本身品质以外，网络上的宣传也很重要，因此能够博人眼球的手机宣传网站对于手机厂商在有的时候会比手机本身价值更重要，手机网站需求较从前有了阶梯式的提高，所以经过考虑，本次网站主题确定为苹果手机网站的设计与制作。本次毕业设计通过完成一个手机网站，让我能熟练使用DreamWeaver、HBuilder X、Photoshop等网页制作软件，能运用DIV+CSS布局排版，能运用JavaScript技术实现特效，能运行photoshop软件美化图片，实现对苹果手机宣传和推广作用。 1.2 设计思路 首先确定要做那种题材的网站。网络类型、主题多种多样，在选择设计网站时，要根据自己擅长与有兴趣的方向慎重选择，在经过认真选择后，我选择的是手机网站设计。在选定题目后，对网站进行整体选择，然后就是对网站的资料收集，数据整理等。 通过寻找资料以及观看自己学习的书籍。了解网站设计中应当注意的问题；并对也有的各类介绍手机的网站进行学习。分析和研究网站应该具备的功能及网站设计架构；向老师和同学请教一些关于手机手机的相关问题，记录并总结对网站的看法。 确定网站的整体布局结构。整体布局结构的好坏决定用户的视觉效应，同时也决定着页面排版。网站的整体效果不能太花哨，容易让人产生视觉疲劳，应当注意重点和区分次要的内容。让观看者能一目了然，快速找到自己需要的东西。 1.3 设计内容 整个项目的设计内容包括：带logo网页头、有哪些信誉好的足球投注网站框、首页轮播图、实现文字自动播放、漂浮广告、超链接、版权提示、子网页4张。 2. 项目实现前期准备 2.1 制作手机网站前台页的步骤 确定构思和整体布局网页整体模块大小 Css布局排版 选择图片素材和文字资料 制作主页随后再制作子页 检查网页的代码 2.2 确定主题 首先确定要做那种题材的网站。网络类型、主题多种多样，在选择设计网站时，要根据自己擅长与有兴趣的方向慎重选择，在经过认真选择后，我选择的是手机网站设计。在选定题目后，对网站进行整体选择，然后就是对网站的资料收集，数据整理等。 2.3 设计网站功能模块 1）首页模块 2）苹果手机介绍模块 3）苹果手机动态模块 4）苹果手机欣赏模块 5）给我留言模块 6）用户注册模块 7）购物车模块 2.4 网站结构 网站的结构是扁平化物理结构，结构图如下： 图2.4 网站设计结构图 2.5 网站色调 本网站色调采用简约模式，蓝色为主、白色为辅。 2.6 收集显示内容素材 1、网上收集 2、媒体与书籍 3、现场调研 2.7 网页的布