当サイトではアフィリエイト広告を利用しています
インターネットセキュリティ
ホームページ作成
Webデザイン
ブログ・SNS
|
|
【電子書籍なら、スマホ・パソコンの無料アプリで今すぐ読める!】
<p><strong>(概要)</strong><br /> <strong><コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく! </strong><br /> ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。 架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素/CSSの基本構造(セレクタ、プロパティ、値)を学ぶことができ、レイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本も身につきます。 <br /> <strong><本書のポイント></strong><br /> ・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます<br /> ・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します<br /> ・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます<br /> ・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます<br /> ・「動画コンテンツページ」「ネットショップページ」も制作します</p> <p><strong>(こんな方におすすめ)</strong><br /> ・はじめてHTMLやCSSを学び、これからサイト制作をはじめる方<br /> ・超初心者ではないが未経験からウェブデザイナーを目指している方<br /> ・モバイル用サイトの制作やデザインについても学びたい方</p> <p><strong>(目次)</strong><br /> <strong>Chapter 1 知っておきたいサイトとデザインのきほん知識</strong><br /> 1-1 ウェブサイトのしくみについて知ろう<br /> 1-2 サイト制作のフローとウェブデザイン<br /> 1-3 コーディングについて知っておくべきこと<br /> 1-4 ウェブページのパーツやレイアウトについて知ろう<br /> 1-5 ウェブデザインで知っておくべきこと<br /> <strong>Chapter 2 サイト制作の前に準備しておくこと</strong><br /> 2-1 制作環境を整えよう<br /> 2-2 Google Chromeのインストールと使い方<br /> 2-3 Visual Studio Codeのインストールと使い方<br /> 2-4 入力したコードをブラウザで確認する方法<br /> 2-5 実習用サンプルサイトを見てみよう<br /> <strong>Chapter 3 知っておきたいHTMLのきほんと書き方</strong><br /> 3-1 HTMLのきほん知識<br /> 3-2 サンプルサイト共通のHTMLを書いてみよう<br /> 3-3 見やすいコードとコメントの書き方<br /> <strong>Chapter 4 知っておきたいCSSのきほんと書き方</strong><br /> 4-1 CSSのきほん知識<br /> 4-2 CSSを書いてみよう<ページの基本設定を記述する><br /> 4-3 CSSを書いてみよう<br /> 4-4 ウェブフォントを指定してみよう<br /> <strong>Chapter 5 知っておきたいレスポンシブデザインのきほんと書き方</strong><br /> 5-1 レスポンシブデザインのきほん知識<br /> 5-2 モバイルサイト用のCSSを書いてみよう<br /> 5-3 ハンバーガーメニューを作成しよう<br /> 5-4 モバイル用フッターのレイアウトを調整しよう<br /> <strong>Chapter 6 フルスクリーンレイアウトを制作する</strong><br /> 6-1 フルスクリーンレイアウト制作で学ぶこと<br /> 6-2 フルスクリーンレイアウトのHTMLを書いてみよう<br /> 6-3 フルスクリーンレイアウトのCSSを書いてみよう<br /> 6-4 フルスクリーンレイアウトのモバイル用CSSを書いてみよう<br /> <strong>Chapter 7 フレックスボックスレイアウトを制作す</strong><br /> 7-1 フレックスボックスレイアウト制作で学ぶこと<br /> 7-2 フレックスボックスレイアウトのHTMLを書いてみよう<br /> 7-3 フレックスボックスレイアウトのCSSを書いてみよう<br /> 7-4 フレックスボックスレイアウトのモバイル用CSSを書いてみよう<br /> <strong>Chapter 8 シングルカラムで動画コンテンツページを制作する</strong><br /> 8-1 シングルカラムレイアウト制作で学で学ぶこと<br /> 8-2 シングルカラムレイアウトのHTMLを書いてみよう<br /> 8-3 シングルカラムレイアウトのCSSを書いてみよう<br /> 8-4 シングルカラムレイアウトのモバイル用CSSを書いてみよう<br /> <strong>Chapter 9 グリッドで格子状レイアウトを制作する</strong><br /> 9-1 グリッドレイアウト制作で学ぶこと<br /> 9-2 グリッドレイアウトのHTMLを書いてみよう<br /> 9-3 グリッドレイアウトのCSSを書いてみよう<br /> 9-4 グリッドレイアウトのモバイル用CSSを書いてみよう<br /> <strong>Chapter 10 2カラムでショップページを制作する</strong><br /> 10-1 2カラムレイアウト制作で学ぶこと<br /> 10-2 2カラムレイアウトのHTMLを書いてみよう<br /> 10-3 ECサイトへリンクするページのHTMLを書いてみよう<br /> 10-4 2カラムレイアウトのCSSを書いてみよう<br /> 10-5 2カラムレイアウトのモバイル用CSSを書いてみよう<br /> <strong>Chapter 11 Googleマップ付きの問い合わせページを制作する</strong><br /> 11-1 問い合わせページ制作で学ぶこと<br /> 11-2 問い合わせページのHTMLを書いてみよう<br /> 11-3 問い合わせページのCSSを書いてみよう<br /> 11-4 問い合わせページのモバイル用CSSを書いてみよう</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。
※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
商品を詳しく見る
¥ 2,860-(税込)
#ショップ名 :
楽天Kobo電子書籍ストア
#送料 :
送料込
#クレジットカード :
利用可
#海外配送 :
海外配送不可
#あす楽 :
翌日配送不可
#ギフト :
ギフト包装不可能
商品を詳しく見る
「その他」の関連商品を見る
「その他」の人気商品を見る
| | |
|