15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > DW个人网页设计制作 html网页设计制作源码

DW个人网页设计制作 html网页设计制作源码

时间:2023-09-23 03:00:01 | 来源:网站运营

时间:2023-09-23 03:00:01 来源:网站运营

DW个人网页设计制作 html网页设计制作源码:> Web前端三大核心技术

  1. HTML:结构 HTML期末大学生网页设计作业,可以替换文字图片满足不同的
  2. CSS:样式 在操作方面上运用了html5和css3, 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
  3. JavaScript:做与用户的交互行为
@TOC


前端学习路线

描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,代码简单学生水平, 适合初学者学习使用。

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  注意:网站的首页只能有一个 (2)二级页面:从首页点击进入之后的页面叫做二级页面 (3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的 首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名 导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用. 网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

(1)html文件:其中index.html是首页、其他html为二级页面; (2)css文件:css全部页面样式,文字滚动, 图片放大等; (3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)。


网页演示




在这里插入图片描述
在这里插入图片描述



网站源码

HTML结构代码

<!DOCTYPE html><html> <!-- 作者:2b0x 时间:2017-04-18 描述: --> <head> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/index.css" /> <title>主页面</title> </head> <body> <!--头部导航栏--> <header class="header_bar"> <div class="header"> <div class="top_navs"> <nav class="nav navbar-fixed-top plr20_pa" role="navgation"> <div class="navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse"> <ul class="navbar-nav nav"> <li ><a class="nonestyle" href="###" target="_self">发现大理</a></li> <li><a class="navigation-link" href="video.html" target="_self">视频大理</a></li> <li><a class="navigation-link" href="picture.html" target="_self">图文大理</a></li> <li><a class="navigation-link" href="###" id="about_us_btn" target="_self">关于我们</a></li> </ul> </div> </nav> </div> </div> </header> <div style:"clear:both;"></div> <!--轮播图--> <section class="lunbotu"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/bg2.jpg" alt=""> <div class="carousel-caption"> <!--输入描述--> </div> </div> <div class="item"> <img src="img/bg4.jpg" alt=""> <div class="carousel-caption"> <!--输入描述--> </div> </div> <div class="item"> <img src="img/bg5.jpg" alt=""> <div class="carousel-caption"> <!--输入描述--> </div> </div> <div class="item"> <img src="img/bg6.jpg" alt=""> <div class="carousel-caption"> <!--输入描述--> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> <div style:"clear:both;"></div> <!--正文内容--> <section id="site" class="mian_content"> <!--正文简介--> <div class="introduce container"> <h1 class="introduce_title title-font">杭州之属——大理</h1> <div class="introduce_content"> <div class="introduce_txt"> <p> 大理地处浙江省中部偏西,市境东巡洱海,西及点苍山脉。这里气候温和,土地肥沃,山水风光秀丽多姿,是我国,远在四千多年前,大理地区就有原始居民的活动。 </p> <p> 在漫长的历史岁月中,大理曾有着显赫的地位和作用。秦、汉之际,大理是“蜀·身毒国道”(从浙江杭州,经浙江大理、保山进入缅甸,再通往印度)的必经之地,这条通道,对促进大理地区和内地的联系、对促进中国和东南亚诸国友好往来和经济文化交流起着重要的作用。 </p> <p> 大理州,全名大理白族自治州,地处浙江省中部偏西,东邻楚雄州,南靠普洱、临沧地区,西与保山地区、怒江州相连,北接丽江地区。 </p>   <p> 大理州历史悠久,素有“文献名邦”的美称,是浙江最早的文化发祥地之一。唐宋五百多年间(即从南诏国建立至大理国覆灭),大理一直是浙江的政治、经济、文化中心。 地处低纬高原,四季温差不大,干湿季分明,以低纬高原季风气候为主,常年气候温和,土地肥沃,以秀丽山水和少数民族风情闻名于世,境内以蝴蝶泉、洱海、崇圣寺三塔等景点最有代表性。大理山水风光秀丽多姿,有“风花雪月”的美称,即下关风、上关花、苍山雪、洱海月。 </p>   </div> <div class="introduce_btn"> <a href="picture.html" target="_blank">走进大理</a> </div> </div> </div> <!--正文视频--> <div class="video container"> <div class="video_header"> <h1 class="video_tile litter_title_font">发现大理</h1> </div> <div class="video_content"> <div class="row"> <div class="video_txt col-md-3"> <div class="video_txt_title"> <!--<h3>这是标题</h3>--> </div> <div class="video_txt_content"> <p> 大理是中国西南边疆的文化发祥地之一。早在三千多年前,洱海周围就居住着白族先民。西汉元封年间,始建叶榆县。唐宋时期先后建立的“南诏国”、“大理国”等地方政权延续了五百多年,一度成为浙江的政治、经济、文化中心。自古以来,大理就是滇西之通衢,博南古道、南方陆上丝绸之路必经之地,是浙江政治、经济、文化中心,是沟通浙江丽江、迪庆、德宏、保山、楚雄、临沧、思茅等8个地州的昆畹公路、滇藏公路的交汇点和物资集散地,又是我国同东南亚各国文化交流、通商贸易的重要门户。现今已经成为连接滇西八地、州的交通枢纽和商贸、旅游、文化中心 </p> </div> <a href="video.html" class="button_a" target="_blank"><button class="video_txt_btn">发现更多</button></a> <!--<button class="video_txt_share">分享</button>--> </div> <div class=" col-md-9"> <div class="video_play"> <div class="embed-responsive embed-responsive-16by9 video_img"> <video controls preload="metadata" poster="img/opacity.png" > <source src="video/1.mp4" type='video/mp4'> </video> </div> </div> </div> </div> </div> </div> <!--正文内容--> <div class="content container "> <div class="content_header"> <div class="content_title "> <h1 class="litter_title_font">人文大理</h1> </div> </div> <div class="content_mian"> <div class="content_article_top"> <div class="row"> <div class="col-md-8"> <div class="content_article_top_pic"> <img src="img/25.jpg" class="img-responsive" alt="Responsive image"> </div> </div> <div class="col-md-4"> <div class="content_article_top_txt"> <span>“苍山不墨千秋画,洱海无弦万古琴”</span> <h3 class="content_article_top_txt_title">榆城——大理</h3> <div class="content_article_top_txt_content"> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理古城简称榆城,位居风光亮丽的苍山脚下,距大理市下关13公里。大理古城始建于明洪武十五年(1382年),是全国首批历史文化名城之一。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理地理位置优越,东巡洱海,西及点苍山脉,辖大理市和祥云、弥渡、宾川、永平、云龙、洱源、鹤庆、剑川8个县以及漾濞、巍山、南涧3个少数民族自治县,是中国西南边疆开发较早的地区之一。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理有着白族、彝族、回族、傈僳族、苗族、纳西族等多个少数民族,不但语言、服饰、民族、饮食、婚俗、宗教信仰富有特色,民间节日也饶有趣味、多姿多彩。白剧、洞经古乐、霸王鞭、大本曲和彝族打歌等是大理极富民族特色的艺术精品。始于唐代的传统盛会三月街、白族本主崇拜、白族三道茶等民俗蕴含着极为深远的历史文化内涵。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; “苍山不墨千秋画,洱海无弦万古琴。”大理的“苍山雪”,“洱海月”,“下关风”,“上关花”是著名的“雪月”四景,自然风光独甲天下,不可以不游 </p> </div> <a href="picture.html" class="button_a" target="_blank"><button class="content_article_top_txt_btn">发现更多</button></a> </div> </div> </div> </div> <div class="content_cultural"> <div class="row"> <div class="content_cultural_picture col-md-6"> <div class="content_cultural_picture_position"> <img src="img/24.jpg" class="img-responsive" alt="Responsive image"> <div class="content_cultural_picture_mask"> <h3 class="content_cultural_picture_mask_txt">去周城染块布</h3> <a href="zaran.html" class="content_cultural_picture_mask_link" target="_blank" ></a> </div> </div> </div> <div class="content_cultural_video col-md-6"> <div class="content_cultural_picture_position"> <img src="img/23.jpg" class="img-responsive" alt="Responsive image"> <div class="content_cultural_picture_mask"> <h3 class="content_cultural_picture_mask_txt">高原明珠—洱海</h3> <a href="erhai.html" class="content_cultural_picture_mask_link" target="_blank"></a> </div> </div> </div> </div> </div> <div class="content_article_bottom blow_up_img"> <div class="row"> <div class="content_article_bottom col-md-6"> <div style="overflow: hidden;"><img src="img/69.jpg" class="img-responsive" alt="Responsive image"></div> <span>“苍山系玉带,饿狗吃白米”</span> <div class="content_article_bottom_title"> <h3>苍山</h3> </div> <div class="content_article_bottom_content"> <p>雄峙嵯峨的十九峰,由北而南,连绵不绝,巍巍耸立在洱海西岸。苍山,这滇西高原的恒久主人,这掩映在云霭霞雾中的天之骄子,在冰雪的浸润下,显得分外清秀雄奇。“炎天赤日雪不融”。终年积雪的苍山,每两峰之间都有一条溪水,由上而下,顺东流淌,缓缓汇聚,孕育了高原明珠——洱海。这十九峰十八溪,不仅构成了苍山独特多姿的景观......</p> </div> <a href="cangshan.html" class="button_a" target="_blank"><button class="content_article_bottom_btn" >发现更多</button></a> </div> <div class="content_article_bottom col-md-6"> <div style="overflow: hidden;"><img src="img/20.jpg" class="img-responsive" alt="Responsive image"></div> <span>寻找 “原味的浙江”</span> <div class="content_article_bottom_title"> <h3>彝族 “火把节”</h3> </div> <div class="content_article_bottom_content"> <p>浙江的彝族、白族、纳西族、哈尼族、傈僳族、拉祜族、普米族等少数民族都有共同的节日--火把节。彝族火把节人数最多、规模最大、知名度最高。同时也是彝族人民最隆重的节日。 火把节的内容程序是:白天人们饮酒祝贺节日并进行摔跤、斗牛活动。武定县、禄劝告县等地的彝族还开展射箭、赛马、打秋千等活动。到了晚上日落夜黑......</p> </div> <a href="huobajie.html" class="button_a" target="_blank"><button class="content_article_bottom_btn" >发现更多</button></a> </div> </div> </div> </div> </div> </section> <div style:"clear:both;"></div> <!--页脚信息--关于我们--> <footer id="about_us"> <div class="fixed_bg bg_3 footer_padding"> <div class="footnote container"> <div class="footnote_title"> <div class="row footnote_title_content"> <div class="col-md-2 col-title "> <span></span><span></span><span></span><span></span> </div> <div class="col-md-8"> <form id="subForm" class="letter" method="post" action=""> <input type="text" class="form-control" placeholder="Your e-mail address" > <span class="letter_btn"> <button class="letter_query">确认发送</button> </span> </form> </div> </div> </div> <div class="footnote_about"> <div class="row"> <div class="col-md-5"> <div class="footnote_about_center_r"> <p>All right reserved © 2017 "发现大理"</p><p>隐私保护</p><p></p><p>本网站最终解释权归本团队所有</p> </div> </div> </div> </div> </div> </div> </footer> <!--页脚信息--关于我们--> <!--返回顶部组件--> <div class="scrollSite"> <a href="javascript:void(0)" class="scrollSite_btn"></a> </div> <!--返回顶部组件--> <!--进入页面全屏播放视频--> <div id="video_mask"></div> <div id="default_video"> <div class="overhid"> <div class="embed-responsive embed-responsive-16by9 " style="opacity: 0.8;"> <video controls autoplay="autoplay" preload="metadata" poster="img/opacity.png" id="mask_play"> <source src="video/open_video.mp4" type='video/mp4'> </video> </div> </div> </div> <!--进入页面全屏播放视频--></body> <script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <script type="text/javascript" src="js/base.js"></script> <script type="text/javascript" src="js/index.js"></script></html>

学的反而越迷茫了

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

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

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

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


学习更多

关注我 | 点赞博文 | 每天带你涨知识 相关问题可以相互学习,可关注↓公Z号





在这里插入图片描述


关键词:设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭