内容紹介

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。※PDF版をご希望の方はGihyo Digital Publishingも併せてご覧ください。

◆実案件をもとに作成した練習サイトで、プロの知識をマスターしよう！◆

入門編から実践編まで、6ステップで上達できる！

納品レベルのコーディング・スキルが身につく練習帳です。

転職や副業、フリーランスとして、仕事としてのWebデザインが人気を集めています。Webデザイナーを目指す人が最初に学ぶのはHTML&CSSですが、コーディングの基本を学んだだけでは、Webサイトを制作する力は身につきません。納品レベルのWebサイトを1から作るためには、実践的なノウハウと、実際のWebサイトをもとにしたデザインの引き出し、そしてなにより経験の積み重ねが必要になるからです。これらの条件は、本来、制作会社に入って実制作を重ねることで身につけられるものですが、独学やフリーランスの道を進んだ人にとっては、そうはいきません。本書は、HTML&CSSの最初の学習を完了し、Webデザインを仕事にするレベルへと進みたい人のために、実案件をもとに作成した練習サイトを使って制作方法をマスターし、納品レベルのコーディング・スキルを身につけることのできる書籍です。オンラインでコーディング学習教材を提供するCodejump主催の小豆沢健が、多くの学習者をサポートしてきた制作ノウハウを提供します。本書のポイントは、以下の3点です。

【デモサイト】実案件に近いレベルのデモサイトを、難易度別に6種類用意しています。

【レイアウト】実案件に必須のレイアウトを、サイト全体と各パーツごとに解説しています。

【タグや技術】実案件のWebサイトで使用するタグや技術を、サンプルコードに盛り込んでいます。

これら3つのポイントに沿って、納品に耐えうる品質のWebサイトを作り上げていくことで、コーディング・スキルを高め、Webデザインを仕事にするための実力を身につけることができます。コードはすべて、レスポンシブ対応。デモサイトのコードやカンプ、画像は、すべてダウンロード提供します。

■こんな方におすすめ

・HTML&CSSの基本はマスターしたが、自力でWebサイトを作れず悩んでいる人

・HTML&CSSの実務で使えるスキルをマスターしたい人

■目次

第1章 入門編 プロフィールサイトを作ろう

第2章 初級編 ブランドサイトを作ろう

第3章 中級編 サービスサイトを作ろう

第4章 上級編 カフェサイトを作ろう

第5章 応用編 ランディングページを作ろう

第6章 実践編 ポートレートサイトを作ろう

■著者プロフィール

小豆沢健：三重県出身。大学卒業後、IT系のソフトウェア開発会社に入社し、多数のシステム開発案件に従事。独立後は、スタートアップから大手企業まで様々な会社のWebアプリケーション開発やWebサイト制作に携わる。2020年に実践的なコーディングが学べる学習サイト「Codejump」を立ち上げ、累計10万人以上の人が利用。現在もCodejumpの運営を行いながら、様々な企業の開発や制作に幅広く携わっている。Webサイト：Codejump（https://code-jump.com）　SNS：https://x.com/codestep_com