さて、これまで下記事の計画を元に学習を進めてきました。 2冊の書籍学習が終了！ gomagaru.hatenablog.comあらためて、次はこれをやりたいなーと 発展と応用のきっかけをたくさん見つけることができた書籍であったなぁ、 というのが今回の2冊で学習を進めた…

Chapter 10 マルチデバイス対応ページを制作する 2月11日(月) 0.5h HTMLタグ ・content属性 - initial-scale ...初期のズーム倍率を指定するプロパティ。 レスポンシブデザインでは拡大縮小は不要なので、値は｢1｣とする。 ※Visual Studio Codeではデフォルト…

Chapter 9 問い合わせページを制作する 2月7日(木) 1.0h 用語 ・定義リスト ...dl、dt、ddの3つの要素のこと。 リストをつくるul、li要素のようにセットで使う。 定義した用語と、それに関する説明を一対で表すリスト。 フォームで使う場合、以下のようにな…

Chapter 8 グリッドレイアウトページの制作と動画の埋め込み グリッドレイアウトページ 用語 ・カード型レイアウト ...コンテンツをトランプのカードのように並べたレイアウト。例 : 画像ブックマークサービス｢Pinterst｣ ・可変型レイアウト ...コンテンツの…

Chapter 7 2カラムページを制作する 2月5日(火) 0.5h HTMLタグ ・サイドバー ...<aside>タグ使用、section要素で区切ってリストでメニュー作成 CSS側で、メインコンテンツは左寄、サイドバーは右寄などを指定する。 <aside class="sidebar"> <section> <h2>Photograph</h2> <ul> <li>街-City</li> <li>海-Beach</li> <li>森-Forest</li> </ul> </section> <h2>Vid</h2></aside></aside>…

Chapter 6 シングルカラムページを制作する 2月4日(月) 1.5h 用語 ・疑似要素...要素の前後にテキストや画像を追加したり、要素内の特定箇所にスタイルを指定する記述方法。｢<セレクタ名> :(または::) <疑似要素名>｣ HTMLタグ ・表組作成 <table> : 全体 <tr> : 横1行、<th></th></tr></table>…

引き続き、書籍学習を進めます。前回で、共通のレイアウト作成が終了。 gomagaru.hatenablog.com今回はこれをコピーしてから、フルスクリーンのトップページを作成しました！ Chapter 5 フルスクリーンページを制作する 2月2日(土) 1.5h 用語 ・スネークケー…

引き続き。 今回は環境設定〜Webページ制作・共通レイアウト作成まで。 Chapter 2 ~ 4 2月1日(金) 1.0h Chapter 2 サイト制作の前に準備しておくこと テキストエディタ 本ではBracketsでの開発が前提。 Brackets - A modern, open source code editor that u…

これから、こちらの本で学習進めていきます〜 新しい本・初日╭( ･ㅂ･)وHTML&CSSとWebデザインが 1冊できちんと身につく本作者: 服部雄樹出版社/メーカー: 技術評論社発売日: 2017/07/21メディア: 大型本この商品を含むブログ (1件) を見るこの日、たのしすぎ…