期刊专题 | 加入收藏 | 设为首页 12年实力经营,12年信誉保证!论文发表行业第一!就在400期刊网!

全国免费客服电话:
当前位置:首页 > 免费论文 > 管理论文 > 企业管理 >

网页设计的实现

1DIV+CSS布局技术在网页设计中的应用

CSS的排版是一种很新的排版理念,完全有别于传统的排版习惯。它将页面首先在整体上进行<div>标记的分块,然后对各个块进行CSS定位,最后再在各个块中添加相应的内容。利用CSS排版的页面,更新起来十分容易,甚至连页面的拓扑结构,都可以通过修改CSS属性来重新定位。

1.1 确定网页布局

Logo页面标志Left边栏区域,一般放置链接信息Right主体区域Footer页脚,一般是版权或联系方式区域

1.2 主要设计部分

在dreamweavercs5开发环境中,新建index.html文件,并创建CSS文件,命名为style.css将样式表写在一个独立的扩展名为CSS文件中。在<head>与<head>中加入<linkrel=”stylesheet”type=”text/css”href=”style.css”>,这表示网页文件可以链接到css文件,可以调用其中内容。在index.

1.3 运用CSS技术和JS技术完善网页这里只给出了商品展示部分的CSS技术和JS技术的运用。1.3.1css技术的运用自定义列表实现图文并排,网站中图片和文字是不可缺少的元素,但是实现图文并排的效果会为网站的布局增色不少。1.3.2图片无缝滚动图片无缝滚动是图片从右向左无缝滚动,鼠标停留是图片停止滚动,移开鼠标图片继续滚动。

2结束语

CSS+DIV样式安排整个网页的布局到真个细节的定位,要能熟练的掌握CSS+DIV样式,且能和JavaScript编程语言相结合实现图图片功能等。浏览器的兼容和测试是不容忽视的,IE6的性能不够稳定,我们用火狐、IE8等浏览器各个浏览器中测试,保证在各个浏览器中文件图片或者文字排版是正确的。CSS样式的文件和JS的文件作为单独的文件存在,方便以后网站的修改,部分代码还可以重复利用,节省文件所占空间。切片的使用使得网页加载变得更加流畅。

作者:范唐鹤 单位:黄石职业技术学院


    更多企业管理论文详细信息: 网页设计的实现
    http://www.400qikan.com/mflunwen/gllw/qygl/126972.html

    相关专题:发表论文格式要求 偷偷拿掉保险套


    上一篇:教学改革与图案设计论文
    下一篇:中学语文教育中人文精神探析

    认准400期刊网 可信 保障 安全 快速 客户见证 退款保证


    品牌介绍