《网页制作实训报告》课件.pdfVIP

智能手机操作与应用导引网站

•第四小组

•移设1213

网站项目概况：

•为了以下目的安排这次实训：

•掌握网站开发从规划到构建、维护的方法；

•精通Dreanmweaver制作静态网页的方法，掌握一定的动态网页设计方法；

•具有HTML语言编程的能力和CSS+DIV的运用能力

•对网站涉及的主要内容进行文字的提炼、压缩和再加工以适合用户快速扫读的要求；

•掌握按钮、图片等修饰、再加工的方法；（利用“美图秀秀”PHOTOSHOP等工具进

行处理）

•掌握智能手机相关信息。

•实训内容：

•智能手机操作与应用导引。

小组成员及分工：

学生姓名工作任务角色

首页部分页面制作组长

美工,策划部分页面制

组员

作

美工，部分页面制作组员

材料搜集，布局部分

组员

页面制作

这是由组长丁鹏制作的首页。

草

图

图片展示

这是我制作的网页，主要采用上标题加导航下面是文字图片的

内容结构。

组员钱星烨

网站结构图：

主页展示：

主页配色方案：

白光是所有颜色光线的集合，白色反射所有的光线，不吸

收任何可见光，因此白色被作为纯粹、虚无、轻盈、光明及金属

的象征。在商业设计中，白色具有洁白明快纯真和清洁的意象。

白色是网页设计中通用的颜色，它具有容易突出彩度的特性，当

一个页面设计未使用白色时，往往会感觉空间减弱，容易造成猜

度不够明确、页面沉闷等反应。

在以白色为基调的同时，我们增加了蓝色的导航。这种颜

色用来传达具有活力、积极、热诚、温暖以及前进等含义的企业

形象与精神。而我们的网站是以宣传手机和手机app为中心的，

所以这个色系更能体现出我们网站的中心。

主页布局框架图：

主页Html核心代码：

divid=yc-mod-slider

divclass=wrapper

divid=slideshowclass=box_skitterfn-clear

ul

liimgclass=cubeRandomsrc=../Img/index-img/slider1.jpg

//li

liimgclass=cubeRandomsrc=../Img/index-img/slider2.jpg

//li

liimgclass=cubeRandomsrc=../Img/index-img/slider3.jpg

//li

/ul

/div

scripttype=text/javascriptsrc=../js/index/slideshow.js/script

/div

/