旅游网页整体设计 第1篇
这次是基于旅游主题的网页开发与制作,希望给期末作业的同学们能有一定的参考价值,当然本质希望大家能够去通过这个文章找灵感,别的不多说,旅游主题网页制作思路如下:
要想做好一个页面,首先脑子里面得去有个架构,就好比是庖丁解牛,将架构了然于胸,什么困难都会迎刃而解,在制作这种类似网页作业的时候我们一般都是采用浮动布局的方式来实现的,因为这类静态页面的兼容性要求不高,所以我们要想好大致的框架。
在我的页面制作过程中,我主要采用的是浮动式布局,从左往右,从上至下的顺序来进行设计制作的,当然在制作之前我会先给页面框架做一个布局,首先我会设计下面几部分:
头部:banner(主要包括导航图和logo之类的)
菜单:nav(主要是采用a标签进行跳转的)
主题:main(核心内容展示)
底部:footer(版权声明)
核心框架如下几个部分:
头部和菜单及尾部可以是一样的,其中中间部分是体现不同页面的主题介绍。这个里面主要是一个背景图加了一个透明层遮罩和文字描述。具体代码如下:
旅游网页整体设计 第2篇
(1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。
(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。
(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
旅游网页整体设计 第3篇
通过这次网页设计制作实训,能够灵活的运用到所学的知识和技巧制作简单的网页,掌握了个人网站建设的技巧和基本网站建设的过程。对于用Dreamweaver、vscode、hbuider等制作网页更为得心应手。实训过程中我尽量充分利用老师教过的知识,对所学知识进行了巩固。为了制作出更好的效果我也翻阅参考了其他资料,学习到了更多的网页处理技巧。制作网页的过程中遇到很多的问题,通过查找资料或询问同学都有得到解决。这次综合实训我的收获很大,学有所用,在实践的过程中学习巩固对知识能有更深的记忆。网页制作是一门很实用的学科,值得我以后进行更深入的学习。这次实训中我也体会到了自己掌握的技巧太少了,以至于很多想法都没能实现,在以后的学习过程中我要对网页制作有更深的了解,做出更为成熟的网页。
旅游网页整体设计 第4篇
.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;
旅游网页整体设计 第5篇
网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。
网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;
旅游网页整体设计 第6篇
网站设计制作的重点是对网页整体设计的布局和对网页整体内容的选题。 网站设计方面:计划实现简洁大气的网页设计效果。 网站功能方面:计划实现各个页面之间的链接跳转功能、鼠标悬停在文字上的变色功能、简单的首页动态图片切换功能、简单的表单提交功能。