【オンライン】HTML・XHTML・CSSの基礎知識

掲載日:2021年8月2日

※本セミナーは、JAGATと業務提携している㈱イマジカデジタルスケープのオンラインセミナーです。

 

概要

このトレーニングでは、HTMLとCSSの書き方と文法を理解し、実際に複数ページで構成されたWebサイトを作りながら、Webサイトが出来上がる一連のプロセスを学習します。

Webページのレイアウトは、div要素とCSSのfloatを使用したレイアウト方法から、CSS3.0でのレスポンシブWebデザイン(可変幅ページ)に対応するdisplayを使用したレイアウト、HTMLメールなどで使用するテーブルレイアウトなどがありますが、このトレーニングでは、それぞれがどのように異なるかを学習した後、主にdiv要素とCSSのfloatを使用したレイアウト方法を学習しながら、タグの使い方やCSSのセレクタ、プロパティなどの意味や用法を学習していきます。

Adobe製品と連携してWebサイトを作成していく場合、XDやPhotoshopなどを使ってWebページのプロトタイプや素材を作成し、Dreamweaverなどのビジュアルエディタで完成品に作り上げていく、というプロセスもありますが、これらのアプリケーションの根底で動いているものは、HTMLとCSSになるため、アプリケーション操作のみでWebサイトを作成されても、根本となるソースの理解が無いと、Webページ上に不具合等が発生した場合に、アプリケーションでのオペレーションミスなのか、ソースに誤りがあるのか、などの判断がつかなくなります。

また、WordPressなどのCMSやASPなどを使用し、ソースをまったく意識せずにWebページが出来上がる仕組みが当たり前になっている今、ブログなども記事を投稿するだけで簡単にページが出来上がってしまいますが、必要な個所に修正を加えてカスタマイズする場合や、また実際の制作現場では、HTML・CSSを直接記述して修正することが多いのが現状です。そのため、CMSやASPなどのサービスの理解や、アプリケーションの使い方と並行して、HTML・CSS等のソースの知識・理解はどうしても必要になります。

このトレーニングでは、各要素の使い方と文法を学習し、複数ページのWebサイトを作成するプロセスを踏むことで、自分自身で作成したページだけではなく、他のWebサイトのHTML・XHTML・CSSが読めるようになり、以降は自分で調べて学習を継続していける力を身につけることを目的としています。

このトレーニングの受講後は、JavaScriptやHTML5・CSS3の基礎知識、jQuaryなどの学習ステップを踏んでいくと、よりWebサイト制作に必要な理解が深まるでしょう。

 

開催日時

2021年10月13日(水)~14日(木)2日間
・1日目 10:00~17:00(6時間)
・2日目 10:00~13:00以降予定(3時間以上)

(お申込み締め切りは10/6(水)です)

※同時参加者数への対応および通信回線のトラブル等を考慮し、2日目の終了時刻は延長する可能性が多分にございます。予めご了承いただけますようお願いいたします。

 

受講対象者

●Dreamweaverなどのアプリケーションスキル以外に、コードも読めるようになりたい方
●HTML・XHTMLのタグをきちんと理解したい方
●CSSレイアウトをマスターしたい方
●デスクトップ上の、以下の操作が「円滑」に行える方
●トレーニングでは、HTMLやCSSソースの入力作業が多く含まれるため、特に文字入力にあまり自信の無い方や、コピーペースト、デスクトップ上でのファイルの複製等の操作に不慣れな方は、これらの操作に十分慣れてからご受講いただけますようお願いいたします。

・テキスト入力(和文・欧文・英数・記号などの入力)
・かなと英数の切り替え
・ファイルを開く・閉じる
・ファイル名、フォルダ名の変更
・ファイルやフォルダの階層移動
・文字のコピーペースト
・フォルダ間やデスクトップへのファイルのコピー・複製
・アプリケーションの最小化・最大化等に関する操作
・ドラッグアンドドロップなどの操作

 

受講スタイル

このトレーニングは、ご自宅・勤務先にて受講可能な、オンライン受講(ライブ配信)のトレーニングです。

●オンライン(ライブ配信)での受講

このトレーニングは、ご自身の操作するPC画面とは別に、講師の操作画面をサブモニター(2台目のPCなど)またはiPadにて見ながら学習を行う、オンライン(ライブ配信)講座です。サブモニター(2台目のPCなど)またはiPadをお持ちでない方は、iPadレンタル(別途料金(2日で1760円~))をご案内いたします。
なお、ライブ配信の受信に際し、新規の通信料はかかりませんのでご安心ください。

ご受講いただく環境(ご自宅または勤務先等)に以下の環境が必要となります。

・受講を希望される講座(と同じバージョン)のアプリケーションがインストールされたPC(Windows10以降またはMacintosh)
・上記PCの、有線によるインターネット接続環境(光回線)
・講師の操作画面を映すサブモニターまたは2台目のPC、またはiPad
・スマートフォン(受講前の通信テスト用)

 

 

なお、お申込みいただく前に通信テスト(無償)を行い、通信の確約が取れてからお申込みいただきますので、お申込み前に下記よりお問い合わせください。後日お電話にてナビゲートしながら通信環境の設定をいたします。

 

オンライン受講(ライブ配信)の詳細は、以下のページをご確認ください。

また、iPadレンタルご希望の方にはお申込み後、ご案内いたします。

 

カリキュラム

(X)HTML

・(X)HTMLとは何か
・(X)HTMLの記述方法
・URLについて
・(X)HTMLファイル注意事項
・Webサイト 作成の概要
・(X)HTML基本構造
・(X)HTML基本構造の記述
・カラーついて
・見出しと見出しタグ
・表示位置の調整
・文字修飾 (サイズ・カラー・指定)
・文書整形 (段落・改行)
・箇条書き(リスト)
・ディレクトリ指定に関して
・絶対パス指定 と相対パス指定
・ローカルサイトの作成
・画像(表示・回り込み・マージン)
・代替テキスト
・表組
・リンク

CSS

・CSSの書き方(直接記述と外部ファイル)
・フォントの設定
・背景画像の挿入と繰り返し
・ボックス(ボーダー・余白の設定)
・クラス名
・SPAN

CSSデザイン

・背景色
・リストのデザイン
・回り込みと解除
・div(グループ化・段組・フッター)
・リンクテキストの装飾
・表の装飾

 

期待される効果

・タグになれていない方も、よく使うタグを効率的に覚えることができます。
・CSSの基本からレイアウトするための基礎知識を習得することができます。
・floatによるレイアウト、CSS3でのレイアウトなどのレイアウトの違いが理解できるようになります。
・アプリケーションに依存しない、Webサイトを作成するための基礎力をつけることができます。

 

講師

p_koushi伊藤 和博
株式会社イマジカデジタルスケープ
トレーニングチームディレクター講師歴15年。講座開発数100以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メー カー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。現在 は、イマジカデジタルスケープにてAdobeCSを中心としたトレーニングの企画、講師。

受講者へのメッセージ

初めてWebサイトを作る方は、HTMLやXHTML、CSS等は言葉ではわかっていても、実際にタグそのものの意味や使い方が曖昧な方もいらっしゃるかと思います。このトレーニングでは、言語レベルで(X)HTMLを習得し、アプリケーションに依存せずに、コードの記述ができるようになり、必要なときに必要なコードを調べられる力がつくようになるトレーニングです。Webサイト制作の最初の一歩としてご受講ください。

 

テキスト

オリジナルテキストを使用。受講料に含まれているのでお得です!
宅配便にて発送いたします。

 

ご用意いただく環境

アプリケーションがインストールされたMacまたはWin
ご自身または弊社よりレンタルされるiPad

※講習データは事前にFTPにてお送りいたします。

 

使用アプリケーション

・Crescent Eve(Windows)(フリーウェア)
・mi(Mac) (フリーウェア)
・Google Chrome
・Firefox
・Safari
・EdgeまたはInternet Exploer

 

配信環境(講師側)

講師側:Macintosh(MacPro 3.5GHz 6-Core Intel Xeon E5 32GBメモリ・250GBHD)

定員

 4名

参加費

(消費税込)
JAGAT会員 35,700円 / 一般 39,600円

※iPadレンタルご希望の方は別途【iPadレンタル・往復配送料】 と【iPad・損害補償費用】が必要となります。

 

お申込み

 

●Webからのお申込み


  お申込フォーム が開きます。

 

参加費振込先
参加費は、下記口座に開催日の2日前までに振り込み願います。
なお、お申し込み後の取り消しはお受けできません。代理の方のご出席をお願いします。

口座名:シャ)ニホンインサツギジュツキョウカイ
口座番号:みずほ銀行中野支店(普)202430

内容に関して問い合わせ先
内容に関するお問い合わせはお気軽に下記までお寄せください。
CS部 セミナー担当 電話:03-3384-3411

お申し込み及びお支払に関して
管理部(販売管理担当)   電話:03-5385-7185(直通)

公益社団法人 日本印刷技術協会