Web講座

HTML+CSS実践トレーニング

現場ですぐ使える!
HTML+CSSの記述ルールとフルCSSレイアウトの基本テクニックを理解しよう!

CSSの基本を理解された方を対象に、より実践的な作例をこなしながら、HTMLマークアップとCSSレイアウトの基本~デザインティップスまでをわかりやすく伝授します。CSSタグを記述しながら学ぶことにより、DreamweaverなどのWebオーサリングツールのCSS機能を使いこなす上でも非常に役立つ講座です。

概要

講義時間 10:00~16:30(昼休憩60分) 5.5時間×1日間
受講料 20,000円+消費税 (教材費込) 優待制度もございます。
難易度 ★★★★☆中級 前提スキルをご確認ください。

※2014年4月の消費税率変更と受講料について

詳しくは講座開催要項へ

受講対象者

  • これからWeb制作をやってみたい方
  • 独学でHTMLやCSSを勉強したが、挫折してしまった方
  • Webのことが解らないのに、Webサイトの更新や運用をしなければならなくなってしまった方
  • HTMLとCSSの基礎知識がある方

※本講座は文字入力を頻繁に行います。入力に慣れていない方は、十分練習してからご参加ください。
HTMLマークアップ未経験の方はまず「Web業務ベーシックトレーニング~HTMLマークアップ編」、「Web業務ベーシックトレーニング~CSS編」の受講をおすすめします。

カリキュラム

制作の前に
サイトマップを確認する レイアウトを確認する
HTMLを作成する
HTMLを記述する 情報のグループ化
CSSを作成する
デフォルトのタグのスタイルをリセットする/ページ全体のスタイルを指定する
レイアウト用のCSSを作成する
ボックスレイアウトの指定/margin/paddingの設定
ページ内のデザイン設定
class/idの設定/子孫セレクタ
リンクの設定
テキストリンク/ヘッダーリンク/ナビゲーションリンク

講義テキストのサンプル(PDF)を見る

到達目標

  • <div>タグを使用したレイアウト方法を理解する
  • 背景画像を使用したレイアウト方法を理解する
  • 余白の指定で自由度の高いレイアウト方法を学ぶ
  • リストタイトルのデザインを変更できるようになる

担当講師のコメント

Web業務ベーシックトレーニング~CSS編では主にCSSによるテキスト装飾方法を学びましたが、本講座ではWeb制作の流れとCSSレイアウトの仕組みを確認しながら、フルCSSレイアウトに挑戦していきます。
実践的な作例をこなしながら、楽しくCSSを学んでいきましょう!。

(山本和泉講師)

受講前提スキル

下記Webスキルをすべて満たしている方
※スキル不足の方は、Web業務ベーシックトレーニング~CSS編からの受講をお勧めします

  • HTMLのソースを読むことができる
  • CSSを使用してサイトの文字デザインをコントロールできる
  • セレクタ・プロパティ・バリューの違いがわかる
  • クラスセレクタの設定ができる

講座開催要項

※2014年4月の消費税率変更と受講料について

講義時間 10:00~16:30(昼休憩60分) 5.5時間×1日間
受講料 20,000円+消費税 (教材費込) 優待制度もございます。
難易度 ★★★★☆中級 前提スキルをご確認ください。
募集人数 10名 (最少開講人数:3名)
担当講師 山本 和泉(やまもと いずみ)鷹野 雅弘(たかの まさひろ)
テキスト オリジナルテキスト
受講OS Windows 7/Mac OS X (お申し込み時に選択)
使用ソフト Adobe Dreamweaver CC(アドビ ドリームウィーバー CC:エディタ
Firefox(ファイアーフォックス):Webブラウザ
※その他類似製品、旧バージョンをご利用の方も受講いただけます。
持ち物 ノート、筆記用具
データ持ち帰り希望の方は、保存用メディア(CD-R、USBメモリなど)
その他 お申込み前にご来場時のお願いをご確認ください。

HTML+CSS実践トレーニング:開催日

2017年8月29日(火) 申し込み可|開講決定
2017年9月20日(金) 申し込み可|△*1

*1:申し込みがまだ開講最少人数に達していません。最終開講確定日は、開催日の5営業日前となります。

*2:満席に達しています。クリックするとキャンセル待ちフォームへ移動します。3席以上のキャンセル待ちで追加開講の調整をさせていただきます。

  • 3名様以上まとめてのお申し込みで、日程外講習を開催することも可能です
  • 全国対応の出張・訪問研修も可能です 詳しくは企業向け講習をご覧ください
  • 上記日程で都合がつかない、土日に開講してもらいたいという方のために、開講リクエストを承ります

お申込みはこちら

関連講座

ご来場時のお願い

  • 開場は講義開始時間の30分前となります。講義開始5分前までに受付をお済ませください。
  • 遅刻する場合は、必ず事前にご連絡ください。
  • 駐車場・駐輪場の用意はございません。公共の交通機関をご利用ください。
  • 会場内は全面禁煙です。喫煙される方は、携帯灰皿の持参にご協力ください。
  • 教室内の空調が寒く感じられる方へは膝かけをご用意しておりますが、数に限りがございます。冷房が苦手な方は、上着を持参くださるようお願い申し上げます。
  • 受講者様へのお電話の取り次ぎは休憩時間のみとさせていただきます。

開講日カレンダー

Web講座一覧

Web基礎
Web業務ベーシックトレーニング~必須基礎知識編
Web業務ベーシックトレーニング~HTMLマークアップ編
はじめてのGoogleアナリティクス講座
アクセスアップにつなげるSEO基礎講座
Jimdo
無料ではじめるビジネスサイト作成講座
Jimdoテクニカル講座
HTML+CSS
Web業務ベーシックトレーニング~CSS編
HTML+CSS実践トレーニング
HTML+CSSプロフェッショナルテクニック
CSS3
CSS3アニメーションでつくるインターフェイス表現
Adobe Fireworks
Fireworksで学ぶWebデザインの基礎
Adobe Dreamweaver
Dreamweaverベーシックトレーニング
Dreamweaverアドバンストレーニング
HTML5
HTML5 + CreateJSによるリッチコンテンツ作成講座
Javascript
jQueryではじめるJavaScript入門
WordPress
WordPressベーシックトレーニング
WordPressアドバンストレーニング
Adobe Flash
Flashベーシックトレーニング
Adobe Flash ActionScript
ActionScriptベーシックトレーニング(ActionScript 3.0対応)
基礎から学ぶActionScript 3.0