django零基础项目实战-单位同事合乘的网页开发母版

最新推荐文章于 2022-10-30 23:25:53 发布
最新推荐文章于 2022-10-30 23:25:53 发布
阅读量149 收藏
点赞数
分类专栏： 单位同事合乘项目开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47560260/article/details/108471707
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding:0;

        }
        a{
            text-decoration:none;
        }
        body{
            font-size:12px;
        }
       .head-box{
            background-color:blue;
            height:44px;
            width:100%;
            position:fixed;
            top:0;
            left:0;

       }
       .head-content{
            margin:0 auto;
            width:1016px;
            height:44px;
            background-color:blue;
            line-height:44px;
            position:relative;
       }
        .logo{
            background:url("/static/nxd3.jpg") no-repeat 0 0;
            height:44px;
            width:231px;
            float:left;
            margin-top:0px;<!--调顶端位置-->
       }
        .action-menu:{
            float:left;
            margin-left:20px;m
        }
        .action-menu a.tb{
            color:#c0cddf;
            magin-left:-8px;
            padding:0 13px 0 13px;
            display=inline-block;

        }
        .action-menu a.tb:hover{
            color:#fff;

        }
        .action{
            color:#fff;
            background-color:#204982;
        }
        .key-search{

            float:right;
            margin-right:20px;
        }
        .key-search .search-txt,.key-search a.i{
            float:left
            margin-top:7px:
        }
        .key-search .search-txt{
            width:91px;
            height:25px;
            color:black;
            padding:2px 2px 2px 5px;
        }
        .ico{
            background:url("/static/31.png") no-repeat 0 ;
            height:31px;
            width:31px;
            float:right;
            background-color:#f4f4f4;
            display:inline-block;
            margin-top:7px
        }
<!--        .key-search a.i{-->
<!--            height:44px;-->
<!--            width:44px;-->
<!--            background-color:white;-->
<!--            display:inline-block;-->
<!--        }-->
            .action-nav{
                position:absolute;
                right:-120px;
            }
            .action-nav a{
                color:#fff;
                padding:0 10px;
                display:inline-block;
            }
            .action-nav a:hover{
                color:#fff;
                 background-color:#204982;
            }

            .main-content-box{
                background-color:#edeede;
                width:100%;
                padding-top:44px;
                height:auto!important;

            }
            .main-content{
                margin:0 auto;
                background-color:white;
                width:960px;
                height:auto!important;
                overflow:hidden;
                min-height:700px;
                padding:6px 28px 60px 28px;
            }
            .content-L{

                width:100%;
                min-height:850px

            }
            .child-nav, .sort-nav, .publish-btn{
                float:left;
                padding:10px;
            }
            .top-area{
                overflow:hidden;
                border-bottom:1px solid red;
            }
            .child-nav .active{
                background:url() no-repeat 0 -200px;
                display:inline-block;
                width:60px;
                height:24px;
                line-height:26px;
                text-align:center;
            }
            .child-nav a{
              display:inline-block;
              width:60px;
              height:26px;
              line-height:26px;
              text-align:center;
              color:#369;
              font-weight:700;
              margin-top:3px;
            }
            .sort-nav{
                margin-left:144px;
                margin-top:10px;
            }
            .sort-nav .active{
                color:#b4b4b4;
            }
            .sort-nav a{
                margin-left:10px;
                color:darkgreen;
            }
            .publish-btn{
                display:inline-block;
                background-color:#84a42b;
                width:80px;
                height:18px;
                color:#fff;
                text-align:center;
                line-height:18px;
            }



            .content-list .item{
                border-top:1px solid red;
                margin-top:0px;
                height:auto;
                min-height:300px
            }
            .item .news-pic{
                float:left;
                margin-top:10px;
            }
            .part2{
                padding-top:6px;
                margin-bottom:12px;
            }

            .touxian{
                   font-family:"宋体";
                   font-size:19px;
                   font-style:italic;
                   font-weight:normal;
                   margin-top:10px;
                   color:black;
            }
            .page-area ul li {
              display:inline-block;
              float:left;
              color:#369;
              height:34px;
              line-height:34px;
              text-align:center;
              width:34px;
              border:1px solid #e1e1e1;
              border-radius:20%;
              margin-left:3px;
            }
            .dig_lcpage{
                margin-left:10px;
            }
            .ct_page_edge{
                width:70px;
                display:inline-block;
                 float:left;
                 color:#369;
                 height:34px;
                 line-height:34px;
                 text-align:center;
                 border:1px solid #e1e1e1;
                 border-radius:20%;
                 margin-left:3px;
            }
            .page-area ul li:hover, .ct_page_edge:hover{
                background-color:gray;
                color:#fff;
            }
            .footer-box{
                background-color:#fff;
            }
            .footer-box .foot-nav{
                padding-top:15px;
                text-align:center;
                border-top:1px solid #ccdcef;
                position:relative;
            }
            .footer-box .foot-nav2{
                text-align:center;
            }
            .footer-box{
                background-color:#fff;
                clear:both;
            }

            .web{
                 margin-top:20px;
                 margin-left:300px;
                 width:100%
                 height:300px;
                 text-align:center;
                 font-size:18px;

            }
            {% block css %}
            {% endblock %}
    </style>
</head>
<body>

<div class="head-box">
    <div class="head-content" >
        <div class="action-nav">
                <a href="#" class="register-btn">注册</a>
                <a href="#" class="login-btn">登录</a>
         </div>
        <a href="#" class="logo"></a>
        <div class="action-menu">
            <a href="/home/" class="tb" id="homepage_html">首页</a>
            <a href="/introduce/" class="tb">公司简介</a>
            <a href="/core/" class="tb">核心技术</a>
            <a href="/backdrop/" class="tb">产业背景</a>
            <a href="/team/" class="tb">团队介绍</a>
            <div class="key-search">
                <form action="/" method="post">
                <input type="text" class="search-txt" autocomplete="off">
                <a href="#" class="i" >
                    <span class="ico">
                    </span>
                </a>
            </form>

            </div>

        </div>


    </div>


</div>

<div class="main-content-box" >

    <div class="main-content" >
        <div class="content-L">

            <div class="content-list">
                {% block content %}

                {% endblock content %}


            </div>

        </div>
        <div class="footer-box" >
        <div class="foot-nav" >
            <a href="#" target="_blank">关于我们</a>
            <span>|</span>
            <a href="#" target="_blank">联系我们</a>
            <span>|</span>
            <a href="#" target="_blank">服务条款</a>
            <span>|</span>
            <a href="#" target="_blank">隐私政策</a>
            <span>|</span>
            <a href="#" target="_blank">下载客户端</a>
            <span>|</span>
            <a href="#" target="_blank">意见与反馈</a>
            <span>|</span>
            <a href="#" target="_blank">公告</a>
            <span>|</span>
        </div>
        <div  class="foot-nav2">
            <span class="foot_d">旗下站点</span>
            <span class="foot_d">@670134406@qq.com</span>
            <a targe="_blank" href="#" class="foot_b">京ICP备11111111号 京公网安备 1111111</a>
            <div style="margin-top:6px;">版权所有：江苏xxxx公司 </div>

        </div>

    </div>
    </div>



</div>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
{% block js %}
{% endblock js %}
</body>
</html>
飞翔的武璐璐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css移动端页面单位,移动端web开发PX单位问题
weixin_42412396的博客
08-04 976
在页面开发过程中，对于设计给的设计稿，一般的PC页面开发的时候，很简单，使用px为单位，给多少px就标注多少。但是到了移动端的web开发，一般标注的单位是dp，这对于css里面px单位就需要转换一下了，这边简单说明一下相关点。几个概念设备像素设备像素，也叫物理像素，先来看看很多资料上面的描述它是物理概念，指的是设备中使用的物理像素(Physic pixel)。这个单位用px表示，它是一个[相对绝对...
django-使用python+django开发的博客应用-项目实战.zip
最新发布
01-27
在本项目实战中，我们将深入探讨如何使用Python与Django框架构建一个功能完善的博客应用程序。Django是一个高级的、免费的开源Web框架，遵循模型-视图-控制器（MVC）设计模式，专为快速开发安全且可维护的网站而设计...
网页开发中的单位
weixin_30379973的博客
05-03 125
em会继承父级元素字体的大小 ie的部分浏览器并不支持em rem会继承根元素的字体大小 根元素html默认为16px html{font-size:62.5%} 例子 1rem=10px 转载于:https://www.cnblogs.com/yigexiaojiangshi/p/6802550.html...
网页开发的尺寸单位 px，百分比，em，rem
TXW6666的博客
11-10 2750
网页开发的尺寸单位 平时写pc端页面时，一般是px作为单位，遇到一些比较复杂的需要定位的也会夹杂使用百分比;但是在移动端时候px很容易布局就会乱，如果使用的是相对单位比如 em，rem 下面就说他们之间的区别 单位与区别： px：像素，相对于屏幕分辨率而言的，简单来说就是平时我们写静态页面时用px作单位，但是在firefox/chrome会发现我们的布局发生了变化； 百分比：这比较适合块状的页面设计，但是他相对于不同屏幕而言的，比如经常在写移动端的时候也会用到 em：是相对长度单位，相对于父级元
django零基础项目实战-单位同事合乘的网页开发(一)
weixin_47560260的博客
09-08 179
学习django一个月左右，视频看了不少，手上的活儿没长进 今天开始以练带学，废话不多说 因为后续会研究单位同事的合乘出行，开发网页的主要目的或者说是需求： 1.介绍同事合乘的业务、团队发展等； 2.网页是沟通开发者和需求者的渠道，通过渠道来获取客户的数据，从而交互； （我是初学者，写这个主要是记录一下学习过程，同时督促一下自己学习，不要喷我垃圾，谢谢。。。。。。） ===========================================================..
django零基础项目实战-单位同事合乘的网页开发(二)
weixin_47560260的博客
09-08 85
白天写了主要的思路和主页的编辑渲染，晚上把后续的主页内容完成。 首先是公司介绍 然后是技术介绍 然后是产业背景，这部分偷懒了 最后是团队介绍 有个人图片就不发了 ========================================================================================== 下一期的任务主要是登录界面的布局以及身份的验证还有一些数据库的操作 因为之前学的比较零碎 明天会再查资料整合 ...
Python Django Web典型模块开发实战_用Django REST framework实现豆瓣API应用项目.pdf
12-25
**Python Django Web典型模块开发实战** - 这个主题涵盖了使用Python的Django框架进行Web应用开发的实践项目。Django是一个高级的Python Web框架，它鼓励快速开发和干净、实用的设计。通过使用Django，开发者可以...
Django项目开发实战
06-30
 《Django项目开发实战》从构建一个Django开发项目到部署应用实践，由浅入深，引领学员逐步掌握各项技能  课程内容涵盖  Django项目环境和模型准备  Django主页和后台实现  Blog项目详情页实现  页面优化  ...
Python项目开发Django实战-多用户内容发布系统-编程案例解析实例详解课程教程.pdf
04-28
【Python项目开发Django实战-多用户内容发布系统】是一个编程教程，旨在引导读者通过实践构建一个多用户内容发布系统，采用Python的Django框架。Django是一个强大的Web开发框架，以其高效、安全和易于上手的特点深受...
Python Django Web典型模块开发实战_用Django设计大型电商的类别表_编程项目案例实例详解课程教程.pdf
06-16
Python Django Web典型模块开发实战_用Django设计大型电商的类别表_编程项目案例实例详解课程教程.pdf
智睿政府企事业单位内容网站管理系统 v2.3.2版
03-17
智睿政府网站系统: 定位政府机关单位开发，政府机关的对外窗口，建立政府门户网站为政府电子政务对外服务窗口和发展，有利于各种信息和资源的整合，为政府与社会公众之间加强联系和沟通的有效载体。智睿政府网站管理系统针增强了对性和易用性,适合政府，机关，市县区级各政府使用。 网站简介 网站首页-预设政务要闻网上办事政务公开城市风光资源下载联系我们网上问政 政府概况-南都概况，自然资源，南都历史，南都美誉，行政区划 政务新闻-政府通告，政府会议，政府新闻，领导活动 网上办事-个人办事，企业办事，政务机关 资源下载-教学日常、优秀课件、优秀教案、办公软件 政务公开-城市美景，城市规划，城市名人 视频新闻-可以自由上传切换FLV和MPG格式新闻视频 网上问政-网上问政，受理单位，投诉类型 系统管理: 你的域名/manage/admin_login.asp帐号：admin管理密码：123456 注意事项: 1.本程序只需支持ASP空间即可运行,使用前请先联系空间商。 2.上传wwwroot文件夹到你的网站根目录，然后运行即可。 3.免费版只适合试用和个人用途，如需建立商业站点或公司使用请购买商业版。 版权所有:智睿软件 主站:http://www.ZhiRui.net 演示:http://www.ZhiRui.net/Gover
django零基础项目实战-单位同事合乘的网页开发(三)
weixin_47560260的博客
09-09 137
因为整个项目都是我一个人在开发，所以合乘匹配算法和后面java的学习制作都要跟进，所以django方面决定每天加一个小工能即可。 ================================================================================================ 今天主要做了网页的注册模块功能 （一）注册页面母版 （二）函数设计思路： 1.提取网页接受的数据 2.把数据里的数据提出来遍历 2.1如果数据库里面有相同的name，
django零基础项目实战-单位同事合乘的网页开发(四)
weixin_47560260的博客
09-10 58
昨天做了注册，今天主要做登录功能 def login(request): if request.method == 'POST': username = request.POST.get('username') password = request.POST.get('password') print(username, password) re = auth.authenticate(username=username, pass
django零基础项目实战-单位同事合乘的网页开发(五)
weixin_47560260的博客
09-11 122
最后一天了，实现一下往数据库增加信息 {% extends 'index.html' %} {% block content %} <h1>创建个人信息</h1> <form action="/classes/" method="post"> <p>姓名<input type="text" name="name"></p> <p>性别<input type="text" name="s.
网页开发中的单位解决问题
weixin_30593261的博客
01-05 126
网页开发中有哪些单位？ 像素（px） 根据显示器的分辨率来确定长度，在web应用中多采用该单位。 点数（pt） 根据windows系统定义的字号大小来确定长度。 英寸（in）、厘米（cm）和毫米（mm） 根据显示的实际尺寸来确定长度，此类单位不随显示器分辨率的改变而改变。 12pt字（pc） 即windows系统定义的12字号大小为单位(1pc=12pt)。 该单位前输入的数字表...
用PHP开发企业Wifi网络Web认证系统（附源码）
weixin_34292287的博客
05-17 405
本案是为客户的合作单位开发的无线网络的网页认证系统。 本系统实现基于Web的Windows Active Directory用户验证（域用户验证）与数据库用户验证，调用Wiwiz Auth API实现Web认证。 无线网络为客户现有环境，每层一个无线路由器接到交换机，以前用WPA，现改为Web网页认证方式。 网络结构经小幅改动，Web认证网关采用Wiwiz虚拟机。 ...
移动网页开发之rem单位
灰的博客
01-04 139
rem是相对于根元素html发生变化的，比如 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>&lt...
网页开发的一些尺寸单位
xiaowu1127的博客
10-30 1079
px单位，rem单位，vw跟vh单位
网站开发进阶（六十六）CSS3 - 新单位vmin/vmax与旧单位ex/ch使用详解
IT全栈 华强工作室
04-13 2423
前言 vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。 （2）具体描述如下： vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%） vh：视窗高度的百分比 vmin：当前 vw 和 vh 中较小的一个值 vmax：当前 vw 和 vh 中较大的
Python Django Web典型模块开发实战_关于跨域问题的解决办法_编程项目案例实例详解课程教程.pdf
12-25
"Python Django Web典型模块开发实战课程深入探讨了Python这门在1990年代初由荷兰数学家吉多·范罗苏姆设计的语言，作为ABC语言的替代品。Python以其高效的数据结构、面向对象编程能力，以及简洁的语法和动态类型，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值