【新手】【Python/Django】刚入门的Web工程师尝试了Django教程~第六部分~

首先

大家好,初次见面。
我打算将使用Django创建投票应用程序的过程作为备忘录进行公开。
由于我是Qiita的新手,所以可能会有一些难以理解的地方,请谅解。

系列

    • 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その0~

 

    • 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その1~

 

    • 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その2~

 

    • 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その3~

 

    【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その4~

开始做作业

这次我们将操作静态文件。静态文件包括JavaScript、CSS、图片等。

自定义应用程序的结构

首先创建一个存放CSS文件的目录,然后创建SCC文件。

按照Django的默认规范,创建一个名为”polls/static/polls/”的目录,然后在该目录下创建一个style.css文件。

编写CSS代码。


li a {
    color: red;
}

在HTML中导入CSS。
在这种情况下,请不要忘记使用{% static %}模板标签。


{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

确认服务器已启动并应用了SCC。


(poll-HcNSSqhc) C:\django\poll>python manage.py runserver

链接变成红色了。

image.png

我会让它变得更自然绿色。


li a {
    color: green;
}

添加背景图片

创建一个图像文件夹。
由于图像也是一种静态文件,因此创建一个名为「polls/static/polls/images」的文件夹,并将Django的Logo放在其中。

body {
    background-image: url("images/django.png");
    background-size: 30%;
    background-repeat: no-repeat;
}

背景图片已显示。图片加载成功,就先认定为OK。

image.png

今天我就到这里了。谢谢。

广告
将在 10 秒后关闭
bannerAds