Webサイトをデザインする!白紙から完成まで
    受講前のプレビュー画面では、一部の動画のみ再生することができます。全ての動画を再生するためには、受講登録が必要です。
レッスン一覧
Ch.1Fireworksでサイトデザイン!10:00:20
1 WEBサイトの簡単な構造解説!今後の作業手順 26:08 ☆☆☆☆☆
2 拡張子の説明、メモ帳で簡単なHTMLを作ってみる 30:46
3 保存先とルール!レイヤーの構造を解説! 18:08
4 白紙からのスタート、簡単な構造を作る! 20:24
5 背景のデザイン開始(ファイヤーワークス)containerを制作 27:26
6 コンテナーの背景デザイン!グラデーション使用 36:17
7 ヘッダーの背景デザイン、素材制作、ゆがみツール等 56:11
8 ヘッダー背景デザイン、更に作り込んで拘ろう! 19:38
9 ヘッダー総合デザイン、文字・写真・図形でほぼ完成まで 59:50
10 完成したヘッダーを更にドレスアップする手法、サイドナビ 53:40
11 サイドナビをデザインする 19:35 ☆☆☆☆☆
12 コンテンツ制作開始、背景のドレスアップ、素材加工 31:41
13 コンテンツBデザイン、ブロック構造の計算、フッターまで 27:50
14 GIFアニメーション① 右カラムの制作 31:36
15 GIFアニメーション② デザイン性を高める 42:13
16 GIFアニメーション③ フッター部分の作り込み 16:58
17 デザインの最終回、全体的なデザイン装飾 12:48
18 デザインをスライスする、ステートを活用 30:41
19 ロールオーバースライス手法、スライス完成まで 38:30
Ch.2Dreamweaverでコーディング!07:45:58
20 サイト・サーバーのしくみ、初期設定 12:05
21 カスタマイズ、head内のメタ情報等の設定、テキスト入力 36:12
22 原稿のチェックandマークアップ作業 23:37
23 マークアップの修正、仮リンク、クローク、アセットパネル 26:04
24 タグセレクター、ブロック構造の為のDIVタグを設定する 31:02
25 CSSの概要・説明、外部CSSファイルの作り方 25:34
26 CSSスタイルパネル、CSSを使ってデザインし外部CSSへ保存 18:51
27 ヘッダー部分をCSSでレイアウトする、ポジショニングの使い方 20:02
28 番外編:CSSルール定義のボックスパネルを図解して解説 12:55
29 CSSフロートで全体の位置指定(図解&実行)外部リンク色 36:21 ☆☆☆☆☆
30 細部CSS設定① ナビゲーションAを完成まで 23:23
31 細部CSS設定② コンテンツA レイアウト調整 21:27
32 細部CSS設定③ コンテンツB 商品アイテムのブロック要素 30:35
33 コンテンツB+全体的なロールオーバー・外部Javaファイル設定 30:50
34 コンテンツBの仕上・CSSでレイアウトの微調整、右カラム制作 28:55
35 B-NAVIを完成まで、GIFアニメ修正(CSS調整) 15:41
36 CSSでフッター部分の完成、全体的なTOPページの完成 30:04
37 ページを増やす手法、テンプレート機能を活用する 16:01
38 番外編:説明不足の補足説明やCGIの概要 26:19
Ch.3CGIでメールフォームの設置!06:33:03
39 メールフォームCGIの説明、フリーCGIにチャレンジしてみよう! 17:42
40 メールフォームをデザインする(テーブル使用) 33:42
41 メールフォームの修正、フォームの挿入、スプライを使用 33:30
42 メールフォームの詳細調整、スプライをデザインカスタマイズ 28:18
43 CGIの初期設定、リモートサイト(レンタルサーバー)の解説 33:03
44 実際にアップロード(更にメール送信テスト) 15:05 ☆☆☆☆☆
45 フリーCGIのCSSをカスタマイズしデザインする 26:27
46 全体の仮リンクを修正、CGIアップロードチェック、テスト 15:37
47 番外編:ページ名の変更・CGIの実験・その他対処法・更新等 15:13
48 新ページ制作、部品制作フォトショップアクションで効率化 40:06
49 新ページのレイアウトFW、ボタン制作、ブロック完成 31:57
50 ドリームウィーバーCSSでレイアウト、コピー複製 38:31
51 部品制作PS、CSSのカスタマイズ、背景を利用した商品写真 30:15
52 すべてを完成まで、実際にアップロードして最終チェック 17:57
53 メールフォームCGIの不具合、簡単な修正と対処 15:40




誰でもオンライン講座を配信できます

    myteeでは、レッスン動画さえあれば誰でもオンライン講座を配信することができます。ユーザー登録後、サイト上部に表示される「インストラクター」アイコンから講師登録ができます。講座の配信手続きは全てWebブラウザ上で行えますが、ご質問・ご相談等ございましたらお気軽にフォーム(ログイン必須)からお問い合わせください。