デザインカンプと指示書をもとに、Webページをコーディングしてみる実践シリーズの第4弾。基本的なHTML&CSSでコーポレート系サイトのトップページとコンテンツページを構築します。マルチページの管理など、コーディングの基礎がポイントとなるレベル1(当社比)の案件です。■ デザインカンプ(Adobe XDデータ)と作例はダウンロードデータに同梱してあります。■ レイアウトにはFlexbox(フレキシブルボックス)を使用します。■ モバイルファースト & レスポンシブ で作成します。■ IE11 にも対応します(Polyfill も使用します)。■ 難易度はレベル1(5段階・当社比)です。デザインカンプのイメージや作例(ページの完成形)については、本ページに用意された「なか見!検索」や「無料サンプル」でご覧いただけます。〈もくじ〉▼デザインカンプと指示書・ デザインカンプ・ 指示書▼作例・ STEP 1 デザインカンプの解析・ STEP 2 コーディングの準備・ STEP 3 記事とヘッダー画像(コンテンツページのパーツ)・ STEP 4 メッセージ(コンテンツページのパーツ)・ STEP 5 ヘッダーとフッター・ STEP 6 トップページの作成・ STEP 7 ヒーローヘッダー(トップページのパーツ)・ STEP 8 メッセージ(トップページのパーツ)・ STEP 9 人気のシステム(トップページのパーツ)・ STEP 10 仕上げと最終チェック▼APPENDIX・ Adobe XDで値を確認する方法・ Netlifyでサイトを公開する方法・ 作例のポイント〈フォーマット〉・ プリント・レプリカ形式・ 全141ページ・ B5判相当(182 x 257 mm)〈出版情報〉・ 2020年12月18日 初版発行=======================================※書籍のレイアウトは電子書籍用に単ページで読みやすいように構成し、Kindleの「プリント・レプリカ」形式でリリースしています。※プリント・レプリカ形式は無料のKindleアプリ(PC、Mac、Android、iOS用)やFireタブレットでご利用いただけます。Kindle Paperwhiteなどの電子書籍リーダーやKindle Cloud Readerでは利用できません。対応デバイスをご確認のうえ、ご利用ください。※本文中のリンク、文字列のハイライト、検索、辞書の参照、引用については、一部機能しない場合があります。文字だけを拡大することはできません。
人気のある作家
できるシリーズ編集部 (48) 技術評論社編集部 (48) リンクアップ (48) 相川正樹 (35) 日経Linux (26) standards (26) リブロワークス (24) 晋遊舎 (22) 株式会社クイープ (22) 年賀状素材集編集部 (21) インプレス年賀状編集部 (20) 横山了一 (18) 山田 祥寛 (18) メディアックス (13) 掌田 津耶乃 (11) 廣瀬 豪 (10) 森 巧尚 (10) 北村 愛実 (9) 吉川 邦夫 (9) 井上 香緒里 (9)最適なファイルサイズ
100388 KB 1004 KB 100579 KB 10068 KB 101719 KB 102313 KB 1027 KB 102851 KB 104612 KB 104884 KB 10554 KB 105 KB 1063 KB 106926 KB 107492 KB 108832 KB 108931 KB 109089 KB 109437 KB 109624 KB