Webスタンダードテクニックユニット教程9 テーブルレイアウト、テーブルタグの詳細、FFFTP：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タグを覚えながらのテーブルレイアウト
↓
次回から：本格的なデザイン、レイアウト