📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）📜html文件包含：其中index.html是首页、其他html为二级页面；
（2）📑 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📄 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

三、🔗网站效果

▶️1.视频演示

R07JP-小说书籍网站带首页psd（6页）

🧩 2.图片演示

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_html

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_javascript_02

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_html静态网页作业_03

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_javascript_04

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_css_05

大学生在线书籍网站二手交易书籍网站制作网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品_html静态网页作业_06

四、💒 网站代码

🧱HTML结构代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>书城小说阅读</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!----网站头部开始---->
<div class="top">
<div class="logo"><img src="images/logo.png" /></div>
<div id="sousuo">
        <input type="text" name="search">
        <div id="search"></div> 
</div>
<div class="denl">
<ul>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
</ul>
</div>
</div>
<!----导航开始---->
<div id="nav">
<ul>
<li><a class="hos" href="index.html">网站首页</a></li>
<li><a href="remen.html">热门小说</a></li>
<li><a href="tuijian.html">推荐小说</a></li>
<li><a href="paihang.html">小说排行榜</a></li>
</ul>
</div>
<!----box1开始---->
<div class="box1">
<div class="box1-left"><img src="images/banner.jpg" /></div>
<div class="box1-right">
<ul>
<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>
<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>
<!----box2开始---->
<div class="box2">
<div class="title" ><a href="remen.html">阅读热门小说</a></div>
<div class="box-ner">
<ul>
<li><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
<li><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
<li class="mar0"><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
<li><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
<li><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
<li class="mar0"><a href="zhangjie.html"><img src="images/img01.jpg" /><h1>圣墟</h1><h2>做着：辰东</h2><p>在破败中崛起，在寂灭中复苏。 沧海成尘，雷电枯竭，那一缕幽雾又一次临近大</p></a></li>
</ul>
</div>
</div>
<!----box3开始---->
<div class="box3">
<div class="title" ><a href="tuijian.html">最新入库推荐小说</a></div>
<div class="box3-ner">
<ul>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说</h1></li>
<li><img src="images/img02.jpg" /><h1>龙王传说2</h1></li>
</ul>
</div>
</div>
<!----box4开始---->
<div class="box4" id="paihang" name="paihang" >
<div class="box4-bx">
<div class="title"><a href="paihang.html">人气榜</a></div>
<ul>
<li><a href="zhangjie.html"><span class="color1">1</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color2">2</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color3">3</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>4</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>5</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>6</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>7</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>8</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>9</span>天价宝贝：101次枕边书</a></li>
</ul>
</div>
<div class="box4-bx">
<div class="title"><a href="paihang.html">女生榜</a></div>
<ul>
<li><a href="zhangjie.html"><span class="color1">1</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color2">2</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color3">3</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>4</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>5</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>6</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>7</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>8</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>9</span>天价宝贝：101次枕边书</a></li>
</ul>
</div>
<div class="box4-bx">
<div class="title"><a href="paihang.html">男生榜</a></div>
<ul>
<li><a href="zhangjie.html"><span class="color1">1</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color2">2</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span class="color3">3</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>4</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>5</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>6</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>7</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>8</span>天价宝贝：101次枕边书</a></li>
<li><a href="zhangjie.html"><span>9</span>天价宝贝：101次枕边书</a></li>
</ul>
</div>

</div>
<div class="foot">版权所有 @ 书城小说阅读</div>

</body>

</html>