WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2016-02-29から1日間の記事一覧

第1回実技課題 追試 解答例

各要素のサイズが指定通りになっているか必ず確認する 文章構造とレイアウトを混同しない marginとpaddingの違いをしっかりと理解する ソースコード <html lang="ja"> <head> <meta charset="utf-8"> <title>2カラムの課題</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <div id="header">#header</div> <ul class="nav"> </ul></div></body></html>

提出課題 atella

指定の通り、HTML5で記述し、アウトライン構造を意識して制作してみましょう。 アウトライン構造1 アウトライン構造2 <html lang="ja"> <head> <meta charset="utf-8"> <title>パスタとワインの店</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <header> <h1>パスタとワインの店|atella</h1> <p class="mainImg"></p></header></div></body></html>