admin管理员组

文章数量:1568683

HTML5期末大作业：小说网页设计——在线阅读7页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

 HTML+CSS+JavaScript（毕业设计）
常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, 可满足大学生网页大作业和毕业网页设计需求!

临近期末, 很多同学苦于没有参考的资料，或者下载的资料不全、代码有问题、数据有问题等等,造成一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
作品介绍

1.用 HTML 结构标记（或 div 标记）+CSS 进行布局定位（如在 1024×768下全屏显示无横向滚动条）。

2.作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网站页面标题、创意设计制作的 Logo 图标和 Banner 广告符合网站主题。 

4.首页栏目数量不少于 3 个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。

5.网站内容具有原创性，内容充实，特效且运用合理。

6.网站整体色系符合视觉习惯，布局合理美观，结构层次清楚，目录结构清晰，文件及文件夹命名规范。

一、作品展示

 

 

 

 

 

 

 

二、文件目录

 

三、代码实现

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>作业</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="img/icon.png">
</head>

<body>
    <div >
        <!--导航条-->
        <header>
            <div>
                <!--LOGO-->
                <div >
                    <a href="index.html"><img src="img/logo.png" alt="LOGO"></a>
                </div>
                <!--导航-->
                <nav>
                    <ul>
                        <li ><a href="index.html">主页</a></li>
                        <li><a href="index.html#index">导航</a></li>
                        <li><a href="index.html#page-one">畅销推荐</a></li>
                        <li><a href="index.html#page-two">国风中文网</a></li>
                    </ul>
                    <!--注册/登录-->
                    <ul >
                        <li><a href="register.html">注册</a></li>
                        <li><a href="login.html">登录</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <div >
            <div >
                <header>
                    <div ><a href="/">XXX阅读</a></div>
                    <div >
                        <form>
                            <label>
                                <input type="text" name="key" value="鹤唳华亭">
                            </label>
                        </form>
                    </div>
                    <div >
                        <a href="bookshelf.html">我的书架</a>
                    </div>
                </header>
                <aside >
                    <div >
                        <div >
                            <h3 >国风中文网<i style="display: block;"></i></h3>
                            <p>
                                <a  href="###" data-model="index" data-opration="man">都市生活</a>
                                <a  href="###" data-model="index" data-opration="man">历史传奇</a>
                                <a  href="###" data-model="index" data-opration="man">玄幻仙侠</a>
                            </p>
                            <p>
                                <a href="###" data-model="index" data-opration="man">悬疑探险</a>
                                <a href="###" data-model="index" data-opration="man">科幻奇幻</a>
                                <a  href="###" data-model="index" data-opration="man">短篇小说</a>
                            </p>
                        </div>
                        <div  style="display: none;">
                            <p >
                                <a href="###" data-model="index" data-opration="man">军事谍战</a>
                                <a  href="###" data-model="index" data-opration="man">同人网游</a>
                            </p>
                        </div>
                    </div>
                    <div >
                        <div >
                            <h3>采薇书院<i style="display: block;"></i></h3>
                            <p>
                                <a href="###" data-model="index" data-opration="woman">浪漫青春</a>
                                <a  href="###" data-model="index" data-opration="woman">都市言情</a>
                                <a  href="###" data-model="index" data-opration="woman">古风古韵</a>
                            </p>
                            <p>
                                <a href="###" data-model="index" data-opration="woman">穿越架空</a>
                                <a  href="###" data-model="index" data-opration="woman">宫斗宅斗</a>
                                <a  href="###" data-model="index" data-opration="woman">种田重生</a>
                            </p>
                        </div>
                        <div  style="display: none;">
                            <p >
                                <a href="###" data-model="index" data-opration="woman">短篇美文</a>
                                <a href="###" data-model="index" data-opration="woman">仙侠幻情</a>
                                <a  href="###" data-model="index" data-opration="woman">同人网游</a>
                            </p>
                        </div>
                    </div>
                    <div >
                        <div >
                            <h3>图书<i style="display: block;"></i></h3>

本文标签： 作业网页设计在线阅读质量好期末

版权声明：本文标题：HTML5期末大作业：小说网页设计——在线阅读7页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1727641914a1123353.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。