名胜古迹网站制作 第1篇
杭州的美食纵容是不可少的,我也是针对吃货做了一下攻略的:
HTML:
截图实在不方便,关注公众号《IT黄大大》回复“杭州旅游”即可获取源码包哦~
另外,还有更多更新内容,等你来戳~返回搜狐,查看更多
名胜古迹网站制作 第2篇
.main {
width: 1000px;
height: 584px;
border: 1px solid #eee;
.main_text {
width: 1000px;
height: 584px;
background-image: url(../images/);
background-size: 100% 100%;
position: relative;
.main_text p {
width: 550px;
margin: 10px auto;
line-height: 30px;
color: #777;
font-size: 14px;
.main_part {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, );
color: #fff;
position: absolute;
.text1 {
position: absolute;
top: 150px;
left: 50px;
width: 400px;
height: 300px;
.text1 p {
width: 400px;
.parts {
width: 400px;
height: 400px;
position: absolute;
top: 100px;
left: 500px;
.part {
width: 190px;
height: 190px;
float: left;
margin: 5px;
.main img {
float: left;
margin: 50px 40px;
名胜古迹网站制作 第3篇
这次是基于旅游主题的网页开发与制作,希望给期末作业的同学们能有一定的参考价值,当然本质希望大家能够去通过这个文章找灵感,别的不多说,旅游主题网页制作思路如下:
要想做好一个页面,首先脑子里面得去有个架构,就好比是庖丁解牛,将架构了然于胸,什么困难都会迎刃而解,在制作这种类似网页作业的时候我们一般都是采用浮动布局的方式来实现的,因为这类静态页面的兼容性要求不高,所以我们要想好大致的框架。
在我的页面制作过程中,我主要采用的是浮动式布局,从左往右,从上至下的顺序来进行设计制作的,当然在制作之前我会先给页面框架做一个布局,首先我会设计下面几部分:
头部:banner(主要包括导航图和logo之类的)
菜单:nav(主要是采用a标签进行跳转的)
主题:main(核心内容展示)
底部:footer(版权声明)
核心框架如下几个部分:
头部和菜单及尾部可以是一样的,其中中间部分是体现不同页面的主题介绍。这个里面主要是一个背景图加了一个透明层遮罩和文字描述。具体代码如下: