网页设计说明
创作过程:
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云设计制作更简单,就是几张图片的平铺,这不作介绍