HTMLとCSSの講座のご案内です。WEBデザインにはHTMLとCSSの理解が不可欠です。

WEBデザインの基礎知識講座 Macintosh & Windows
¥25,200(税込)クレジットカードでのお支払OK(VISA・Master・DC)分割・リボ可
再受講可
6時間講座/10:00〜17:00 ※受講料以外の入学費や教材費等、またパソコンの持込は不要です。

05月20日(月) ■■■■■■■■■■
06月17日(月) ■■■■■■■■■■
07月16日(火) ■■■■■■■■■
は予約席、■は空席です。リアルタイムには反映されません。
カレンダーで確認
※お申込の締切は講習前日の午後3時まで、講習が月曜の場合は前週の金曜の午後3時までとなります。

この講習は三部構成になっています。WEBデザインに取り組むにあたって、最低限知っておいていただきたい事を「わかりやすく」ご説明いたします。

1つ目はホームページを作るための記述言語「HTML、XHTML、CSS」について。
2つ目は画像ファイルについて。
3つ目はWEBサーバーの概要とSEO(検索エンジン最適化)の概論です。

ホームページを作るための言語「HTML」(XHTML)。どのようなソフトウェアを使ってホームページを作っていくにも、「基本的な仕組み・ルール」を把握していなくてはなりません。「Dreamweaver基本講座」をご受講される方も、「WEBデザインは全く初めて」という方は、こちらの講座を先にご受講ください。

お得なセットをご用意しております。

■(X)HTMLとCSS編

  1. (X)HTMLとCSSの関係
  2. 基本となるhtml、head、bodyタグ
  3. 段落、見出し、リスト
  4. リンクの設定(aタグ)
  5. 画像の読み込み(imgタグ)
  6. CSSで見た目を整える
  7. セレクタ、プロパティ、値
  8. ボックスモデル
  9. floatプロパティによるレイアウト
  10. CSSのリセット
  11. CSSハックについて

使用ソフト(フリーソフト)
Mac用テキストエディタ:mi(ミ)
Win用テキストエディタ:TeraPad
WEBブラウザ:Firefox

HTMLとCSS編

■画像編

  1. GIF、JPEG、PNGの使い分け
  2. Photoshopを使った画像の保存方法
  3. 「スライス」とよばれる手法
  4. CSSで多用される背景画像

使用ソフト
Adobe Photoshop CS5

画像編

■概論編

  1. WEBサーバーについて
  2. SEO(検索エンジン最適化)
  3. 最低限行うべきSEO対策
SEO概論
より詳細な内容については、コチラをクリックして講座テキストの目次をご覧ください。
  • WEBページ・WEBサイトのデータ構成
  • WEBサーバーについて
  • HTMLとは
  • ファイル名と拡張子
  • HTML文書の構造を表す基本的な要素
  • タイトル要素・見出し要素・段落要素
  • 改行要素・空要素・画像の配置 img要素
  • 番号なしリスト ul要素
  • ハイパーリンクの設定 a要素
  • 文字コードの設定
  • CSS・HTMLとCSSを関連づける
  • CSSの書式・セレクタの種類
  • 疑似クラスセレクタ
  • 色の表現について
  • CSSによるレイアウト
  • HTMLの内容をグルーピング:div要素
  • CSSのIDセレクタ
  • フロートプロパティ
  • ボックスモデル(content-box)
  • IE6の後方互換モード・異なるボックスモデル border-box
  • CSSハック
  • ページの大きさについて
  • いま見ているサイトの横幅はどれくらいか?(Web Developerのご紹介)
  • CSSのリセット
  • XHTMLとは・XML宣言・文書型定義
  • html要素のxmlns属性(XML名前空間)
  • XHTMLの空要素
  • WEB上での画像ファイルの使われ方
  • WEBデザインで使用される主な画像フォーマット
  • Photoshop CS4によるGIF・JPEGファイルの保存
  • JPEG形式のパラメーター
  • GIF形式のパラメーター
  • PING形式について
  • スライス画像
  • CSSによる背景画像の活用
  • SEO(検索エンジン最適化)
  • Google ウェブマスターセントラル
  • Yahoo!検索 インフォセンター
  • Yahoo!ビジネスエクスプレス
  • データ作成上のポイント
  • meta要素による概要の記述
  • PPC広告

最高8名様までの集合教室形式で、お一人ずつMacintoshもしくはWindows機を使用していただきます。オリジナルテキストを使用。クリエイティブ業界のお客様が多いToo ならではの内容です。

教室の様子・雰囲気は下記ムービーでご確認ください。

<TooCareユーザーの方へ>
弊社コールセンターではWEBデザインに関するサポートは行っておりません。 あらかじめご了承ください。

お申込はコチラ