Web講座

HTML+CSS実務必須テクニック

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

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

概要

授業形式 来場形式・オンライン形式
※オンライン形式での開催は日程外講習にて承ります
講義時間 10:00~16:30(昼休憩60分) 5.5時間×1日間
受講料 22,000円(税・教材費込)
難易度 ★★★★☆中級 前提スキルをご確認ください。

詳しくは講座開催要項へ

受講対象者

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

※本講座は文字入力を頻繁に行います。入力に慣れていない方は、十分練習してからご参加ください。
HTMLマークアップ未経験の方はまず「HTML+CSS入門」の受講をおすすめします。

カリキュラム

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

カリキュラム内容は予告なく変更される可能性があります。

到達目標

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

担当講師のコメント

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

(山本和泉講師)

受講前提スキル

下記Webスキルをすべて満たしている方
※スキル不足の方は、HTML+CSS入門からの受講をお勧めします

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

講座開催要項

講義時間 10:00~16:30(昼休憩60分) 5.5時間×1日間
受講料 22,000円(税・教材費込)
難易度 ★★★★☆中級 前提スキルをご確認ください。
募集人数 5名 (最少開講人数:2名)
担当講師 山本 和泉(やまもと いずみ)鷹野 雅弘(たかの まさひろ)
テキスト オリジナルテキスト
▼来場形式
受講OS Windows 10/Mac OS X (お申し込み時に選択)
使用ソフト Adobe Dreamweaver CC(アドビ ドリームウィーバー CC:エディタ
Firefox(ファイアーフォックス):Webブラウザ
※その他類似製品、旧バージョンをご利用の方も受講いただけます。
持ち物 ノート、筆記用具、A4サイズのテキストが入る袋
データ持ち帰り希望の方は、保存用メディア(USBメモリ推奨)
その他 お申込み前にご来場時のお願いおよび感染症拡大防止のお願いをご確認ください。
▼オンライン形式
必須ソフト
必要環境

以下の環境を開催日までにご準備ください(1は必須、2は推奨)

  1. 受講用PC
    カメラとマイクが利用可能なこと/音声を出力できること/必要ソフトがインストールされ、利用可能な状態であること/インターネットに接続されていること(高速回線推奨)
  2. 講師解説画面確認用デバイス(PC・タブレット・スマホ) 
    Zoomがインストールされていること /インターネットに接続されていること(Wi-Fi推奨 4G接続はパケット代に注意)
※オンライン講座の受講環境については「オンライン講座を受講する際の推奨環境について」をご確認ください
その他 テキストは開催日前日までにご指定の場所へお送りします。
  • 3名様以上まとめてのお申し込みで、日程外講習を開催することも可能です
  • 全国対応の出張・訪問講習も可能です 詳しくは企業向け講習をご覧ください

お申込みはこちら

関連講座

ご来場時のお願い

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

感染症拡大防止のお願い

  • 受講日当日朝に必ず検温を実施し、平熱であることをご確認の上ご来場ください。
  • 風邪症状がある場合、気分が優れない場合は、受講を見合わせてください。
  • ご来場時・受講中はマスクをご着用ください。マスクをつけていない方は、理由を問わずご入室をお断りします。
  • 会場入室時は、入口に設置された消毒液にて手指の消毒を実施してください。
  • 休憩室内での飲食中は、会話をお控えください。

開講日カレンダー

Web講座一覧

Web基礎
ゼロから学ぶウェブサイト制作基礎知識講座
はじめてのGoogleアナリティクス講座
アクセスアップにつなげるSEO基礎講座
HTML+CSS
HTML+CSS入門
HTML+CSS実務必須テクニック
Javascript
jQueryではじめるJavaScript入門