速習!フレームワークを活用した
HTML5・CSS3コーディング講座
「Bootstrap」を活用したレスポンシブWEBサデザイン、マルチデバイス対応WEBサイトの構築
開催地:神奈川県川崎市高津区(溝の口)
開催日:2015年4月4日(土)
時間帯: ~ (受付 11:15~)
参加費:¥3,000
このセッションにお申込み
お名前、連絡先(Tel,Email)を記載して頂きます。
SSL対応
概要
HTML・CSSコーディングの初級者から中級者を対象にした講座です。
全くゼロからWEBコーディングを行うのではなく、成熟したフォーマットをベースにすることで、洗練された手法を知ることが出来るようになり、正しいコーディングとは何か?について理解を深めます。
今回のセッションでは、人気のCSSフレームワーク「Twitter Bootstrap」をフルに活用して、グリッドレイアウトシステムやマルチデバイス対応のレスポンシブWEBデザインを構築して行きたいと思います。
さらにBootstrapで用意されたJavaScriptを使用したリッチなコンテンツにもチャレンジします。
また、HTML4.0.1やXHTML1.0からHTML5へ移行する際のポイントやCSS3の新規機能、ブラウザー毎の挙動の違いなどについても解説いたします。半日という短いセッションですが、これから学習を始める方とって、この先の参考となる内容をご用意しております。
必要なものはLANにつながるパソコンだけです。
今回のセッションでは、WEBデザイン(色彩、キャラクター)については触れません。WEBコーディング(レイアウト)に的を絞った内容となっております。
内容
- 学習環境の準備(共有フォルダ、サンプルテキスト)
- 当セッションの進め方
- HTMLの基本的な構造
- CSSの基本的な構造
- HTML5のコンテンツモデルとカテゴリー
- HTML5・CSS3の追加機能
- CSSフレームワーク「Bootstrap」
- グリッドレイアウト(デザイン)システムについて
- レスポンシブWEBデザインについて
- JavaScriptについて
- Bootstrap.jsの活用方法の紹介
11:15~ | 受付開始 |
12:00~ | セッション開始 |
12:15~ | HTML5,CSS3 |
13:45~ | BootStrap活用 |
14:45~ | BootStrap Componentsの活用 |
16:00~ | JavaScript Bootstrap.jsの活用 |
~16:30 | セッション終了 |
Info セッション終了後には個別に質問を受け付けます。気軽にお尋ねください。
学習環境
以下の環境(設備)は、こちらで用意してあります。参加者が事前に構築する必要はありません。
- インターネット接続
- 電源(延長コード)、LANケーブル(有線LANの場合)
- WEBサーバー
- ファイルサーバー
必要な準備
当セッションに持ち込めるPCをご用意ください。
- パソコン(Windows,MacどちらでもOK)
- LAN接続(無線LAN、有線LANどちらでもOK)
- ブラウザ(IE,FireFox,Safari,Chrome)
- テキストエディター(文字コード:UTF-8に対応の)
推奨環境
- WindowsOSは、
- WindowsXP以上を推奨いたします。IE(Internet Explorer)は、v8.0以上を推奨いたします。
- MacOSは、
- 10.5以上を推奨いたします。
- テキストエディターにつきましては、
文字コード「UTF-8」が編集可能なものをご用意ください。WindowsXPに標準搭載の「メモ帳」などは、UTF-8に対応していない場合がございます。「秀丸エディタ」「サクラエディタ」「EMエディター」などがお勧めです。
対象とする方
- HTML・CSSについて学びたい方
- パソコンをお持ちの方(推奨:ノートPC)
予め用意された、HTMLテキストを使用して講座を進めます。HTML・CSSについての予備知識としては、編集作業(部分的な)を行ったことがある方でしたら無理なく進めることが可能かと存じます。
参加費
¥3,000 -
当日、会場にてお支払をお願いいたします。領収証を発行いたします。
担当
田中、柳澤
締め切りました。
1名(参加)/15名(定員)
締切日時 2015年4月4日 AM 09:00
place
場所に関する詳細
施設名:川崎市男女共同参画センター「すくらむ21」
フロア:第4研修室
所在地:神奈川県川崎市高津区溝口2-20-1
最寄駅:JR南武線 武蔵溝ノ口駅 徒歩10分
最寄駅:東急田園都市線 溝の口駅 徒歩10分
駐車場:あり(無料駐車スペース)
クリックで拡大