法人のお客様Schooをご利用になるには、JavaScriptの設定を有効にしてください。小規模なWebサイトを作れるようになるための6回授業この全6回シリーズは、3回連続授業の後、「WEBデザインのためのPhotoshop全3回」をはさみ、その後2回実施されます。その後「jQueryの基礎を理解する全6回」の6回目でweb制作ワークフロー全行程完了となります。シリーズを通して授業を受けると小規模なwebサイトを制作するスキルを身に付ける事ができます。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインに必要なワイヤーフレーム全3回】の事前受講をオススメします。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の1回目です。「【WEBデザインに必要なワイヤーフレーム全3回】」にて制作したワイヤーフレーム(webページの設計図)通りにHTML文書をCSSを使ってレイアウトしていきます。これからWebデザインを始めようと思っている方のために、「HTML/CSS」について簡単に説明してみましょう。Languageの頭文字を取ってHTMLと呼びます。Webページを作成するために必要となる言語です。世の中のほとんどのWebページはHTMLで作られていると言っても過言ではありません。HTMLはコンピューターに、文書の構造を指示したり、検索エンジンやインターネットブラウザがきちんと表示をするために必要な言語です。Sheetsと呼ばれます。その名の通り、Webページのスタイルを指示するための言語です。先ほどのHTMLと組み合わせることによって、Webページを装飾して、見栄えを良くしたりするといった、デザインをするときに必要になります。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の2回目です。1回目の「HTMLとCSSって何?(概要理解とツール導入)」で概要を学んだHTML5の正しい文書構造に基づき、マークアップしていきます。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の3回目です。2回目の「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】で完成した、html5文書にスタイルシートを当てていきます。HTML+CSSのコーディングルールについて学ぶ【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全6回の4回目です。【WEBデザインのためのPhotoshop】全3回で制作したカンプからビルボードとサムネールをスライスで切り出しました。これでサイトを制作する準備が整いました。jQueryを設置してインタラクティブなサイトを完成させる前に、htmlとcssのコーディングルールについて詳しく勉強して行きましょう。Text2を使用していきます。クリエイティブクラウドは月単位の課金が可能です。Weaverを使用して頂いてかまいません。カンプからスライス切り出しした画像をwebページに組み込む「HTML&CSS特訓」サイト内への画像の配置や、デザインの反映など、ここまでのHTMLとCSSの知識を使ってコーディングしながら慣れていきましょう。(現在、以下の2つの授業は無料で受講が可能です)全くHTMLとCSSに触れた事の無い方は、下記の授業で勉強して望むと、より学べます。【WEBデザインのためのPhotoshop】で制作したカンプから切り出したビルボード及び、サムネールをwebページ上に設置してコーディングする方法を学びます。前回の授業同様、サイト内への画像の配置や、デザインの反映など、ここまでのHTMLとCSSの知識を使ってコーディングしながら慣れていきましょう。(現在、以下の2つの授業は無料で受講が可能です)全くHTMLとCSSに触れた事の無い方は、下記の授業で勉強して望むと、より学べます。次は、設置した画像をインタラクティブに動かして行く【jQueryプラグインの設置に必要なhtmlとcssの知識】を学びますので、この授業ではしっかり画像の配置を学んでおきましょう。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインのためのPhotoshop】全3回の事前受講をオススメします。サイト制作の大まかな流れは、下記の様な物になります。1)クライアント(お客様)へのヒヤリング2)ターゲット設定3)サイト設計(ワイヤーフレーム)4)制作仕様書策定(デザインルール、コーディングルール策定)5)開発(デザイン&コーディング)6)ローカルテスト7)テストサーバーレビュー(クライアントチェック)8)リリース(本サーバーアップ)9)ランニング(SEO解析)この演習では、5番の開発の部分です。完成した静的ページをユーザーさんのアクションでインタラクティブに動くページにブラッシュアップしていきます。受講にあたって準備するもの1)Sublimeのインストール(授業中コードを打つのに使います)下記のURLからダウンロードしてください。http://www.sublimetext.com/2設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。※DreamWeaverが慣れている人は、こちらを使用されてもかまいません。(授業中配布する教材の解凍に使います)授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。OSXの場合はダブルクリックで展開します。Lite.appを検索してダウンロードしインストールしておきます。Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。小規模なWebサイトを作れるようになるための6回授業この全6回シリーズは、3回連続授業の後、「WEBデザインのためのPhotoshop全3回」をはさみ、その後2回実施されます。その後「jQueryの基礎を理解する全6回」の6回目でweb制作ワークフロー全行程完了となります。シリーズを通して授業を受けると小規模なwebサイトを制作するスキルを身に付ける事ができます。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインに必要なワイヤーフレーム全3回】の事前受講をオススメします。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の1回目です。「【WEBデザインに必要なワイヤーフレーム全3回】」にて制作したワイヤーフレーム(webページの設計図)通りにHTML文書をCSSを使ってレイアウトしていきます。これからWebデザインを始めようと思っている方のために、「HTML/CSS」について簡単に説明してみましょう。Languageの頭文字を取ってHTMLと呼びます。Webページを作成するために必要となる言語です。世の中のほとんどのWebページはHTMLで作られていると言っても過言ではありません。HTMLはコンピューターに、文書の構造を指示したり、検索エンジンやインターネットブラウザがきちんと表示をするために必要な言語です。Sheetsと呼ばれます。その名の通り、Webページのスタイルを指示するための言語です。先ほどのHTMLと組み合わせることによって、Webページを装飾して、見栄えを良くしたりするといった、デザインをするときに必要になります。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の2回目です。1回目の「HTMLとCSSって何?(概要理解とツール導入)」で概要を学んだHTML5の正しい文書構造に基づき、マークアップしていきます。【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全5回の3回目です。2回目の「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】で完成した、html5文書にスタイルシートを当てていきます。HTML+CSSのコーディングルールについて学ぶ【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全6回の4回目です。【WEBデザインのためのPhotoshop】全3回で制作したカンプからビルボードとサムネールをスライスで切り出しました。これでサイトを制作する準備が整いました。jQueryを設置してインタラクティブなサイトを完成させる前に、htmlとcssのコーディングルールについて詳しく勉強して行きましょう。Text2を使用していきます。クリエイティブクラウドは月単位の課金が可能です。Weaverを使用して頂いてかまいません。カンプからスライス切り出しした画像をwebページに組み込む「HTML&CSS特訓」サイト内への画像の配置や、デザインの反映など、ここまでのHTMLとCSSの知識を使ってコーディングしながら慣れていきましょう。(現在、以下の2つの授業は無料で受講が可能です)全くHTMLとCSSに触れた事の無い方は、下記の授業で勉強して望むと、より学べます。【WEBデザインのためのPhotoshop】で制作したカンプから切り出したビルボード及び、サムネールをwebページ上に設置してコーディングする方法を学びます。前回の授業同様、サイト内への画像の配置や、デザインの反映など、ここまでのHTMLとCSSの知識を使ってコーディングしながら慣れていきましょう。(現在、以下の2つの授業は無料で受講が可能です)全くHTMLとCSSに触れた事の無い方は、下記の授業で勉強して望むと、より学べます。次は、設置した画像をインタラクティブに動かして行く【jQueryプラグインの設置に必要なhtmlとcssの知識】を学びますので、この授業ではしっかり画像の配置を学んでおきましょう。途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインのためのPhotoshop】全3回の事前受講をオススメします。サイト制作の大まかな流れは、下記の様な物になります。1)クライアント(お客様)へのヒヤリング2)ターゲット設定3)サイト設計(ワイヤーフレーム)4)制作仕様書策定(デザインルール、コーディングルール策定)5)開発(デザイン&コーディング)6)ローカルテスト7)テストサーバーレビュー(クライアントチェック)8)リリース(本サーバーアップ)9)ランニング(SEO解析)この演習では、5番の開発の部分です。完成した静的ページをユーザーさんのアクションでインタラクティブに動くページにブラッシュアップしていきます。受講にあたって準備するもの1)Sublimeのインストール(授業中コードを打つのに使います)下記のURLからダウンロードしてください。http://www.sublimetext.com/2設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。※DreamWeaverが慣れている人は、こちらを使用されてもかまいません。(授業中配布する教材の解凍に使います)授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。OSXの場合はダブルクリックで展開します。Lite.appを検索してダウンロードしインストールしておきます。Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。-第13回:セキュリティ実装技術-公太さんが受講しました悩み「将来、食べていけるか不安」に対し、哲学者はどう考えたのか。閉じる資料をダウンロードするには資料パスワードの設定が必要です。資料パスワードを設定する閉じる資料のダウンロードは1日10件、1ヶ月100件までです。Reserved.スクーについてご意見をお聞かせくださいありがとうございました!いただいたご意見はスクー教務課にて確認し、今後の運営に役立てさせていただきます。個々のご意見にはご返信しておりませんので予めご了承ください。招待したあなたには2枚、招待されたお友達には1枚、録画授業が受けられる「チケット」をプレゼントします。IDで登録メールアドレスまたはパスワードが違います。ログインできない方は「よくある質問」をご確認下さい。