【授業】Webスクール学習の流れ～その１～

こんにちは！Webデザイナーを目指しているゆかりんと申します。初めましての方もどうぞよろしくお願いします。

はじめに（準備など）

10月からWebデザイナーのスクールに通っています。大まかにですが、学習した事を箇条書きにしてみました。自分が学習した事を頭の中で整頓する為にも。

まずは準備段階として、Dw（ドリームウィーバー）、Ps（フォトショップ）、Ai（イラストレーター）などを「Adobe Creative Cloud」でダウンロード（購入）。cssを調べる為の辞典も揃えました。

クリエイター向けソフトとサービス | Adobe Creative Cloud

Amazon.co.jp： CSS辞典 第5版 [CSS2/3/4対応]: 株式会社アンク: 本

Dwのセットアップ、サーバーにサイトを公開する設定方法

1. ネット上にホームページをアップする方法（FTP接続など）
2. フォルダの整頓方法（１サイトに対し、１フォルダ）
3. フォルダやシートの名前の付け方（定義など）
4. Dwの初期設定を自分の使いやすいフォーマットに変更
5. Dw上で作ったサイトは修正加える度にチェックする（GoogleChrome使用）

HTMLの構造を学ぶ（文章・土台作り）

1. 基本的な要素の学習（h1見出し,p段落,）
2. classとdivの考え方と使い方（違いは何か？）
3. htmlシートにcssをリンクさせる方法
4. 内部・外部リンクを貼る方法（ターゲット：なし＆_blank）
5. img（画像）を貼る方法（imgに対してリンクを貼る）
6. 箇条書き、番号付きリストの使い方など

CSSの構造を学ぶ（ページのレイアウト）

1. 基本的な要素の学習（color,background-color,magin,paddingなど）
2. html上で指定したclassやdivに対してコーティングする方法
3. htmlでは骨組みのみ、主にcssを編集していく
4. コードにメモ書きを残す意味合い→/* */（実際にメモを残す）

 第１回目の授業ではここまででした。この内容だけでも基礎的な学習はかなり進みました。２回目以降は少し新しい学習と応用を加えた内容になります。

さいごに

感じた事と言えば、Dw（ドリームウィーバー）のソフトを使えばホームページ作りは格段に楽になると言う事です。（手助けをしてくれるような感覚）このソフトをいかに上手に使っていくか？が今後の鍵になってくると思います。何故求人広告にDw必須って書いてあったか、少しだけ分かった気がします。

また必要に応じて「フォトショップ」や「イラストレーター」も学習の必要があるという点で言えば、Web用の画像を処理する上では必須になってくると思います。この２点に関しては基礎的な部分の知識は必要になってくるでしょう。

☆関連記事☆

www.love-wd-yuka.com

www.love-wd-yuka.com

www.love-wd-yuka.com

ウェブデザインを仕事にする。 プロの考え方、ワークフロー、つくる楽しさ

CSS辞典 第5版 [CSS2/3/4対応]

それではまた～(^^)