これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本

Part1：HTMLを書いてみよう
01章　ウォーミングアップをしよう
02章　HTMLのきほんを学ぼう

Part2：SNSリンク集を作ってみよう
03章　CSSのきほんを学ぼう
04章　SNSリンク集のCSSを書いてみよう

Part3：2カラムページを作ってみよう
05章　ブログサイトのHTMLを書いてみよう
06章　ブログサイトのCSSを書いてみよう

Part4：1カラムページを作ってみよう
07章　Web招待状サイトのHTMLを書いてみよう
08章　Web招待状サイトのCSSを書いてみよう
09章　CSSアニメーションをつけてみよう
10章　レスポンシブウェブデザインに対応させよう

Part5：複数ページのサイトを作ってみよう
11章　制作の流れとWebデザインのきほん
12章　レストランサイトのCSSを書こう（モバイル）
13章　レストランサイトのCSSを書こう（PC）
14章　参考サイトの活用方法を学ぼう
15章　Webサイトを公開する準備をしよう

付属データはこちら

会員特典はこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

• 特典のデザインデータのFigma対応について

  「Adobe XD」の無料利用終了に伴い特典のデザインデータに新たにFigma用のファイルを追加しました。
  
  FigmaもXDと同様にAdobe社から提供されているデザインツールです。
  
  制限の範囲内で無料でご利用いただけます。
  
  【Figma】
  https://www.figma.com/
  
  
  

• ワーク用ダウンロードデータの更新

  ワーク用ダウンロードデータを更新しました（最終更新2023年7月10日）。
  
  詳しい修正内容はこちらからご覧ください。
  
  

• VSコードのバージョンアップに伴う操作方法の変更について

  VSコードのバージョンアップに伴い、書籍で解説している一部の操作方法に変更がありました（2022年3月22日）。
  
  該当箇所は書籍30ページに掲載されている、
  「VSコードのテーマを変えよう」の
  「STEP2　配色テーマの選択メニューを開こう」の項目です。
  
  配色テーマの選択メニューを開く際は、
  「その他の色のテーマを参照...」の右端にある歯車のマークをクリックをしてください。
  
  
  
  

• macOSでVSコードを利用する際の注意

  macOSでVSコードを開こうとすると、「開発元を検証できないため開けません。」といった警告が出る場合があります。
  
  これはmacOS Sierraよりバージョンが新しいOSでは、AppStoreに登録されていないアプリケーションに対して、セキュリティ制限が厳しくなっているためです。VSコードもまた、この「AppStoreに登録されていないアプリケーション」に含まれます。
  
  そのため、下記のような方法で制限を解除する必要があります。
  
  ■右クリックメニューからアプリを開き、許可する方法
  １．VSコードのアイコンを右クリックし、メニューから「開く」を選択
  ２．「●●の開発元を検証できません。開いてもよろしいですか?」というメッセージが表示されるので、「開く」を選択
  
  ■システム環境設定から、許可する方法
  １．「開発元を検証できないため開けません。」というメッセージの表示後、システム環境設定より「セキュリティとプライバシー」を選択
  ２．「一般」タブ内で開けなかったアプリ（VSコード）が表示されているので、「このまま開く」を選択
  ３．「●●の開発元を検証できません。開いてもよろしいですか？」のメッセージが表示されるので、「開く」を選択
  
  
  また、VSコード以外のエディタでも本書の内容は学習可能ですが、コード部分の配色などの違いがある点はご了承ください。