web前端期末大作业：青岛旅游网页主题网站设计——青岛民俗4页 HTML+CSS 民俗网页设计与制作 web网页设计实例作业 html实训大作业-CSDN博客

本文链接：https://blog.csdn.net/p305114466/article/details/126822403

👨‍🎓静态网站的编写主要是用 HTML DⅣV+ CSSJS等来完成页面的排版设计👩‍🎓，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。

网页题目👨‍🎓

🚀 旅游景点介绍、旅游风景区、家乡介绍、等网站的设计与制作。

网页描述✍️

旅游景点介绍、旅游风景区是一个介绍简介、行政区划、地理环境、自然环境、教育事业、体育事业、旅游景点、城市荣誉等等。网站集中主要展示了的地方风土人情，并通过访客留言，增加游客的互动体验。同时，地方旅游网站里的每一个网页都采用了统一的设计风格，以加强城市整体面貌统一的宣传效果。最重要的是做出旅游网站独特的风格，更能吸引浏览者的眼球。

网站效果🌐

网站设计制作的重点是对网页整体设计的布局和对网页整体内容的选题。
网站设计方面：计划实现简洁大气的网页设计效果。
网站功能方面：计划实现各个页面之间的链接跳转功能、鼠标悬停在文字上的变色功能、简单的首页动态图片切换功能、简单的表单提交功能。

在这里插入图片描述

HTML结构代码🧱



<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/css.css"  rel="stylesheet" type="text/css" />
<link href="css/lb.css"  rel="stylesheet" type="text/css" />
<body>
<div>
  <div style="width:960px; height:280px; margin:10px auto;">
    <div id="focus">
      <ul>
        <li><a href="#" target="_blank"><img src="images/01.jpg"  width="960" /></a></li>
        
      </ul>
    </div>
  </div>
  <div class="mw">青岛民俗</div>
  <div id="main">
    <div id="main_im">
      <div class="nav"><a href="index.html" >首页</a><a href="jing.html" >服饰</a><a href="ju.html" >饮食</a><a href="fengjing.html" >居住</a></div>
      <p class="i_p">青岛是一个现代化的城市，但也在向世界展示着地方民俗特色文化。地方民俗勾勒并凸显了青岛一地文化中的城市特色，而青岛能够为世界留下深刻记忆的，也正是囊括了民间传统文化在内的城市特色人文风貌。能够反映青岛一地人文风貌的，远不止于五花八门的传统民间工艺与民间小吃，还有近百年来青岛民间居住形式的里院建筑；具有浓郁地方特色的戏剧茂腔、柳腔；以妈祖为代表的沿海民间民俗信仰及各种民族文化节等。<br />

青岛民俗作为集历史文化旅游、民俗风情旅游、休闲度假旅游、趣味娱乐旅游和生态环境旅游于一体的主题文化公园，突出体现了观赏性、知识性、娱乐性、参与性和情趣性等特点。   </p>
      <div class="center ">
<img src="images/t1.jpg" width="700" height="400"/>      </div>
      <p class="i_p">服饰民俗是指人们在服装、鞋帽、佩戴、装饰方面的风俗习惯。服饰和饮食一样，是每个人都离不开的。<br />
        时代、气候以至人的地位、职业、性别、年龄都对服饰有着直接的影响，所以服饰民俗也有着十分广泛的内容。人们为了适应季节变化，制作出了单衣、夹衣、棉衣、皮衣等各类服装；为了装饰和美化生活，按照不同性别、年龄，创造了各个时期不同的发型、首饰和佩戴方式；为了区别不同的职业分工，又出现了样式各异的职业服装，使人们可以明显地看出穿着者的身份和职业。<br />
        生活水平的高低对服饰民俗起着举足轻重的作用。旧时，青岛地区农民大都一年只有两套服装（一套单衣和一套棉衣），还要&quot;新三年，旧三年，缝缝补补又三年&quot;，这并不是为了节俭，而是贫穷所致。穿衣只是为了遮蔽身体、抵御风寒，根本谈不上装饰和审美功能。50年代以后农民开始穿针织或细布内衣，服装布料不断更新。改革开放以后，随着人们生活水平的提高，各类款式的服装争奇斗艳，人们的服饰再不是单纯为了蔽体御寒，而更多的则是为了美化生活而从款式、用料、色彩等多方面进行选择和穿戴。<br />
        帽子 辛亥革命前，男子多戴瓜皮帽，俗称&quot;半帽&quot;或&quot;瓜皮子&quot;，因其形状象半个西瓜而得名。瓜皮帽是用上尖下宽的多块绸布做成，用琉璃蛋或绒布结为顶饰（叫&quot;帽葫芦&quot;）。红色顶饰为青年人所戴；中老年戴的顶饰为蓝色；家中遇有丧事，则顶饰用白布包住。<br />
      毡帽，又称&quot;毡帽头&quot;，农民和商贩多在天冷时戴用。帽分左、右、后3块，翻上去是一圆形帽头，折下来可盖住面颊和后颈，多为褐色。</p>
      <p class="i_p"></p>
</div>
  </div>
  <div id="foot"></div>
</div>
</body>
</html>