【イメディオ・制作技術セミナー】
出直し再勉強！ HTML＆CSS読解入門

「旧タイトル：初めてのソースコード HTML&CSS読解入門」


なんとなく独学でWebサイトに手を入れてみたものの、
思ったように触れない & ヤバいところを触って壊してしまった…
という経験はだれもが通る道。

そんな疑問や不安のある方にぜひ知って欲しい内容です。

昨年実施して、基本的なテーマながら、お申し込みの多かった
「初めてのソースコード HTML&CSS読解入門」をリニューアル！

実務レベルですぐ活かせる内容にレベルアップ！

この講座では、教材のWebページのソースコードを解説し、
それに追加・変更などの改造しつつ、HTMLタグやCSSへの理解を深めます。

基本的なソースコードの文法を理解し、
辞典を使って調べられるような知識を身につけましょう。

　　※ 大幅変更ではないですが、コードを見直してより実務的に・新しくしました。
　　※ Webページ作成・修正の経験が多少ある方を対象にしています。
　　※ 少しむずかしくなりました。でも、「本気でWeb制作をしたい！」という方にはきっと役立つはずです。

なんとなく…ではなく、HTMLやCSSを基礎を理解しておけば、
修正だけではなく、新しいページを作る時の力につながるはず。

　「ソースコードを読めて、理解できる」にチャレンジしてみましょう！



CSSをさらに勉強したい方は、4月23日実施の「CSSを使いこなす、Webページレイアウト実践」と合わせて受けるとより理解が深まります。2週間で連続受講のチャンスです。

HTMLの基本構造
＜html＞に始まり、＜head＞があって＜body＞がある…
というHTMLの基本構造や、
＜h1＞と＜p＞と＜li＞の使いどころの違い…など、
文書構造を作る基本的なHTMLタグを確認します。
わからないタグが出てきたときの調べ方から、よく見かける間違った使い方、
文法チェックの仕方などトラブル解決方法を学習します。

CSSの基本的な使い方
タグ・クラス・複合セレクタ、CSSの優先順位…などのルールから、
floatを使った基本的なページレイアウト組みを確認します。
また、スタイル指定のコツやコードの管理方法も紹介します。

特殊コードの組み込み
Web上のさまざまなサービスでは、自分のページへコンテンツを組み込むための
特殊コードを提供してくれます。YouTubeの動画を組み込んだり、
TwitterタイムラインやFacebookページの情報を表示できるのをご存知ですか？
ここでは、代表的サービスの組み込みをご紹介します。

教材ページ
教材の完成ページは、こんな（↓）感じのシンプルなページです。
YouTubeの動画(左)を表示したり、TwitterやFacebookページの情報(右)を
表示したりもします。




[補促]
講座では操作するソフト（テキスト編集ソフト）として
Dreamweaver CS6を使用しますが、基本的な機能のみを使用しますので、
他のソフトを使用して操作することは可能です。

・独学したがあいまいなところが多くて、HTMLとCSSの基礎をしっかり学びたい方
・外注業者に依頼したサイトを社内で更新する時に苦労している方
・企業のWebサイト更新担当者や初級レベルのWebクリエイター

以下の条件全てを満たしている場合に限り受講が可能です。

・HTMLやCSSの初級文法の学習経験があることが望ましい。

・Dreamweaverやホームページビルダー等のソフトを使って、Webページ作成・修正の経験があること。

　（まったくの未経験の方には、難しい内容かもしれません）

・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること。

　（講義内でソースコード入力が多く、講義についていけない可能性があります）

　　過去に同セミナーを受講された方からいただいたご感想です。
　　お申込み検討時に併せてお役立てください！

・他の人が作ったソースコードを見る機会が多いので、タグの意味などが分かり勉強になりました。
・分かりやすい順番で教えていただけたのがよかったです。
・ある程度、HTML＆CSSの知識があるのですが、細かい所を知れてよかったです。

森和恵氏（r360studio）

Dreamweaver CS5 ACI (Adobe認定トレーナー)

フリーランスのWeb制作者、およびIT系セミナー講師。
数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。
現在はさまざまなWebコンテンツの企画／制作業務に携わる。


また、IT／Web分野のセミナー講師として活動中。
「難しいことでも、わかり易く伝える」をモットーに、
クリエーターの立場で得た知識を、制作者や講師の立場から、
皆さまに役立てていただければ…と日々精進している。

著書に、『DreamweaverとMovable Typeで作る
　　　　　　　テンプレートカスタマイズレッスン 』（技術評論社）など。

「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。

PC実習型（ハンズオン）

大きな地図で見る

大阪市住之江区南港北2-1-10　アジア太平洋トレードセンター（ATC）内 ITM棟6階
（ニュートラム南港ポートタウン線　トレードセンター前駅下車）
http://www.imedio.or.jp/about_us/access.php

※事務局からのお申込み確認メール送付をもって、受付完了となります。

※開講日1週間前の時点で最少催行人員に満たない場合は、やむをえず講座を閉講とさせていただく場合がございます。
　その場合は、メールでご連絡するとともにホームページにも 掲載します。

開催一週間前に本ページの開催日時欄をご参照ください。


※開講が決定したものについては、「申込締切日」までお申込み可能です。

キャンセル期限は 4/14(月) です。
お手数ですが キャンセルフォーム より必ず手続きをしてください。

開催前日（4/15）、当日（4/16）のキャンセルおよび当日の不参加は
事務局 06-6615-1006 へお電話にてご連絡願います。


この場合、受講料の100％がキャンセル料として発生します。
追ってご案内を送信しますので内容に基づいてご対応願います。

1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。
2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。
3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。
4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。
5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。