1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

「数億規模スタートアップのCTO講師」と「エンジニアキャリア専門のポテパン」が贈る、実践型Rubyスクール。

ソーテック社、書籍「HTML5+CSS3でつくる! レスポンシブWebデザイン」を出版

HTML5+CSS3でつくる! レスポンシブWebデザイン
Pocket

株式会社ソーテック社が、2016年3月31日に書籍「HTML5+CSS3でつくる! レスポンシブWebデザイン」を出版します。これからWeb制作者を目指すという方向けに、まずはスタート地点に立っていただくことを目的として執筆された書籍です。

特徴

現在のWebサイトの制作は、パソコンだけでなくスマートフォンやタブレットなど多様なデバイスに対応することが標準となりつつあります。
そのためには、PCサイトを改変するのではなく、設計段階からマルチデバイスに対応できるデザイン・レイアウトを考えることが重要です。
本書では、お店のサイトとビジネスサイトをサンプルに、ビギナーでも作成できる「レスポンシブWebデザイン」のノウハウが解説されています。

  • 最初にHTML5とCSS3の基本を学習することで、Webサイトの構造とデザインをマスターできます
  • 人気のエディタ「Brackets」とCSSフレームワーク「Bootstrap」で制作を進めるので、学習に特別なツールは必要ありません
  • 紙面で解説しているサンプルファイルをダウンロードできるので、直感的・体感的にレスポンシブWebデザインが理解できます

詳細

Part 1 Webサイトを作成する前に

「Webサイトを作成する前に」では、Webサイトを作成するために必要最低限の知識を学んでいきます。まずは「テキストエディタ」について学びながら、実際にサンプルデータのソースコードを触ってみて、Webサイトを構成するファイルについて理解しましょう。

Part 2 HTMLについて学ぼう

「HTMLについて学ぼう」では、 Webページを作るために必要なHTMLについて学びましょう。コーディングのポイントは、自分で入力して実行してみることです。解説を読んで実際に試して納得したり、逆に上手くいかない場合にも、いろいろな発見があります。どんどんチャレンジしてみましょう。

Part 3 CSSについて学ぼう

「CSSについて学ぼう」では、HTMLやXHTMLなどのマークアップ言語で書かれた文章は、そのままではとてもシンプルな見た目でしかありません。CSSを使うと、「このHTML文書をどのように修飾表示するか」を指示することができます。CSSでWebサイトの見栄えを整えてみましょう。

Part 4 Bootstrapについて学ぼう

「Bootstrapについて学ぼう」では、CSSフレームワークとして人気のあるBootstrapの概要と使い方を学びます。レスポンシブなWebサイトを作成するにあたり、Bootstrapはきっと大きな助けになるでしょう。その他のCSSフレームワークや周辺の技術についても紹介されています。

Part 5 レスポンシブWebデザイン制作の流れ

「レスポンシブWebデザイン制作の流れ」では、Webサイト制作の大まかな流れを確認します。ワイヤーフレームの制作や画像イメージの切り出し、またHTMLやCSS、Bootstrapを使って、1つのサイトを作るためのワークフローを学習しましょう。

Part 6 1カラムのカフェ風サイトを作る

「1カラムのカフェ風サイトを作る」では、これまでやってきた内容を総括し、架空のカフェを想定したWebサイトを作成します。「レスポンシブ」と呼ばれるブラウザ幅に応じてレイアウトを変化させる手法を用い、スマートフォンからタブレット、PCサイズまで対応します。

Part 7 2カラム構造のコーポレートサイトを作る

「2カラム構造のコーポレートサイトを作る」では、実際によくみられる2カラム構造のWebデザイン制作の手順を架空のコーポレートサイトをモチーフにを学びましょう。本書の最終段階として、Bootstrapの機能をさらに使用、JavaScriptについても積極的に採用されています。

HTML5 CSS3でつくる! レスポンシブWebデザイン

新品価格
¥2,786から
(2016/3/13 10:32時点)

概要

書名:HTML5+CSS3でつくる! レスポンシブWebデザイン
著者:大串肇、齋木弘樹、清野奨、嵩本康志、松尾祥子、松尾慎太郎、宮崎優太郎、吉澤富美
体裁:B5変形・240ページ・オールカラー
本体価格:2,580円+税
ISBN:978-4-8007-1128-1

お問い合わせ先

問合せ先:株式会社 ソーテック社 販売部
電話:03-3262-5320

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

おすすめスクール

システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ システムアーキテクチュアナレッジでは、ITスクールとしては珍しく正規雇用かつ現役のエンジニアが講師を務めています。「責任を持ったIT教育」をテーマに、未経験者をプロフェッショナルに育てます。
ページ上部へ戻る