怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局+css样式来制作一个网页吧。
发表日期: 2020-10-10 13:59:37 浏览次数:177
无锡江阴市澄江街道公司网页制作、无锡江阴市璜土镇制作企业网站、无锡江阴市利港镇高端网站建设、无锡江阴市申港镇竞价托管公司、无锡江阴市夏港镇网站推广、无锡江阴市月城镇公众号开发
无锡,简称“锡”,古称新吴、梁溪、金匮,是江苏省地级市,国务院批复确定的中国长江三角洲的中心城市之一、重要的风景旅游城市 。截至2018年,全市下辖5个区、代管2个县级市,总面积4627.47平方千米,建成区面积552.13平方千米, 截至2019年末,无锡市常住人口659.15万人,其中城镇常住人口508.2万人,常住人口城镇化率77.10%。
无锡地处中国华东地区、江苏省南部、长江三角洲平原,是扬子江城市群重要组成部分,北倚长江、南滨太湖,被誉为“太湖明珠”,京杭大运河从无锡穿过;境内以平原为主,星散分布着低山、残丘;属北亚热带湿润季风气候区,四季分明,热量充足。
无锡是国家历史文化名城,自古就是鱼米之乡,素有布码头、钱码头、窑码头、丝都、米市之称。无锡是中国民族工业和乡镇工业的摇篮,是苏南模式的发祥地,也是联勤保障部队无锡联勤保障中心驻地 。无锡有鼋头渚、灵山大佛、无锡中视影视基地等景点。
怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局+css样式来制作一个网页吧。
在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。
做好这两个文件后我们把网页的基础代码写上去,并使index文件受到main.css的控制,我们右键选择用记事本打开index文件输入代码,并在head里写上<link href="main.css" type="text/css" rel="stylesheet">使它受到main.css控制
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
下面我们去main.css写一些属性看看是不是能控制index文件。我希望整个页面是粉色的,看上去温馨,我在main.css里写上*{background:#FF66FF}看看。我们打开index文件看看是不是在浏览器上是不是粉色的。在浏览器上是粉色的,表示已经受到css样式表的控制了。
下面我们进行布局一般网页都是3层一级,所以我们需要div布局了在body里面写一般我会先分为3层
<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="top">
<div id="top1"></div>
<div id="top2"></div>
<div id="top3"></div>
</div>
</body>
</html>
布局好后我们需要去定义属性了,这里我只是简单的定义了一下
*{background:#FF33FF}
#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}
#top1{background:#66FFFF; height:50px; width:800px;}
#top2{background:#FF00CC; height:400px; width:800px}
#top3{background:#FF9933; height:550px; width:800px}
定义好了我们打开预览一下看看,图片是不是居中和分成3块了。当然,颜色只是为了方便看清楚,可以不写。
其实做网页就是不断的画框,只要知道布局和定义属性就可以了,下面我们就整个做一下,因为我的有一些是一样的,可以用class调用,class=baidu这个只是随便写的,你爱等于什么就等于什么
<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="top">
<div id="top1">这里都是我截图的照片</div>
<div id="top2">
<div class="baidu"></div>
<div class="baidu"></div>
</div>
<div id="top3">
<div class="baidujingyan"></div>
<div class="baidujingyan"></div>
</div>
</div>
</body>
</html>
下面我们再去定义他的属性,当然我只是简单的定义一下
*{background:#FF33FF}
#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}
#top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}
#top2{background:#FF00CC; height:400px; width:800px}
#top3{background:#FF9933; height:550px; width:800px}
.baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}
.baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}
因为我这个是我截图相册的网页,下面我们就放照片吧,这里我偷个懒,把照片都放在桌面了,所以不用连接照片地址了。
<html>
<head>
<title></title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="top">
<div id="top1">这里都是我老婆的照片</div>
<div id="top2">
<div class="baidu"><img src="QQ图片20141212090452.jpg"></div>
<div class="baidu"><img src="QQ图片20141212090346.jpg"></div>
</div>
<div id="top3">
<div class="baidujingyan"><img src="QQ图片20141212090224.jpg"></div>
<div class="baidujingyan"><img src="QQ图片20141212090255.jpg"></div>
</div>
</div>
</body>
</html>
如果图片不在同一层目录,就需要连接到图片地址
这样一个网页就做好了,如果需要制作精美的网页,就需要不断的进行div布局和css样式的规定了。
下面我来说说网页制作的定义,网页的制作只要会使用div不停的布局,不停的定义他的属性,基本静态的网页就是这样做出来的
10月10日消息,联发科今日公布了9月份营收情况。
联发科在今年9月,实现营收新台币378.66亿元(约合人民币88.61亿元),同比增长61.18%,环比增长15.74%。
今年1至9月,联发科实现营收新台币2257.41亿元,同比增长24.37%。
联发科还表示,营收数据系内部结算,未经会计师核查。
联发科是一家无晶圆厂半导体公司,专注于无线通讯及数字多媒体等技术领域。其提供的芯片整合系统解决方案,包含无线通讯、高清数字电视、光储存等相关产品。一年约有15亿台内建联发科技芯片的终端产品在全球各地上市。
无锡江阴市澄江街道公司网页制作、无锡江阴市璜土镇制作企业网站、无锡江阴市利港镇高端网站建设、无锡江阴市申港镇竞价托管公司、无锡江阴市夏港镇网站推广、无锡江阴市月城镇公众号开发