在线书城网站的基础设计

最新推荐文章于 2023-01-30 20:53:36 发布

橘橘子375

最新推荐文章于 2023-01-30 20:53:36 发布

阅读量1.5k

点赞数 1

文章标签： html php

本文链接：https://blog.csdn.net/qq_52756999/article/details/124769579

版权

在线书城网站的基础设计主页截图：在这里插入图片描述
最近一段时间和朋友一起完成了毕业设计，我们专业作为相对来说较为偏理论的专业来说，我们的毕业论文主要是写毕业论文，最后想要总结一下我们所学的各种知识，和朋友商量做了毕业设计。在这里，想跟我的朋友说声谢谢，本网站的大多数实现功能都是朋友完成的，具体网站的功能还有待实现，网站运行期间也存在一定的问题，但是总体来说我们的网站功能已经相对较为完善。
本网站主要参考小米官网的制作，首页排版主要是根据小米官方网站进行改变完成的，首页板块我们主要是通过超链接进行个子网页与主网页之间的跳转，同时通过类选择器class进行处理。该板块没有把所有的子网页进行完善，只是将基础的板块进行了整理，其中青春励志板块主要是通过html进行网页的直接编写，而在浏览更多页面我们则是直接将图书的详情连接到数据库，点击后出现的图书详情是直接通过数据库进行展示的。首页的代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书笺小驿</title>
    <link rel="stylesheet" href="main.css" type="text/css"/>
</head>
<body>
    <!--导航栏-->
        <div class="nav">
        <div class="navSize">
        <div class="height">
        <div class="fl">
        </div>
			<div class='fr'>
				<a href = 'denglu/login.php' class='navC'>
					登录
				</a>
				<span class='naC'>|</span>
				<a href='zhuce/register.php' class='navC'>注册</a>
				<span class='naC'>|</span>
				<a href='#' class='navC' style='margin-right: 20px'>消息通知</a>
				<div class="shopping fr" >
				  <a href='gouwuche/gouwuche.php' class='navC shopping'><span class='iconfont'></span>购物车（0）</a>
					<div id='shop'>购物车中还没有商品，赶紧选购吧！</div>
				</div>
			</div>
        </div>
        </div>
        </div>
    <!--logo-->
        <div class="seach">
        <div class="seachSize">
            <div class="logo fl"><a href="#"><img src="images/logo.png" width="88" height="60"></a></div>
        <div class="logotext fl">
            <a href="xiangqing.html" class="textStyle">购书卡</a>
            <a href="xiangqing.html" class="textStyle">优惠券</a>
            <a href="xiangqing.html" class="textStyle">热卖榜</a>
            <a href="xiangqing.html" class="textStyle">畅销榜</a>
            <a href="xiangqing.html" class="textStyle">新书上新</a>
            <a href="xiangqing.html" class="textStyle">儿童绘本</a>
            <a href="xiangqing.html" class="textStyle">生活艺术</a>
            <a href="xiangqing.html" class="textStyle">乐享服务</a>
            <a href="xiangqing.html" class="textStyle">可话社区</a>
        </div>
            <div>
                <form class="Sslyte">
                    <input type="text"  placeholder="  橘子不是唯一的水果" class="input">
                        <button class="iconfont btm"><span></span></button>
                </form>
        </div>
        </div>
        </div>  
        <!--内容栏-->
<div class="Cen">
    <div class="centerSize">
        <div class="CenPic fr">
          <img src=&#

最低0.47元/天解锁文章

橘橘子375

关注

1
点赞
踩
19

收藏

觉得还不错? 一键收藏
1
评论
在线书城网站的基础设计

在线书城网站的基础设计主页截图：最近一段时间和朋友一起完成了毕业设计，我们专业作为相对来说较为偏理论的专业来说，我们的毕业论文主要是写毕业论文，最后想要总结一下我们所学的各种知识，和朋友商量做了毕业设计。在这里，想跟我的朋友说声谢谢，本网站的大多数实现功能都是朋友完成的，具体网站的功能还有待实现，网站运行期间也存在一定的问题，但是总体来说我们的网站功能已经相对较为完善。本网站主要参考小米官网的制作，首页排版主要是根据小米官方网站进行改变完成的，首页板块我们主要是通过超链接进行个子网页与主网页之间的跳转，
复制链接

扫一扫