【Webスタンダードテクニックユニット 教程16 実践的レイアウトその5】
【Webスタンダードテクニックユニット 教程16 実践的レイアウトその5】
先週作成したトップページを活かしながら複数ページ展開の方法を学びました。
コンテンツとしてCDジャケットと関連情報をテーブル(表組み)で入れていきます。あくまでのWeb2.0的なWeb制作のための準備という考え方です。
【今日の授業内容】
Dreamwerver
・複数ページ作成
トップページをそのままファイル→新規保存
新規保存して別名でコンテンツページ用のファイル名をつけます。
・コンテンツとしてCDジャケットと関連情報を入れます。
ここでもテーブルの特性を理解するようあえてテーブルを入れ子にして作っていきます。
あくまでのWeb2.0的なWeb制作のための準備という考え方です。

Web制作の現場では、このようなデータ(ここでは、CDジャケットと関連情報)を入れる雛形を作りプログラマーに渡し、プログラマーによりデータをはき出します。
現在のところほとんどのプログラマーからは、CSSではなくテーブルでデザインして欲しいという指示、要望が多いそうです。
Fireworks
コンテンツ用の背景画像4枚作成、書き出し。
・レイヤー管理することで効率よく背景画像を加工・作成していきます。
・スライス挿入、書き出しの反復練習
・背景画像加工、書き出しの反復練習
Dreamwerver
・各ページ背景画像の入れ替え。
・CSSの適用
CSSタグに対して詳細を設定する練習。
SEO対策としてのCSS活用法。
外部CSSでの記述をする前に、CSSを理解するためにまずタグに対してスタイルを設定する練習をしていきます。
新規CSSルールでカスタムクラスを適用。
私は、ホームページを作る際、CSSは手打ちで作成してきました。
Dreamwerverでの効率的なCSSの操作を覚えたいと思っていたので、今後のCSSに関する授業の展開が楽しみです。
Webデザイナースクール探しのコツ
ウェブデザイナースクールを探す時、まずあなたはどんな情報を重視しますか?
Webデザイナーと一言でいっても、 Webプロデューサー、Webディレクター、Webプログラマー、派遣でWeb制作、企業内でWeb担当・・といったように就職先や職種など様々な道があります。
無駄なく、すべてを学べる最適な学習プランを見つけるコツはWeb講座専用の資料を入手することです。
Web講座専用の資料を請求すると、Webデザイナーとして目指すクリエイターになるには、何を勉強し、どんなスキルを習得すればよいのか?
また、それには費用はいくらかかるのか?
など無駄なく、すべてを学べる最適な学習プランをチェックできます。
また、講座の詳しい説明はもちろん、修了生の感想や活躍状況など ネットや広告には書かれていないプロならではの業界最新事情なども手に入ります。
ヒューマンアカデミーには、無料資料が用意されていますので、スクール探しの情報収集として、まずは最新情報を無料で取り寄せてみましょう!!
« 【Webスタンダードテクニックユニット 教程15 実践的レイアウトその4】 | HOMEへ | 【Webスタンダードテクニックユニット 教程17 実践的レイアウトその6】 »
【Webデザイナースクール体験記スタンダードテクニックユニットカテゴリーの関連記事】
・【Webスタンダードテクニックユニット 教程22 Flash・Fireworks】
・【Webスタンダードテクニックユニット 教程21 Flash・HTML・CSS】
・【Webスタンダードテクニックユニット 教程20 Flash】
・【Webスタンダードテクニックユニット 教程19 Flash】
・【Webスタンダードテクニックユニット 教程18 Flash】
・【Webスタンダードテクニックユニット 教程17 実践的レイアウトその6】
・【Webスタンダードテクニックユニット 教程16 実践的レイアウトその5】
・【Webスタンダードテクニックユニット 教程15 実践的レイアウトその4】
・【Webスタンダードテクニックユニット 教程14 実践的レイアウトその3】
・【Webスタンダードテクニックユニット 教程13 実践的レイアウトその2】
・Webスタンダードテクニックユニット 教程12 実践的レイアウト FireworksとDreamwerverの連動
・Webスタンダードテクニックユニット 教程11 実践的レイアウト、デザイン
・Webスタンダードテクニックユニット 教程10 テーブルレイアウト データ用テーブル、入れ子テーブル
・Webスタンダードテクニックユニット 教程9 テーブルレイアウト、テーブルタグの詳細、FFFTP
・Webスタンダードテクニックユニット 教程8 テーブルレイアウト
・Webスタンダードテクニックユニット 教程7 ブラウザとソースコード
トラックバック
このエントリーのトラックバックURL:
http://www.pro-web.info/mt/mt-tb.cgi/21
