Webコーディング通信教育講座

受講料 58,000円(消費税/送料/テキスト教材費込)

ホームページを構成するHTML言語から、そのデザインを行なうCSSを習得し、ホームページ制作に必要な専門ソフトのDreamweaverを学び、Webコーディングを集中的に学びます。 ご自分のホームページを修正したり、ブログをカスタマイズしたりとページの成り立ちや仕組みがわかるようになり即戦力を実感していただける内容です。

HTML編
1HTMLの基礎Webクリエイターとしての心構え
2ホームページの仕組みHTMLの仕組みを学びます
3文字列へのリンク文字へリンクを張る練習です
4イメージへのリンク画像にリンクを張る練習です
5ボタンの配列ボタンを縦や横に並べて配列します
6罫線1(テーブル)テーブルの基礎を学習します
7罫線2(テーブル)テーブルを自由に組む練習です
8入力フォームフォームの知識と機能について学びます
9リクルート用Webページの企画自分のページのプランを立て作成します
10アップロード完成した作品をデビューさせます
スタイルシート(CSS)編
1スタイルシートとは?スタイルシート(CSS)の基本
2スタイルシートの設定方法スタイルシートの設定方法について学びます
3スタイルシートの基本的な書式スタイルシートの基本的な書式について学びます
4スタイルシートの活用課題を作成しながらスタイルシートを学びます
Dreamweaver編
1Dreamweaverとはソフトの構成、概要について
2挿入パネルとプロパティインスペクタ操作パネルと設定値について
3CSSルール定義/カテゴリ詳細CSS定義の方法と設定値について
4サイトの管理とはサイトの管理についてを学びます
5 ボックスの作成 ボックスを使ったレイアウト
6 スタイルシートの設定 スタイルの適用について
7 イメージ画像の挿入 イメージの挿入とロールオーバーの設定方法
8 リンクの設定 リンクの設定方法について
9 テーブル(罫線)の作成 テーブル(罫線)の活用方法
10 入力フォームの作成 フォームの構造と送信
Webビルディング編
1Web標準とは?標準に準拠した Webデザインとは?
(SEO、アクセシビリティ、ユーザビリティとは?)
2XHTML+CSSデザイン「構造とデザインの分離」を XHTML+CSSで!
(XHTMLで情報を、CSSでデザインを指定)
3 ボックスの概要と設定 それぞれにボックスという領域をもつコンテンツ
(テキストや画像)の概要と設定
4リストとナビゲーションリストタグを使ってナビゲーションを設定
(縦型ナビゲーション、横型ナビゲーション)
5いろいろなナビゲーション 画像を使っていろいろなデザインのナビゲーションを作ろう
6いろいろな背景デザイン 背景画像を使ってデザインにバリエーションをもたせよう
7ページデザインをしてみよう見出しや段落のマークアップ
文章の行間やサイズ設定で、見やすく効率よい管理
8テーブルデザインをしてみようデータテーブルに CSSでデザイン設定
(背景色や余白などのデザイン部分を CSSで指定)
9フォームをデザインしてみよう入力フォームに CSSでデザイン設定
10CSSでページデザインXHTML+CSSで簡単なページを作成
11トップページのデザイン(1)トップページを2カラムでデザイン
12トップページのデザイン(2)トップページを3カラムでデザイン
資料請求・お問い合わせはこちらからどうぞ