«Это мое текстовое задание, в котором содержится больше подробностей о событии 4 ноября, см.:Вызов последнего обновления 2021 г."
Приближается конец семестра, а вы все еще разрабатываете финальное домашнее задание для веб-страниц в формате HTML. Чувствуете себя перегруженными требованиями учителя? Запрошено слишком много страниц? Веб-домашнее задание HTML не может начаться? Нет подходящего шаблона? Дождитесь серии вопросов. Проблема, которую вы хотите решить, общие темы заданий веб-дизайна здесь: личные, еда, компания, спорт, косметика, логистика, защита окружающей среды, книги, свадебное платье, военные, игры, фестивали, отказ от курения, кино, школа фотографии, путешествия , электронная коммерция, домашние животные, электроприборы, чай, мебель для дома, отели, танцы, анимация, звезды, одежда, культура, родной город, цветы, подарки, автомобили и другие темы веб-дизайна, задания уровня A+, которые могут соответствовать Интернету потребности студентов в дизайне. Удовлетворение ваших потребностей. Оригинальный HTML + CSS + JS дизайн страницы, исходный код домашней работы веб-студента веб-колледжа, это хорошее создание веб-страницы блога о киберспорте, экран умный, очень подходит для начинающих, чтобы учиться и использовать.
Окончательная работа веб-интерфейса - адаптивный веб-дизайн свадебной компании.mp4
Скриншот реализации веб-страницы:
Профиль компании:
преимущество компании:
Место свадьбы:
Случай клиента:
Список альбомов:
сервисная команда:
Популярные мероприятия:
Организационная структура проекта:
Отображение основного исходного кода:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Html+css+javaScript响应式婚庆布置公司网页设计</title>
</head>
<body>
<div class="nav_div">
<div class="container">
<a href="index.html" class="logo"><img src="images/logo.pngalt="" /></a>
<nav class="nav">
<ul class="ul1">
<li class="li1"><a href="about.html">关于我们</a>
<ul>
<li><a href="about.html">公司简介</a></li>
<li><a href="about_ys.html">公司优势</a></li>
<li><a href="about_wh.html">企业文化</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</li>
<li class="li2"><a href="hunyan.html">婚宴场馆</a>
<ul>
<li><a href="hunyan.html">闵行店</a></li>
<li><a href="hunyan.html">普陀店</a></li>
<li><a href="hunyan.html">长宁店</a></li>
<li><a href="hunyan.html">虹口店</a></li>
<li><a href="hunyan.html">静安店</a></li>
<li><a href="hunyan.html">徐汇店</a></li>
</ul>
</li>
<li class="li3"><a href="case.html">客户案例</a>
<ul>
<li><a href="case.html">草坪婚礼</a></li>
<li><a href="case.html">主题婚礼</a></li>
<li><a href="case.html">西式婚礼</a></li>
<li><a href="case.html">中式婚礼</a></li>
<li><a href="case.html">创意婚礼</a></li>
<li><a href="case.html">浪漫婚礼</a> </li>
</ul>
</li>
<li class="li4"><a href="fuwu.html">服务团队 </a>
<ul>
<li><a href="fuwu.html">策划师</a></li>
<li><a href="fuwu.html">婚礼司仪</a></li>
<li><a href="fuwu.html">化妆师</a></li>
<li><a href="fuwu.html">摄影师</a></li>
</ul>
</li>
<li class="li5"><a href="news.html"> 热门活动</a>
<ul>
<li><a href="news.html">热门优惠 </a></li>
<li><a href="news.html">限时团购 </a></li>
<li><a href="news.html">热点新闻</a> </li>
</ul>
</li>
</ul>
</nav>
<a href="#mmenu" class="phone-nav"><i class="fa fa-list"></i></a>
</div>
<div class="clear"></div>
</div>
</header>
<!--banner start-->
<section class="banner">
<div><a href="index.html"><img src="images/banner1.png" alt=""></a></div>
<div><a href="index.html"><img src="images/banner1.png" alt=""></a></div>
<div><a href="index.html"><img src="images/banner1.png" alt=""></a></div>
</section>
<section class="banner_x">
<div><a href="index.html"><img src="images/banner_x1.png" alt=""></a></div>
<div><a href="index.html"><img src="images/banner_x1.png" alt=""></a></div>
<div><a href="index.html"><img src="images/banner_x1.png" alt=""></a>
</div>
</body>
</html>
style.css
* {
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix {
overflow: hidden;
_zoom: 1;
}
.clear {
height: 0px;
clear: both;
}
body {
font-family: "微软雅黑";
min-width: 320px;
margin: 0px;
padding: 0px;
background: #fff;
overflow-x: hidden;
}
ul {
padding: 0px;
margin: 0px;
}
ul li {
list-style: none;
}
/*-header-*/
.phone-nav {
position: absolute;
font-size: 24px;
display: none;
color: #000;
right: 15px;
margin-top: 28px;
font-size: 30px;
z-index: 9;
}
.phone-nav:hover {
color: #000;
}
Работы собраны из интернета, нарушение сразу удаляется.
КаждыйНравится, Избранное, Следите, КомментируйтеЛа
Обновление статьи о пунше93/ 100 дней