html学员作品,Web学员作品-网页设计项目

网页设计说明

创作过程：

Images 就是放置图片的，css用来存放CSS样式文件，在CSS中把所有网页的元素初始化了一下

写下HTML代码

制作导航

导航有下拉菜单，引放JS

利用JQ实现二级导航下拉效果

导航制作完成后，开始制作JS banner轮播图，

引放JS，又单独写了一个CSS

首先制作4大保证

然后下面制作新闻模块，

先制作新闻的最背景

然后，制作具体的一个新闻版块

具体新闻列表用无序列表实现

下面开始制合作伙伴的效果，做了5张不同的LOGO，利用LI的左浮动，排列出来

然后制作FOOT部分

至此首页制作完成。

然后将首页另存为一个框架，把中间的文字和图片删除，只保留下图框架，用此框架分别制作其它子页。

家居装饰页的制作：

首先将框架另存为furniture.html

在空白内容处插入导航HTML

利用无序列表制作家装图片展示效果

定义宽度，高度，水平居中

定义上边距

设为左浮动，外边距为10

设置图片鼠标移上去的放大的效果

设置链接文字的字体和行高

关于我们的制作：

将框架另存为abou.html

将一张事先处理好的背景图作为about的背景，将删除about页面的js轮播图效果

CSS设置了宽高和背景图，并引用相对定位属性

然后，利用绝对定位，将两段文字分别置于背景图上

装修知识的制作：

将框架页另存为knowledge.html

首先制作知识页的分类导航

然后制作新闻列表

合作伙伴的制作：

将框架页另存为hezuo.html

首先制作合作的分类标题

然后用无序列表制作具体项目内容展示

3D云设计制作更简单，就是几张图片的平铺，这不作介绍