1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [単行本]
    • 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [単行本]

    • ¥2,44074ポイント(3%還元)
    • 在庫あり本日16:00までヨドバシエクストリームサービス便(無料)がお届け
数量:
店舗受け取りが可能です
NEWマルチメディアAkibaマルチメディア梅田マルチメディア博多にて24時間営業時間外でもお受け取りいただけるようになりました
100000009003113961

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [単行本]

Mana(著)
価格:¥2,440(税込)
ポイント:74ポイント(3%還元)(¥74相当)
フォーマット:
専用電子書籍リーダアプリ「Doly」が必要です。無料ダウンロード
お届け日:在庫あり今すぐのご注文で、本日16:00までヨドバシエクストリームサービス便(無料)がお届けします。届け先変更]詳しくはこちら
出版社:SBクリエイティブ
販売開始日:2019/03/19
ご確認事項:返品不可

カテゴリランキング

  • 書籍
  • - 4711位

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 の 商品概要

  • 要旨(「BOOK」データベースより)

    知識ゼロから体系的に学べる!HTMLとCSSの基本。最新の技術に対応!レスポンシブ、Flexbox、CSSグリッド。手を動かしながら学べる!プロの現場で役立つテクニック。コードの知識からデザインのことまで1冊ですべて学べる!
  • 目次

    Chapter1 最初に知っておこう! Webサイトとデザインの基本
    よいWebデザインとは
    様々な種類のWebサイト
    ユーザビリティとは
    Webサイトのしくみ
    デバイスの種類
    ブラウザーの種類
    制作の流れ
    1.制作の流れ
    2. 企画しよう
    3. サイトマップ制作
    4. ワイヤーフレーム制作
    5. デザインを制作する
    6. ファイルを用意する
    7. Web上に公開する
    制作をはじめる前に
    制作環境を整える
    エディターをインストールする
    ブラウザーをインストールする
    グラフィックツールを確認する

    Chapter2 Webの基本構造を作る! HTMLの基本
    1. HTMLとは
    2. HTMLファイルを作ろう
    3. HTMLファイルの骨組みとは
    1.Doctype
    2.lang
    4. headとbodyについて知ろう
    1.meta要素
    2.head内に書く要素
    5. 基本の書き方を身につけよう
    6. 見出しをつけよう
    7. 文章を表示しよう
    8. 画像の挿入しよう
    1.alt属性
    2.src属性
    9. リンクをはろう
    10. リストを表示しよう
    11. 表組みを作ろう
    12. フォームを作ろう
    13. 使いやすいフォームを作ろう
    フォームのユーザビリティ
    14. ブロック要素でグループ分ける
    article, section, header, footer, main, aside, nav
    15. divとspanでグループを分ける
    16. よく使うHTMLタグリスト一覧

    Chapter3 Webのデザインを作る! CSSの基本
    1. CSSの役割とは
    2. 基本の書き方を身につける
    3. CSSを適応させる方法とは
    4. 文字や文章の装飾する
    font, line-height, ショートハンド…
    Webデザインとタイポグラフィ
    Webフォントを使う
    文章をそろえる
    文章の組版を整える
    5. 色をつけよう
    文字に色をつける
    背景に色をつける
    カラーコードで指定する
    色名で指定する
    上手に配色しよう
    色の持つ印象とは
    色相・明度・彩度とは
    色のトーンとは
    色の組み合わせを考える
    各色をメインで使った参考サイト一覧
    Column 配色ツール
    6. 背景を彩ろう
    image, repeat, position, ショートハンドを使う
    背景画像を全画面表示する
    写真素材をダウンロードできるサイト一覧
    7. 幅と高さを指定する
    width, heightで幅を指定する
    Webサイト上で使う単位とは
    8. 余白を調整しよう
    margin, paddingの余白の概念とは
    余白を使ってグループ化する
    枠と文字の余白を作る
    Column 余白を上手に使ったWebサイトとは
    9. 線を引こう
    borderを使う
    線のデザインの効果的な使い方
    10. レイアウトを組む
    flex で横並びにする
    grid でマルチカラムにする
    Webサイトのレイアウトとは
    読みやすいレイアウトとは
    レイアウト別参考Webサイト一覧
    Column floatのレイアウトについて
    11. リセットCSSとは
    12. クラスとIDを使った指定方法を理解する
    13. ブラウザーのデフォルトCSSをリセットする
    14. よく使うCSSプロパティリスト一覧

    Chapter4 シングルページのWebサイトを制作する
    1. シングルページとは
    2. シングルページの制作の流れ
    3. headの記述しよう
    4. header部分の作成しよう
    画面いっぱいに背景画像を設置しよう
    画像の効果的なトリミングの仕方とは
    5. コンテンツ部分の作成しよう
    画像と文章の設置しよう
    6. footer部分の作成しよう
    7. ファビコンを用意しよう
    8. シングルページのカスタマイズ例

    Chapter5 2カラムのWebサイトを制作する
    1.2カラムページとは
    2. カラムページの制作の流れ
    3. header部分の作成しよう
    4. 横並びの設定をしよう(display: flex;)
    5. メインエリアの作成しよう
    6. サイドバーの作成しよう
    7.レスポンシブに対応しよう
    メディアクエリーの基本について
    ブレークポイントについて考えよう
    コンテンツを縦並びにしよう
    8.カラムページのカスタマイズ例

    Chapter6 マルチカラムのWebサイトを制作
    1.マルチカラムとは
    2. マルチカラムの制作の流れ
    3. 全体の装飾をしよう
    4.マルチカラムの設定をしよう(display: grid;)
    Gridの設定
    grid-template-columnsの設定
    grid-template-rowsの設定
    grid-gapの設定
    5. コンテンツを入れよう
    6.レスポンシブに対応しよう
    Gridレイアウトをレスポンシブ対応しよう
    repeatとは
    auto-fitとは
    7.マルチカラムのカスタマイズ例

    Chapter7 外部メディアを利用する
    1.コンタクトフォームサービスを利用する
    2.地図を入れる
    3.Facebookプラグインを挿入する
    4.Twitterプラグインを挿入する
    5.OGPの設定をする
    6.動画の埋め込みをする
    7.外部メディアのカスタマイズ例
    HTMLタグ/CSSプロパティ一覧
  • 内容紹介

    Web界隈やデザイナーに大人気!
    Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の中の人、
    Manaによる渾身のHTML+CSS+Webデザイン本

    HTMLとCSSとWebデザインを一気にまるごと学べる
    1つのサイトを実際に作りながら学んでいくやさしい作り

    ●対象読者
    ・これからHTMLとCSSを学びたい人
    ・Webデザイナーにないたい人
    ・この1冊で全部学びたい人におすすめ
  • 著者紹介(「BOOK著者紹介情報」より)(本データはこの書籍が刊行された当時に掲載されていたものです)

    Mana(MANA)
    日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞
  • 著者について

    Mana (マナ)
    日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 の商品スペック

商品仕様
出版社名:SBクリエイティブ
著者名:Mana(著)
発行年月日:2019/03/28
ISBN-10:4797398892
ISBN-13:9784797398892
判型:B5
対象:一般
発行形態:単行本
内容:電子通信
言語:日本語
ページ数:279ページ
縦:24cm
横:19cm

    SBクリエイティブ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [単行本] に関するレビューとQ&A

    商品に関するご意見やご感想、購入者への質問をお待ちしています!