旅游频道的网页设计 第1篇
旅游频道的网页设计 第2篇
Html Css
A、灌注唯信公z众z号：【IT黄大大】 B、消息回复【w031旅游】或【旅游网页】 C、获取下载路径即可下载，下载运行即可看到首页效果.
如果我的这篇博客对您有帮助、而且您喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！当然如果这个文章对您带来不好的体验还希望能多多包涵，一起学习进步。
旅游频道的网页设计 第3篇
要想做好一个页面，首先脑子里面得去有个架构，就好比是庖丁解牛，将架构了然于胸，什么困难都会迎刃而解，在制作这种类似网页作业的时候我们一般都是采用浮动布局的方式来实现的，因为这类静态页面的兼容性要求不高，所以我们要想好大致的框架。 其实这次的内容还是相对很丰富的，超链接，表单，图文，表格，一二级页面等，希望能够对您带来一些参照价值，的满足大家的要求。 此次主要设置了8个页面，分别是首页、旅行趣事、旅行美景、旅行指南、旅行视频区、留言区、西湖简介页、西湖十景页，纯html+css+js开发，技术div+css+js。
主要应用了前端三个模块的技术HTML + CSS+JS HTML模块：主要针对页面的结构搭建，该网站整体采用的是div标签作为盒子，其中包含:
有关有序列表 ul li 、 段落标签 p、 图片标签 img 、 表单标签input和textarea、 视频标签video source、 链接标签 a 字体标签 h2 h3.等 CSS模块： 主要采用的是浮动式布局的方式，页面搭建主要通过设置div的border属性来确定每个div的位置，然后针对不同的位置定位。针对每个元素通过margin和padding属性来设置不同模块的相对位置。
主要用到了font的文字基本属性，background设置相关背景色。文本居中text-align:center 然后标签模块采用的是border属性，设置div的左边框的厚度和颜色。 Css动画效果主要在底部栏体现，针对底部颜色做改变，从开始的这个 变到这个
后变回原来的样子。主要应用了css3里面的animation属性
Js模块 主要实现两个效果 1.鼠标移入移出时改变文字的颜色和大小
主要应用了鼠标移入移出属性onmouseover,onmouseout 2.实现钢琴键效果：鼠标移入div改变它的位置属性，主要改变margin属性从而实现这种效果的。