わかばちゃんと学ぶ Webサイト制作の基本|Tech Book Zone Manatee

マナティ

購入形態

書籍
2,420円
数量:

カートに追加されました。カートを見る

カートに入れる
EPUB
2,178円
数量:

カートに追加されました。カートを見る

カートに入れる
PDF
2,178円
数量:

カートに追加されました。カートを見る

カートに入れる
紙の本を買う

わかばちゃんと学ぶ Webサイト制作の基本

シーアンドアール研究所

4コママンガを交えてわかりやすく解説!

本書は4コママンガを交えて、ユーモアたっぷりにWebサイト製作の基本を初心者向けにわかりやすく解説しています。

Webサイトを制作する前の企画の段階から、HTMLやCSSの基本、JavaScriptやPHPの概要、Webサイトの公開や、その後の運営などについても触れています。これからWebデザイン・Webサイト製作をはじめたい人にオススメの1冊です。

<はじめにより抜粋>

■せっかく学ぶなら、楽しい方がいい
「いきなり文字ばかりのコーディングの解説だと、気が引けてしまう」
「でも、マンガなら、読んでみてもいいかな」

そんな方のために、キャラクターがわいわいしているのを眺めているだけで、自然とWebサイトが作れる本を作りました。

・個性的なキャラクターたちが登場する4コマ
・感覚的にわかる図解
・適度な量のコーディングの実践

上記3つの特長で、Webサイト制作の基本を無理なく学べます。


■こんな方にオススメ
・将来Webデザイナーになりたい
・個人でWebページを作って集客したい
・いきなりWeb担当に任命されてしまったから、勉強する必要がある
・制作会社の営業担当だから、制作側のことも知っておきたい

■Webサイト制作の基本、全部入り!
○企画
すべてのWebサイト制作は、企画から始まります。Webサイト制作というと、コーディング・画像編集などの実作業に視点が向きがちです。しかし、目的を定めてから作り始めたほうが、効果の高いWebサイトになるでしょう。 あなたがもし、今運用しているWebサイトがあるならば、わかばちゃんと一緒に「私のWebサイトの目的ってなんだろう?」と考えながら読み進めてみてください。

○制作
HTML5とCSS3を始めるにあたって、最低限の基本だけを厳選して解説しています。 7割がた完成しているWebサイトに、必要なソースコードを書き込んでいく形で、カスタマイズしながら楽しく学べます。本書で使うツールはすべて無料。サンプルデータも無料でダウンロードできます。また、簡単なJavaScript・jQueryにも触れることができます。PHPについてもさらっと知っておけます。

○運用
せっかく作ったWebサイトですから、たくさんの人に来てもらいたいですよね。本書では、公開した後に必要なことも解説しています。
・アクセス解析
・検索エンジンの仕組みとSEO
・効果が出ないときの考え方
・PDCAの回し方

これらの知識は、実際にWebサイトを運用するときに心強い味方になってくれるでしょう。さぁ、主人公のわかばちゃんと一緒に、企画・制作・運用の流れを体験しましょう!

※EPUBは固定型のものになります。

発売日:2016-08-26

目次

・プロローグ/キャラクター紹介/キャラクターの関係図/はじめに
●CHAPTER 1 企画~どんなサイトになるかは企画で決まる!~
●CHAPTER 2 デザイン~企画に合ったデザインをしよう!~
●CHAPTER 3 HTML~文章や画像を貼り付けて、Webサイトの中身を作ろう!~
●CHAPTER 4 CSS~その見た目、華やかにしてあげる!~
●CHAPTER 5 JavaScript~まるで魔法? 動きを付けるのじゃ~
●CHAPTER 6 PHP~できることの幅がグーンと広がる言語~
●CHAPTER 7 公開~ついにWeb上に公開だ!~
●CHAPTER 8 運用~Webサイトは公開してからが本番~
・エピローグ/おわり

著者プロフィール

  • 湊川あい(著者)

    1989年生まれ。絵を描くWebデザイナー。高等学校教諭免許状「情報科」取得済。初めてWebサイトを作ったのは中学生のとき。「会ったこともない遠くの人が、作ったものを見てくれるっておもしろい」という気持ちからWebデザイナーを志す。大学卒業後はベンチャー企業に入社。企画・制作・運用まで戦略を一貫させることの重要性を学ぶ。その経験を「マンガでわかるWebデザイン」としてインターネット上に公開していたところ、出版の声がかかる。マンガと図解の力で、物事をわかりやすく伝えることが好き。楽しみながら学べるコンテンツを制作・配信中

    ■Webサイト
    マンガでわかるWebデザインURLhttp://webdesign-manga.com/
    ■Twitter ID
    @webdesignManga
    ■執筆記事
    マンガでわかるGit(リクルートキャリアWebサイト「CodeIQ Magazine」にて連載)