DTPやグラフィックデザインの経験を活かして、Webディレクターとして活躍したいあなたへ。Webサイト制作には、HTML/CSSのコーディングスキルが不可欠です。この記事では、「祐」-たすく- 代表取締役 / Web・Officeインストラクター/Webディレクターの塚田大祐さんが、あなたのレベルに合わせたおすすめの書籍や参考サイト、そして学習のヒントを紹介します。
解説者
「祐」-たすく- 代表取締役 / Web・Officeインストラクター/Webディレクター
東放学園 放送広告科卒業
海外向け広告代理店でDTPによる印刷物(カタログ・チラシ等)の制作に従事。
その後、専門学校の担任教員を経て、独立。雑誌レイアウトやチラシ・カタログ・Webサイトの制作及び大学・専門学校等の非常勤講師・企業のデザイン研修・Office研修をメインに活動。
大学生の就職活動支援の講座運営スタッフや政治家養成のための大学院設立の運営スタッフとしてサイト作成などに携わる。
Mac検定委員会の検定準備委員会役員及び検定問題の基礎構築と問題作成。「マックでマンガ」(共著)での執筆。
初心者の方:長く愛され売れてるHTML本
おすすめ書籍:『1冊ですべて身につくHTML & CSSとWebデザイン入門講座 著者 Mana』
書籍概要: Webサイト制作の基礎をゼロから学びたい方におすすめの一冊です。 HTMLとCSSというWebページの骨格となる言語から、デザインの基礎、そして実際の制作の流れまで、網羅的に解説されています。
中級者の方:実践的なスキルを身につけ、ステップアップ!
おすすめ書籍:『教科書では教えてくれないHTML&CSS 著者 狩野祐東』
書籍概要: HTMLとCSSの基礎を学んだ後、一歩踏み込んで、より高度な表現や効率的なコーディング方法を学びたい方に最適です。際のWebサイト制作で役立つ知識やノウハウが満載されており、より実践的なスキルを習得できます。
上級者の方:最先端の技術を学び、Web開発のスペシャリストへ!
おすすめ書籍:『CSS設計完全ガイド ~詳細解説+実践的モジュール集』
書籍概要: Webサイトの見た目をデザインする上で欠かせないCSSの設計手法を、体系的に解説した書籍です。単にCSSの書き方を学ぶだけでなく、より効率的で保守性の高いCSSコード を書くための設計の考え方や、具体的な実践方法が詳しく解説されています。
おすすめサイト:Zenn
概要: 解説を含めてそれぞれのデザイナーが分かりやすく解説しているものが多く参考になります。
解説者・塚田大祐さんから一言
書籍を見ながら覚えていく方法は大事です。しかし、実際に自分で作りたいものをトライ&エラーで作成していくとさらに成長が見えますので、1つ1つを繰り返し作り覚えていって下さい。