网站大量收购闲置独家精品文档,联系QQ:2885784924

网页制作实训报告网页制作实训报告.ppt

  1. 1、本文档共25页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页制作实训报告网页制作实训报告

单击此处编辑母版文本样式 第二级 第三级 第四级 第五级 智能手机操作与应用导引网站 第四小组 移设1213 网站项目概况: 为了以下目的安排这次实训: 掌握网站开发从规划到构建、维护的方法; 精通Dreanmweaver制作静态网页的方法,掌握一定的动态网页设计方法; 具有HTML语言编程的能力和CSS+DIV的运用能力 对网站涉及的主要内容进行文字的提炼、压缩和再加工以适合用户快速扫读的要求; 掌握按钮、图片等修饰、再加工的方法;(利用“美图秀秀”PHOTOSHOP等工具进行处理) 掌握智能手机相关信息。 实训内容: 智能手机操作与应用导引。 小组成员及分工: 学生姓名 工作任务 角色 首页 部分页面制作 组长 美工,策划 部分页面制作 组员 美工, 部分页面制作 组员 材料搜集,布局 部分页面制作 组员 这是由组长丁鹏制作的首页。 图片展示 草图 这是我制作的网页,主要采用上标题加导航下面是文字图片的内容结构。 -------- 组员钱星烨 网站结构图: 主页展示: 主页配色方案:    白光是所有颜色光线的集合,白色反射所有的光线,不吸收任何可见光,因此白色被作为纯粹、虚无、轻盈、光明及金属的象征。在商业设计中,白色具有洁白明快纯真和清洁的意象。白色是网页设计中通用的颜色,它具有容易突出彩度的特性,当一个页面设计未使用白色时,往往会感觉空间减弱,容易造成猜度不够明确、页面沉闷等反应。    在以白色为基调的同时,我们增加了蓝色的导航。这种颜色用来传达具有活力、积极、热诚、温暖以及前进等含义的企业形象与精神。而我们的网站是以宣传手机和手机app为中心的,所以这个色系更能体现出我们网站的中心。 主页布局框架图: 主页Html核心代码: div id=yc-mod-slider div class=wrapper div id=slideshow class=box_skitter fn-clear ul li img class=cubeRandom src=../Img/index-img/slider1.jpg //li li img class=cubeRandom src=../Img/index-img/slider2.jpg //li li img class=cubeRandom src=../Img/index-img/slider3.jpg //li /ul /div script type=text/javascript src=../js/index/slideshow.js/script /div /div 主页Css核心代码:   .box_skitter .next_button {    position: absolute;    top: 50%;    right: -5px;    z-index: 100;    width: 57px;    height: 62px;    overflow: hidden;    text-indent: -9999em;    margin-top: -25px;    background: url(../Img/index-img/next.png) no-repeat left top !important;   }      loading {    position: absolute;    top: 50%;    right: 50%;    z-index: 10000;    margin: -16px -16px;    color: #fff;    text-indent: -9999em;    overflow: hidden;    background: url(../Img/index-img/ajax-loader.gif) no-repeat left top;    width: 31px;    height: 31px;   } @charset utf-8 * { margin: 0px; padding: 0px; } 典型页面: 典型页面Html核心代码: div id=wrapper h1IOSsmall易惹人爱 所以得众人所爱/small/h1 div id=content ul id=appleNav lia href=../../Index/index.html

文档评论(0)

tazhiq2 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档