作りながら学ぶＨＴＭＬ／ＣＳＳデザインの教科書

高橋 朋代/森 智佳子【著】

ＳＢクリエイティブ（2013/12発売）

• サイズ B5判／ページ数 336p／高さ 24cm
• 商品コード 9784797373028
• NDC分類 547.48
• Cコード C0055

出版社内容情報

基礎の基礎から、サイトの公開まで

基礎の基礎から、サイトの公開まで。
美しいサイトを作り、魅せるための、不朽の力が身につく。
Google Chrome、Internat Explorer、Safari、Firefox、Operaに対応

CHAPTER1 はじめる前に
CHAPTER2 HTMLファイルを作成しよう
CHAPTER3 CSSで装飾しよう
CHAPTER4 画像を編集し、HTMLで表示しよう
CHAPTER5 共通部分の作成とレイアウト
CHAPTER6 リンクを設定し、ナビゲーションを作り込もう
CHAPTER7 各ページを作成しよう
CHAPTER8 サイトに動きをつけよう
CHAPTER9 サイトの公開と仕上げ

CHAPTER1 はじめる前に
ウェブ制作のための準備
代表的なブラウザ
テキストエディタを選ぼう

CHAPTER2 HTMLファイルを作成しよう
HTMLの基本
HTMLタグの意味に基いてマークアップしよう
HTMLのアウトラインを理解しよう

CHAPTER3 CSSで装飾しよう
CSSの基本
色を変更しよう
罫線と余白を調整しよう
リストと表を装飾しよう
さまざまなブラウザで確認してみよう

CHAPTER4 画像を編集し、HTMLで表示しよう
ウェブページ用の画像を作成しよう
画像を挿入しよう

CHAPTER5 共通部分の作成とレイアウト
ページヘッダーとページフッダーを挿入しよう
ページをレイアウトしよう

CHAPTER6 リンクを設定し、ナビゲーションを作り込もう
リンクを設定しよう
ナビゲーションを作り込もう

CHAPTER7 各ページを作成しよう
ページを複製しよう
一覧ページを作ろう
その他の下層ページを作ろう
トップページを作ろう
タイトルと概要をつける

CHAPTER8 サイトに動きをつけよう
スライドショーを作ろう
地図を配置しよう
おといあわせフォームを設置しよう

CHAPTER9 サイトの公開と仕上げ
サイトを公開しよう
最終チェックをしよう
SNSボタンの設置
アクセス解析を導入しよう

【著者紹介】
フリーランスのウェブデザイナー。著作実績に『WordPressデザインワークブック 3.4対応』（共著、ソーテック社）がある。楽しいことをカタチにするものづくりユニット「komorikomasha」のメンバーの一人として、おもにデザインや企画を担当。札幌在住。ニックネームはコモモ。

内容説明

基礎の基礎から、サイトの公開まで。美しいサイトを作り、魅せるための、不朽の力が身につく。Ｇｏｏｇｌｅ　Ｃｈｒｏｍｅ、Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒ、Ｓａｆａｒｉ、Ｆｉｒｅｆｏｘ、Ｏｐｅｒａに対応。

目次

１　はじめる前に
２　ＨＴＭＬファイルを作成しよう
３　ＣＳＳで装飾しよう
４　画像を編集し、ＨＴＭＬで表示しよう
５　共通部分の作成とレイアウト
６　リンクを設定し、ナビゲーションを作り込もう
７　各ページを作成しよう
８　サイトに動きをつけよう
９　サイトの公開と仕上げ

著者等紹介

高橋朋代［タカハシトモヨ］
フリーランスのウェブデザイナー。楽しいことをカタチにするものづくりユニット「ｋｏｍｏｒｉｋｏｍａｓｈａ」のメンバーの一人として、おもにデザインや企画を担当。札幌在住

森智佳子［モリチカコ］
フリーランスのウェブディレクター兼マークアップエンジニア。コーディング専門の牧野工房にて１００以上のサイト制作に携わり、実務の経験を積み、独立。「ｋｏｍｏｒｉｋｏｍａｓｈａ」では、おもにマークアップを担当。札幌在住（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

[デビっちん]

再読。趣味で学んでいたプログラミングですが、少しだけ本格的にやる必要にかられて再読です。本に記載されていることを順を追ってやっていくだけであれば比較的淡々と進んで気づきませんでしたが、実践に遭遇して自分の理解がまだまだだと嫌でも気づかされています。

2019/01/31

[トラバーユ]

これを読んで無事にホームページを作成することに成功しました！長年の夢だった！まだ何も内容はないけど、これからブログ形式で発信していきたい。アメブロとかそういうのではなく、自分でドメインを持つ形でやってみたく、勉強したけど、レンタルサーバーを借りてwordpressを使うという方法でもできたのかとレンタルサーバーを借りてから気付く。。。何はともあれこれから自分の表現の世界が始まる。utsubiology.com

2020/03/02

[デビっちん]

2冊程度同じ系統の本をやり、HTML/CSSでデザインをすることがなんとなくわかったので、これでPHPを学んでいけそうな気になった。HTMLは文章の構造を、CSSはデザインの指定をする。外に見えるデザインもそうだけど、中のプログラムのデザインもシンプルに美しくしたいものです。

2015/12/16

[ニックス]

ホームページを作成するのに良書。ページを作るにあたって1から細かく説明してあって進めやすかった。しかもかなり基礎から始めているのに、それだけじゃなく一歩進んだところまでホームページを作らせてくれる。特にただ１ページ作るだけじゃなくて、リンク先ページの作り方とかページの枠組みの考え方も書いてくれているのが気に入りました。星５

2020/05/03

[Yuki]

プログラミングインターン先の課題図書で使ってます。 全くの初心者がこの本を見ながらプロダクトを作成しようとしてもなかなか上手くいかないかもしれません。 実際に本の通りに進めていて疑問点がけっこう 湧いてきて社員さんやインターン生に分からないことを聞いたりして進めました。 それでもこの本を二週位してみると感覚が掴めてくると思います。 ちなみにですが『HTML/CSS』のテキストエディタで 個人的にオススメなのは『Sublime Text』です

2019/04/02