Chapter 6「標準的なワークフローに沿ってWebサイトをデザインしてみよう」

コーヒーのアイコンを制作する

アイコンの制作手順が書籍だけでは分かりにくい場合は、以下の動画をご覧ください。

このサポートページの動画は、Google Chrome(MacまたはWindows版)での再生をおすすめします。Firefoxでは動画の画質が低下する場合があります。

動画左下の再生ボタンをクリックすると再生開始します。音が出ますのでご注意ください。動画右下のフルスクリーンボタンをクリックすると、全画面表示になります。

※Google Chromeでページを表示しているにもかかわらず動画がうまく再生できない場合、あるいは画質が悪い場合はページを再読み込みしてみてください。

ドリンクのアイコンを制作する

アイコンの制作手順が書籍だけでは分かりにくい場合は、以下の動画をご覧ください。

サンドイッチのアイコンを制作する

アイコンの制作手順が書籍だけでは分かりにくい場合は、以下の動画をご覧ください。

コンテンツ部分に文字とシェイプを配置し、整える

入力テキストは以下の通りです。テキストエリア内の文字列を選択して command+C(Winは Ctrl+C)キーでコピーしてご利用ください。

Webデザインについてさらに知りたい方へ

「プロになるためのWebデザイン入門講座」の著者は、渋谷にて「社会人のためのWebデザインスクール」や「WordPressカスタマイズ講座」を開講しています。
社会人のためのWebデザインスクールは、Webデザインが本当に初めての方向けにWebデザインの概論から Photoshop と Illustrator によるWebデザイン制作を3ヶ月かけて行う実践的なスクールです。

卒業生の中には、有名なWeb制作会社に就職できた方も数多くいます。

毎年2〜3回開催しています。ご興味ある方は、以下のフォームでメールアドレスを登録頂けば、開講の際お知らせいたします。

※開催地は東京・渋谷のみです。他の場所での開催は現在予定しておりません。

興味ある分野: Webデザイン入門 HTML/CSS(Dreamweaver) WordPress
JavaScript/jQuery スマートフォン(iPhone)対応 PHP
PCのメールアドレス:

Web制作の最新情報を発信しています

ブログ、Facebookページ、TwitterにてWebデザイン、コーディング、WordPress、その他Web制作に関する情報を発信しています。

Stocker.jp / diary

Stocker.jp / diary

Webデザイン、Web制作、Adobeアプリケーションの使い方などを分かりやすく解説するブログです。

◀FacebookページではWeb制作に関連のある要チェックニュースのみ発信しています。

▲Twitterではそれに限らず、Webやデザイン関係の話題を幅広く発信しています。