2/25(Tue)

今日の生放送

19:00 - 20:00

非エンジニアがWebサービスを開発する方法

非エンジニアがWebサービスを開発する方法 第1回

20:00 - 21:00

「SWOT」と、「PEST」「3C」の関係をマインドマップで紐解く

「SWOT」と、「PEST」「3C」の関係をマインドマップで紐解く 第2回

21:00 - 22:00

ファクトを読み解くためのデータリテラシー

ファクトを読み解くためのデータリテラシー 第2回

22:00 - 23:00

デザインセンスのいらないデザイン経営（出演：徳田 祐司）

デザインセンスのいらないデザイン経営（出演：徳田 祐司） 第4回

Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】

お気に入り登録
Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】

2014年5月22日公開

30min

Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】

おためし受講する（5分）

コース概要

1回目の「HTMLとCSSって何？（概要理解とツール導入）」で概要を学んだHTML5の正しい文書構造に基づき、マークアップしていきます。
 

小規模なWebサイトを作れるようになるための6回授業

この全6回シリーズは、3回連続授業の後、「WEBデザインのためのPhotoshop全3回」をはさみ、その後2回実施されます。その後「jQueryの基礎を理解する全6回」の6回目でweb制作ワークフロー全行程完了となります。シリーズを通して授業を受けると小規模なwebサイトを制作するスキルを身に付ける事ができます。
 
途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインに必要なワイヤーフレーム全３回】の事前受講をオススメします。
 

サイト制作の大まかな流れは、下記の様な物になります。

１）クライアント（お客様）へのヒヤリング
２）ターゲット設定
３）サイト設計（ワイヤーフレーム）
４）制作仕様書策定（デザインルール、コーディングルール策定）
５）開発（デザイン＆コーディング）
６）ローカルテスト
７）テストサーバーレビュー（クライアントチェック）
８）リリース（本サーバーアップ）
９）ランニング（SEO解析）
 
この演習では、5番の開発の部分です。
ワイヤーフレームのレイアウト通りにコーディングするスキルを身につけます。
 

受講にあたって準備するもの

１）adobe DreamWeaverCC
下記のurlより、ダウンロードしてください。
DreamWeaverを使うにはまず、Adobe Creative Stationをインストールします。上記のurlから案内に従ってインストールしてください。
体験版は１ヶ月無料で使用できます。(既に旧ヴァージョンのadobe DreamWeaverを使用して授業を受ける事も可能です。)
 
・容量が大きいのでダウンロードにかなり時間がかかります。
・wiondowsでもMacでもインストールできますが、メモリ（Ram）は2GM以上入っている事が望ましいです。
・windowsXPをお使いの方はサービスパック３(SP3)までをインストールする事によって、adove CC Illustoratorをインストールできます。各ヴァージョンのwindowsの対応状況に付いては下記をご覧下さい。
 
・初めてDreamWeaverに触れる人は、以下の公式サイトのトレーニングビデオやチュートリアルをを見てDreamWeaverの基本操作を知っておいてください。動画の通りにできるようになる必要はありません。DreamWeaverではどんな事ができるか知っておきましょう。
 
【DreamweaverでWebページを作成する方法】
 
【Learn Dreamweaver CC】（Adobe TVのDreamweaverチュートリアル）
 
【Dreamweaver ヘルプ】
 
【Dreamweaver CC の一般的なキーボードショートカット】

担当の先生

パーソナリティ

  • 未定

    未定

参加したい受講生 : 747人

カテゴリー

タグ

月額980円で、4,600本以上の授業が見放題

授業リスト

Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】

2014年5月22日公開

30min.

おためし受講する（5分）

1回目の「HTMLとCSSって何？（概要理解とツール導入）」で概要を学んだHTML5の正しい文書構造に基づき、マークアップしていきます。
 

小規模なWebサイトを作れるようになるための6回授業

この全6回シリーズは、3回連続授業の後、「WEBデザインのためのPhotoshop全3回」をはさみ、その後2回実施されます。その後「jQueryの基礎を理解する全6回」の6回目でweb制作ワークフロー全行程完了となります。シリーズを通して授業を受けると小規模なwebサイトを制作するスキルを身に付ける事ができます。
 
途中からでも参加できるように、演習課題はそこまでの段階が出来上がった物を配布しています。録画が受講できるようであれば、【WEBデザインに必要なワイヤーフレーム全３回】の事前受講をオススメします。
 

サイト制作の大まかな流れは、下記の様な物になります。

１）クライアント（お客様）へのヒヤリング
２）ターゲット設定
３）サイト設計（ワイヤーフレーム）
４）制作仕様書策定（デザインルール、コーディングルール策定）
５）開発（デザイン＆コーディング）
６）ローカルテスト
７）テストサーバーレビュー（クライアントチェック）
８）リリース（本サーバーアップ）
９）ランニング（SEO解析）
 
この演習では、5番の開発の部分です。
ワイヤーフレームのレイアウト通りにコーディングするスキルを身につけます。
 

受講にあたって準備するもの

１）adobe DreamWeaverCC
下記のurlより、ダウンロードしてください。
DreamWeaverを使うにはまず、Adobe Creative Stationをインストールします。上記のurlから案内に従ってインストールしてください。
体験版は１ヶ月無料で使用できます。(既に旧ヴァージョンのadobe DreamWeaverを使用して授業を受ける事も可能です。)
 
・容量が大きいのでダウンロードにかなり時間がかかります。
・wiondowsでもMacでもインストールできますが、メモリ（Ram）は2GM以上入っている事が望ましいです。
・windowsXPをお使いの方はサービスパック３(SP3)までをインストールする事によって、adove CC Illustoratorをインストールできます。各ヴァージョンのwindowsの対応状況に付いては下記をご覧下さい。
 
・初めてDreamWeaverに触れる人は、以下の公式サイトのトレーニングビデオやチュートリアルをを見てDreamWeaverの基本操作を知っておいてください。動画の通りにできるようになる必要はありません。DreamWeaverではどんな事ができるか知っておきましょう。
 
【DreamweaverでWebページを作成する方法】
 
【Learn Dreamweaver CC】（Adobe TVのDreamweaverチュートリアル）
 
【Dreamweaver ヘルプ】
 
【Dreamweaver CC の一般的なキーボードショートカット】

スライド資料

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ

Webデザインを始めたい方に贈る、「HTMLが嫌いにならない正しい構文」必要スキル【CSS編】

Webデザインを始めたい方に贈る、「HTMLが嫌いにならない正しい構文」必要スキル【CSS編】
Aoi

Aoiさんが受講しました

バナーデザイン実践 〜コスメ編〜

バナーデザイン実践 〜コスメ編〜
陽治

陽治さんが受講しました

挫折した人のための、初心者速習html+css【2カラムボックスモデル編】

挫折した人のための、初心者速習html+css【2カラムボックスモデル編】
Aoi

Aoiさんが受講しました

WebデザインのためのjQuery入門 -スムーズに上にもどるボタンの実装-

WebデザインのためのjQuery入門 -スムーズに上にもどるボタンの実装-
壮太

壮太さんが受講しました

Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】

Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】
Aoi

Aoiさんが受講しました

Webデザイン入門 ワークフロー編

Webデザイン入門 ワークフロー編
妙子

妙子さんが受講しました