网页设计练习

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>汉企网页</title>
<style>
*
{ margin:0px;
padding:0px;

}
.a{ width:100%; top:0px; left:0px;
height:150px;
background-color:#036;
position:fixed; z-index:2;
}
.b{ width:100%;
top:150px;
height:300px;
background-color:#CCC;
position: relative;
}
.d{ width:80%; top:200px; border:1px solid; left:10%;
height:700px;
position: relative;
}

.c{ width:250px; left:6%; top:30px;
height:250px;
background-color:#0F0; float: left; margin:5% ;
}
.e{ width:600px; height:60px; top:80px; right:200px; background-color:#FC0; position:absolute; }
.f{ width:110px; height:40px; background-color:#6FC; float:left; margin-top:10px; margin-left:30px;}

</style>

</head>

<body>

<div class="a" ><div class="e" ><div class="f" ></div><div class="f" ></div><div class="f" ></div><div class="f" ></div></div></div>
<div class="b" ></div>

<div class="d"><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div><div class="c"></div></div>
</body>
</html>

时间: 2024-11-05 14:57:53

网页设计练习的相关文章

网页设计和美工的区别是什么哪个好

关于这两个行业,有很多的小伙伴其实多少都接触过,或者说是了解过.但是即使是这样,大家依旧不是很清楚这二者的区别是什么,笔者就听到过有人提问说,网页设计和美工的区别是什么,哪个好.此文就来重点聊聊,网页设计和美工的区别是什么,哪个好,这个话题,来为大家解答心中的疑惑. 学网页设计  1:网页设计是根据企业希望向用户传递的信息,然后进行网站功能策划的页面设计美化工作.一名优秀的网页设计师,需要掌握熟练使用Dreamweaver软件;熟悉HTML.CSS.DIV.Javascr1pt等网页技术,精通P

女生现在学什么技术好学网页设计有前途

掌握一门过硬的技术,是能够让自己的当今竞争激烈的社会中占有一席之地的,很直接的一种说法就是,你掌握了有用的技能,就等同于掌握了吃饭的工具.那么女生现在学什么技术好呢?学什么技术会比较有前途呢?这篇文章就来聊聊,女生现在学什么技术好,学网页设计有前途. 学网页设计  1:随着互联网业的蓬勃发展,及网络技术的野蛮生长,市场对网页设计师的需求不断增涨.绝大部分企业,尤其是互联网企业,都需要网页设计师,来为企业设计网站,和搭建用户交互式系统,这些都需要网页设计师来进行操作,因此网页设计师的人才缺口是很大

网页设计行业怎么样学了好就业吗

有一位有趣的小伙伴,跟笔者说,他看到很多人打算去学网页设计,然后市场上各种网页设计培训班也是雨后春笋一样冒出来,感觉这个行业很火爆的样子,令他也心动不已,打算去学.但是又不知道这个行业的水深不深,就想问问笔者,网页设计行业怎么样,学了好就业吗?这样的问题想必不止他一个人有,为了让更多的朋友知道这个问题的,此文就来聊一下,网页设计行业怎么样,学了好就业吗,这个话题好了. 学网页设计  1:一名优秀的网页设计师,需要掌握以及精 通 各 种 网 页 及 美 术 方 面 的 应 用 软 件 , 包 括

自适应网页设计(Responsive Web Design)

转载自:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异的屏幕上,都呈

杂谈-网页设计大赛的一些感想

又是一年科技节,鉴于去年参加一个比较没意思的比赛,拿了一个不该拿的奖.今年我想着去参加一个稍微有点意思的比赛,凭自己的努力拿个奖.(题外话,血亏的是同学参加ctf比赛,我一开始以为我个人能力不行没敢和他组队(主要是怕我太坑),结果我帮他们解决了两道前端的题目,他们得了个二等奖--) 说正事,接触html和css是很早以前的事情了,但是js方面还是刚刚入门,之前有用bootstrap搭过一个blog(还没有完成).队友想的是所有的都自己来写,也当是给自己一个练手的机会.这正如一个学长说的,用模板就

Dreamweaver网页设计代码大全

Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编Q群162542073整理分享: 网页设计视频网站链接http://www.51rgb.com/mproductzh.aspx?classid=31 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scro

对网页设计的个人理解

在互联网这个大的环境下,网页是每个企业必不可少的一部分,网页的宣传作用在这个时代是十分强大的:1.有利于提升企业形象,企业可以把任何想让客户及公众知道的内容放入网站,而且建立一个企业网站所花费的投入效果比较其他广告类型要低得多.2.可以全面详细地介绍企业及企业产品,企业可以把任何想让人们知道的信息放入网,如企业简介.企业的人员.厂房.生产设施.研究机构.产品外观.功能及使用方法等,都可以展示于网上.更便于人们的了解,也更加的方便,毕竟现在几乎每个人都会使用计算机,都有手机,想要了解什么,通过网页

设计趋势:网页设计中的幽灵按钮

幽灵按钮——那些透明的.可点击的物体——忽然间就变得无处不在.以狂风暴雨之势席卷正网页设计领域.谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式? 参考:预测网页设计趋势 什么是幽灵按钮? 幽灵按钮有着最简单的扁平外形——正方形.矩形.圆形.菱形——没有填充色,只有一条淡淡的轮廓.除了外框和文字,它完完全全(或者说几乎完全)透明.(因此得名“幽灵”) 这些按钮通常比网页上传统的可点击按钮大,也被置于显要位置,例如屏幕的正中央. 各种类型的网站(包括移动APP)中都能发现幽灵按钮的身

网页设计制作CSS实现隔行换色两种方法

网页设计制作CSS实现隔行换色两种方法 2007-12-21 20:59:44  来源:网页教学网 网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容:<style type="text/css">UL.myul1 LI{}</style><ul class="myul1"><li id="li1">111</li><li id="li2"

如何去设计一个自适应的网页设计或HTMl5

如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事. 很多网站