カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ｜オンライン動画授業・講座のSchoo（スクー）
Webページは写真やロゴなどの「ビジュアル」と、HTMLやCSSといった「コード」で成り立っています。 この授業では、カフェ店舗のWebサイトをテーマにして下記の流れで進めていきます。 １．サイトの目的を考える ２．ビジュアルとコードを見つめる ２．ビジュアルイメージを練る ３．レイアウトを構成する ４．HTMLを設計する ５．CSSで飾る ６．Javascriptで演出する ※写真・テキストなどの原稿はダウンロードいただけるよう、ご用意します ブログやfacebookなど、既に出来上がっているWebを活用するのも楽しいことですが、まっさらな状態から制作することでWebへの理解が深まり、Webをつくる喜びを感じられるはずです。 Web業界は常に過渡期の連続ですが、変わらない技術と考え方が存在します。 それは試行錯誤する能力であり、スポーツ選手にとっての体幹です。 これらが身につけば、新しい
フリーランサーのためのシングルページ デザインの制作法（後編）｜オンライン動画授業・講座のSchoo（スクー）
フリーランサーのための最新Webデザイン講座 ２回シリーズの前編は、フリーランサーが自分の“武器”とするための「シングルページ・デザイン」のキホンをわかりやすく説明する回です。今回のこの後半では、「シングルページ・デザイン」の実装法を実演します。「シングルページ・デザイン」では、「インブラウザ・デザイン（designing in the Browser）」の手法で制作を進めます。最初にブラウザ上で動くHTML5で出来た「プロトタイプ」を作り、これをブラッシュアップすることで完成・公開までもっていきます。つまり、「プロトタイプ」を作る前の雛形の準備と設計が今まで以上に大事になるということ。この授業では、その勘所とコツについても詳しくお話します。 ◎特にこんな方は要チェック １．自分の強みを持ちたいフリーランサーのＷｅｂデザイナー、ディレクター ２．「シングルページ・デザイン」「ワンページ・デ
挫折した人のための、初心者速習html+css【JQueryで商品画像をポップアップさせよう編】｜オンライン動画授業・講座のSchoo（スクー）
※録画授業を受講いただく前にご確認ください 授業内で使用するWordPressプラグインのURLが下記に変更になりました。授業中にスクー教務課が投稿しているプラグインは、現在有料のものになりますので、下記をご利用くださいませ。 ▼本授業で使用するWordPressプラグイン https://github.com/gilbitron/Nivo-Lightbox また、授業内で配布している演習用素材のURLが開けない、という方はインターネットのセキュリティレベルを変更されるか、こちらのストレージからダウンロードしてください ▼演習用素材 http://bit.ly/13XJPtE html+cssを挫折した全ての人に贈るシリーズ 全5回 このシリーズは1回で完結していますが、 1回から5回まで同じサイトがどんどん完成して行く形になっています。 1回づつ完結した出来上がり見本付きの演習ファイルが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
