300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript

关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript

时间:2022-02-03 16:19:19

相关推荐

关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript

源码获取 文末联系

Web前端开发技术

描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作 | HTML期末大学生网页设计作业,Web大学生网页

HTML:结构

CSS:样式

在操作方面上运用了html5和css3,

采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

JavaScript:做与用户的交互行为

文章目录

前端学习路线网页基本结构网页演示HTML结构代码学的反而越迷茫学习更多

前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;

(2)css文件:css全部页面样式,文字滚动, 图片放大等;

(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个

(2)二级页面:从首页点击进入之后的页面叫做二级页面

(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的

首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名

导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.

网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

网页演示

HTML结构代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>云南</title><link rel="stylesheet" href="static/css/style.css"></head><body><!-- 头部导航栏 --><div id="title"><nav><!-- logo --><img src="static/picture/logo.png" alt=""><!-- 导航超链接 --><a href="">首页</a><a href="footer.html">美食</a><a href="fengjing.html">风景</a><a href="renwen.html">人文</a><a href="liuyan.html">留言</a></nav></div><!-- 轮播图模块 --><div class="contentl"><ul class="wrapper"><li><a href="footer.html"><img src="static/picture/food.png"></a></li><li><a href="renwen.html"><img src="static/picture/people.png"></a></li><li><a href="fengjing.html"><img src="static/picture/fengjing.png"></a></li><li><a href="footer.html"><img src="static/picture/food.png"></a></li></ul><ul class="radius"></ul><div class="prev"><span>< </span></div><div class="next"><span>></span></div></div><div id="main"><h1>关于云南</h1><div id="jiehsao"><img src="static/picture/ditu.png" alt=""><p><span>云南省</span>,简称云或滇,中国23个省之一,位于西南地区,省会昆明。介于北纬21°8′~29°15′,东经97°31′~106°11′之间,东部与贵州、广西为邻,北部与四川相连,西北部紧依西藏,西部与缅甸接壤,南部和老挝、越南毗邻,云南省总面积39.41万平方千米,占全国国土总面积的4.1%,居全国第8位。云南是全国边境线最长的省份之一,有8个州(市)的25个边境县分别与缅甸、老挝和越南交界。</p><p>北回归线横贯云南省南部,属低纬度内陆地区,地势呈西北高、东南低,自北向南呈阶梯状逐级下降,为山地高原地形,山地面积占全省总面积的88.64%,地跨长江、珠江、元江、澜沧江、怒江、大盈江6大水系。云南气候基本属于亚热带和热带季风气候,滇西北属高原山地气候。云南动植物种类数为全国之冠,素有“动植物王国”之称,被誉为“有色金属王国”,历史文化悠久,自然风光绚丽,是人类文明重要发祥地之一。</p><p>云南省是中国面向南亚东南亚的辐射中心,地处中国与东南亚、南亚三大区域的结合部,入选国家自由贸易试验区,是长江经济带重要组成部分,全国热门旅游目的地和文旅大省。,云南省实现地区生产总值(GDP)27146.76亿元,比年增长7.3%</p><div id="fenlei"><div id="fenlei_title"><div id="fenleiimg"><img src="static/picture/fengjing1.png" alt=""></div><h1>风景</h1><p>云南历史文化悠久,自然风光绚丽,拥有丽江古城、三江并流、石林、哈尼梯田、大理古城、崇圣寺三塔、玉龙雪山、洱海、滇池、抚仙湖、梅里雪山、普达措国家公园、噶丹松赞林寺...</p></div><div id="fenlei_title"><div id="fenleiimg"><img src="http://www.ylcp.shop/files/files/1654586744930/images/food1.png" alt=""></div><h1>美食</h1><p>云南人格外地擅长就地取材,以烹制山珍、淡水鱼鲜和蔬菜见长,口味酸辣微麻, 重油味厚,但又不失鲜嫩。他们还选取热带水果、花卉,甚至是竹鼠、昆虫作为食材,其间,各地...</p></div><div id="fenlei_title"><div id="fenleiimg"><img src="static/picture/people2.png" alt=""></div><h1>人文</h1><p>去到云南,走进丽江,感受不一样的人文风貌 偶尔放下手里的工作,与匆忙的都市生活,说再见,踏上旅途,也是给自己的慰藉。去过云南的都流连,没去过的都憧憬...</p></div></div></div></div><audio id="aud" controls="" loop="" style="display: none;"><source src="./media/1.MP3" type="audio/ogg">您的浏览器不支持 audio 元素。</audio><footer><p>版权所有©云南</p></footer></body><!-- 轮播图js --><script src="static/js/js.js"></script><style></style></html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光

—————————————————

学习更多

关注我 | 点赞博文 | 每天带你涨知识

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。