学習--django PythonのWeb開発（II）最初の成功の実行Djangoのウェブサイト

1.写message_form.html

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>タイトル</ タイトル> 
    < リンクのrel = "スタイルシート" のhref = "/静的/ CSS / style.cssに" > 
</ ヘッド> 
< 身体> 
    < フォームアクション="」メソッド= "ポスト" クラス= "スマートグリーン" >
        < スパン>あなたのメッセージを残してください</ スパン> 
        </ H1 > 
        < ラベル> 
            < スパン>名前：</ スパン> 
            < INPUT 上記のid = "名前" タイプの= "テキスト" クラス= "エラー" プレースホルダ=「してくださいあなたの名前"を入力します> 
            < divのクラス="エラーMSG " > </ DIV > 
        </ ラベル> 

        < ラベル> 
            < スパン> Eメール：</ スパン> 
            <INPUT 上記ID以上=「メール」タイプの=「メール」クラス=「メール」プレースホルダ=「メールアドレスを入力してください。」> 
            < divのクラス=「エラーMSG」> </ DIV > 
        </ ラベル> 

        < ラベル> 
            < スパン>アドレス：</ スパン> 
            < INPUTが言及したID上記=「アドレス」タイプの=「アドレス」クラス=「アドレス」プレースホルダ=「連絡先アドレスを入力してください」> 
            <div クラス= "エラーMSG" > </ DIV >
        </ ラベル> 

        < ラベル> 
            < スパン>留言：</ スパン> 
            < テキストエリア名= "MSG" ID = "MSG" COLS = "30" 行= "10" プレースホルダ= "请输入您的留言" > </ TEXTAREA > 
            < divのクラス= "エラーMSG" > </ DIV > 
        </ ラベル> 

    </ 形成> 
</ ボディ> 
</ HTML >

 

2.書き込みCSS

.smart緑色 { 
    マージン左：オート。
    マージン右：自動 ; 
    最大幅：500pxなど。
    背景：＃F8F8F8 ; 
    パディング：30px 30px 30px 20ピクセル。
    フォント：12ピクセル「微軟雅黒UI」。
    色：＃666 ; 
    国境半径：5pxの ; 
    -webkitボーダー半径：5pxの。
    -mozボーダー半径：5pxの。
}
.smart緑色H1 { 
    フォント：12ピクセル「微軟雅黒UI」。
    パディング：20ピクセル0PX 20ピクセル40ピクセル。
    表示：ブロック ; 
    マージン：-30px -30px 10pxの-30px。
    色：#FFF ; 
    背景：＃9DC45F。
    テキストの影：1pxの1ピクセル1ピクセル＃949494 ; 
    境界半径：2ピクセル5pxの0PX 0PX。
    -webkitボーダー半径：5pxの5pxの0PX 0PX。
    -moz-国境半径：5pxの5pxの0PX 0PX。
    border-bottom：1pxの固体＃1 89AF4C。
} 
.smart緑色TEXTAREA { 
    高さ：100pxに。
    パディングトップ：10pxの ; 
} 
.smart緑色ラベル { 
    表示：ブロック。
    フォントサイズ：11px ; 
    色：＃000 ; 
} 
.smart緑ボタン：ホバー { 
    背景色：＃80A24A。
} 
.ERROR-MSG { 
    色：赤 ; 
    マージントップ：10pxの ; 
} 
.ERROR-MSG { 
    色：＃80A24A。
    マージントップ：10pxの ; 
    マージン下：10pxの ; 
}

 

3.これら二つの文書、このような配置

 

 message.views 4.書き込みをgetForm機能

 

 コンフィギュレーションに対応するURL

 

 静的で、パスsetings.py 6.設定テンプレート

 

7.正常に実行、あなたは完了です。 

8.レビュープロセス