Webスクールレベルの授業が格安で学べるWebデザインのオンライン講座。Illustratorでロゴやパーツを作り、PhotoshopでWebデザイン、その後、HTML・CSSでのコーディングまでの現場レベルのWeb制作を効率的に学べる実践編 Webスクールレベルの授業が格安で学べるWebデザインのオンライン講座。

HOME >> Webデザイナースクール体験記スタンダードテクニックユニット >> Webスタンダードテクニックユニット 教程9 テーブルレイアウト、テーブルタグの詳細、FFFTP

Webスタンダードテクニックユニット 教程9 テーブルレイアウト、テーブルタグの詳細、FFFTP

【教程9 テーブルレイアウト テーブルタグの詳細、FFFTP】

今回も先週に続いて、テーブルレイアウトです。
先週は、Dreamwerverの操作に慣れる、感覚をつかむという感じでテーブルレイアウトをやりましたが、今回はテーブルを構成するHTMLタグの細かな解説を受けながらの授業でした。

またファイル転送ソフトFFFTPを使って受講生用に準備されているサーバーへのアップロードも行いました。

ヒューマンアカデミーのWeb講座では、課題制作用に受講生一人に約20MB容量のサーバースペースが準備されていて受講終了後、半年まで有効になっています。

【今回の授業内容】
■Web2.0的考え方でトップページから末端ページまで基本的なレイアウトを変えずにホームページを作り上げる
一つ雛形を作ってしまえば、これを複製していけばよい・・・ということで
■前回作成したトップページを複製、背景画像を変えて5ページ作成。
Dreamwerverでのページの複製方法
1.ファイル→別名で保存
2.フォルダ内でコピー&ペースト→ファイル名の変更

■ファイル転送ソフトFFFTPの使い方
ファイル転送ソフトFFFTPを使ってサーバーにアップロード。

初心者 Webデザイナー


■テーブル練習
テーブルを構成するHTMLタグを覚えながらのテーブルレイアウト
ファイル→新規作成
自分が今、どこのフォルダにいるのか、ルートや基準になる場所を把握する。
ファイルの保存
titleタグの重要性
body、html、head、metaタグの意味
Excelファイル(表データ)をDreamwerverで開く方法
あくまでも、表組みのためのレイアウトではなく、テーブルタグをおさえ、今どきのデザインを作っていくというスタイル


Web標準「ビジュアル情報はHTMLから切り離してCSSファイルに記述する」という流れから、テーブルレイアウトは徐々に使われなくなりつつあります。
しかし、あえて初めにテーブルレイアウトを覚える理由は・・

  • 今後、スライスを切ったり、CSSの理解をスムーズにするためにテーブルレイアウトを理解する必要がある。
  • 自分の置きたい位置に表示させたいパーツを置いていくにはテーブルのしくみを知る必要がある。
  • ブラウザには様々な種類があり、見る環境によって、レイアウトがどのユーザーでも同じに見えるわけではない。
    プラットホームによってはレイアウトがずれたり、表示されないという場合もある。
    少なくともレイアウトくらいは、どの環境でも確実に表示させることができるようにテーブルの知識を持つ。

【授業の流れ】
前回:Dreamwerverの操作に慣れる、感覚をつかむテーブルレイアウト

今回:テーブルを構成するHTMLタグを覚えながらのテーブルレイアウト

次回から:本格的なデザイン、レイアウト


Webデザイナースクール探しのコツ

ウェブデザイナースクールを探す時、まずあなたはどんな情報を重視しますか?

Webデザイナーと一言でいっても、 Webプロデューサー、Webディレクター、Webプログラマー、派遣でWeb制作、企業内でWeb担当・・といったように就職先や職種など様々な道があります。

無駄なく、すべてを学べる最適な学習プランを見つけるコツはWeb講座専用の資料を入手することです。

Web講座専用の資料を請求すると、Webデザイナーとして目指すクリエイターになるには、何を勉強し、どんなスキルを習得すればよいのか?
また、それには費用はいくらかかるのか?
など無駄なく、すべてを学べる最適な学習プランをチェックできます。

また、講座の詳しい説明はもちろん、修了生の感想や活躍状況など ネットや広告には書かれていないプロならではの業界最新事情なども手に入ります。

ヒューマンアカデミーには、無料資料が用意されていますので、スクール探しの情報収集として、まずは最新情報を無料で取り寄せてみましょう!!


ウェブデザイナー スクール ヒューマンアカデミー名古屋


ウェブデザイナー スクール ヒューマンアカデミー名古屋ヒューマンアカデミWeb講座資料請求(無料)>>>

ウェブデザイナー スクール ヒューマンアカデミー名古屋Webのお仕事とは?

ウェブデザイナー スクール ヒューマンアカデミー名古屋Web講座コース料金一覧

ウェブデザイナー スクール ヒューマンアカデミー名古屋Web講座の特徴・講師紹介

ウェブデザイナー スクール ヒューマンアカデミー名古屋Web関連試験資格情報


ウェブデザイナー スクール ヒューマンアカデミー名古屋ヒューマンアカデミーWeb講座資料請求(無料)はこちらから>>>

« Webスタンダードテクニックユニット 教程8 テーブルレイアウト | HOMEへ | Webスタンダードテクニックユニット 教程10 テーブルレイアウト データ用テーブル、入れ子テーブル »

【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 ブラウザとソースコード


HOMEへ   ▲画面上へ
Hatenaブックマークに追加 このエントリーをHatenaブックマークに追加

Yahoo!ブックマークに登録 Yahoo!ブックマークに登録  ブックマークに追加する

トラックバック

このエントリーのトラックバックURL:
http://www.pro-web.info/mt/mt-tb.cgi/28

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)