div+css静态网页设计——布卡漫画官网(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w学生原创课程设计漫画设计制作大作业成品免费下载

最新推荐文章于 2024-04-08 17:40:42 发布

优质内容贡献

最新推荐文章于 2024-04-08 17:40:42 发布

阅读量196

点赞数

分类专栏： html网页设计作业 HTML5期末大作业学生div+css静态网页设计成品文章标签： css javascript html 动漫影视

本文链接：https://blog.csdn.net/qq_524614081/article/details/122342610

版权

学生div+css静态网页设计成品同时被 3 个专栏收录

602 篇文章

订阅专栏

html网页设计作业

547 篇文章

订阅专栏

HTML5期末大作业

281 篇文章

订阅专栏

HTML5期末大作业：漫画网站设计——布卡漫画官网(4页) HTML+CSS+JavaScript

文章目录

HTML5期末大作业：漫画网站设计——布卡漫画官网(4页) HTML+CSS+JavaScript
一、作品展示
二、文件目录
三、代码实现
四、学习资料

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/module.css">
</head>
<body>
<!--头部部分logo开始-->
<div class="top">
    <div class="w top_logo">
        <h1><a href="#">布卡漫画</a></h1>
    </div>
</div>
<!--头部部分logo结束-->
<!--头部导航栏部分开始-->
<div class="top_nav w">
    <div class="nav">
        <ul class="fl">
            <li><a href="#">首页</a></li>
            <li><a href="#">分类</a></li>
            <li><a href="#">用户中心</a></li>
            <li><a href="#">充值中心</a></li>
            <li><a href="#">客服中心</a></li>
        </ul>
    </div>
    <div class="search fr">
        <div class="search_box fl">
            <button class="btn"></button>
            <input type="text" placeholder="请输入漫画名/作者">
        </div>
        <div class="mail fr" title="布卡投稿平台">
            <span><img src="../img/mail.png" alt=""></span>
            我要投稿
        </div>
    </div>
</div>
<!--头部导航栏部分结束-->
<!--底部部分开始-->
<div class="bottom w">
    <ul >
        <li class="address">
            <span class="fl"><img src="../img/addr.png"></span>
            <div class="address_text fl">
                <p>珠海布卡科技有限公司</p>
                <p>地址: 珠海市香洲区夏美路161号(南厦丰泽园)2栋二层商铺234C</p>
            </div>
        </li>
        <li class="email">
            <span class="fl"><img src="../img/email.png"></span>
            <div class="info_text fl">
                <p>客服: <a href="#">services@buka.cn</a></p>
                <p>投稿: <a href="#">td.sosobook.cn</a></p>
                <p>合作: <a href="#">bd@buka.cn</a></p>
            </div>
        </li>
        <li class="phone">
            <span class="fl"><img src="../img/phone.png"></span>
            <div class="info_text fl">
                <p>电话:</p>
                <p>0756-3360306</p>
            </div>
        </li>
        <li class="ICP">
            <span  class="fl">
                <img src="../img/global.png">
                <img src="../img/wenwangwenicon.png">
            </span>
            <div class="info_text fl">
                <p>ICP备案号:粤ICP备15028491号-1</p>
                <p>网络文化经营许可证:粤网文[2015]2094-438号</p>
            </div>
        </li>
        <li class="tip">
            <img src="../img/bkn.png">
            <img src="../img/tip.png">
        </li>
    </ul>

</div>
<!--底部部分结束-->
</body>
</html>