レスポンシブページの作り方＆実践的なCSSテクニック教えます！「HTML & CSS」～応用編～ （投稿ID : 72vpq）

HTML,CSSの基礎を習得したあと、より発展的で制作現場に近い内容を知りたいという人向けの内容です。

・実践的なレイアウト方法
・CSSを使っておしゃれに見せる装飾テクニック
・メディアクエリを使ったレスポンシブ対応ページの作り方
をお伝えします。

場所や時間は相談に応じます。
気になることはなんでもお気軽にご連絡下さい。

もう少し基礎的な内容をお探しの場合はこちらをご確認ください。
「はじめてのHTML & CSS」～超基礎編～
http://jmty.jp/tokyo/les-pc/article-6x5os

────────────────────
■内容
────────────────────

このサンプルサイト↓
・Tokyo Cafe Style [Sample Site 2]
　 https://atoz-school-tech.com/sample/html-02/
を使いながら、
・ナビや２カラムレイアウトの作り方
・レスポンシブ対応のさせ方
・より実践的なCSSテクニック
をお伝えします。

このサイトのソースコードや画像はそのままプレゼントしますので、
ご自身の勉強に役立てて頂ければと思います。

「ここを教えてほしい！」という方にはカスタマイズしてお伝えすることも可能ですので、ご相談下さい。

────────────────────
■レベル感
────────────────────

「HTML,CSSで基本的なマークアップができる方」

このサンプルサイト１↓ぐらいのページであれば自力でマークアップができる、という方を対象にしています。

・Tokyo Cafe Style [Sample Site 1]
https://atoz-school-tech.com/sample/html-01/

────────────────────
■用意するもの
────────────────────

・PC
・電源アダプター
・Google Chrome（ブラウザ）
・Sublime Text（テキストエディタ）

事前にご自身で「Google Chrome」と「Sublime Text」をインストールをしていただく必要があります。
両方とも無料です。
もし他のテキストエディタを使っている場合は、そちらをそのままご使用頂く形で問題ありません。

・Google Chrome
https://www.google.co.jp/chrome/browser/desktop/

・Sublime Text
https://www.sublimetext.com/3

・ソフトに関する簡単な説明資料
まずは開発に必要なものをそろえよう
https://atoz-school-tech.com/preparation/preparation.pdf

────────────────────
■場所
────────────────────

場所は、赤坂にあるコワーキングスペース「LODGE」を使用予定です。

LODGE
https://lodge.yahoo.co.jp/

────────────────────
■日時
────────────────────

日時は相談に応じます。
お気軽にご連絡下さい。

平日・土日・祝日
09:00 - 21:00
の中で調整が可能です。

時間は約４時間を予定しております。

────────────────────
■料金
────────────────────

20,000円（税込）

────────────────────
■ご注意
────────────────────

※実際にPCを使って作業をしながら進めていきますので、各自ご用意をお願いいたします。

※開始前までに「Google Chrome」と「Sublime Text」のインストールをお願いします。

※OSのバージョンが古い場合には、なるべく最新のものをご利用頂くようお願いいたします。
「Google Chrome」と「Sublime Text」が動作すれば基本的には問題ありません。

※メールを送る、Webサイトを閲覧するなどのPCの基礎操作については問題なく行えるという前提です。


みなさまのご参加をお待ちしております。

自分で作ったものを世の中に発信する楽しみを一緒に味わいましょう！
宜しくお願いします。

その他の講座はこちらをどうぞ！
────────────────────
■HTML & CSS

（１）【Webサイトを作りたい人・初心者向け】HTML&CSS教えます！「はじめてのHTML & CSS」～超基礎編～
http://jmty.jp/tokyo/les-pc/article-6x5os

（２）【レスポンシブページを作りたい人向け】「HTML & CSS」～応用編～
http://jmty.jp/tokyo/les-pc/article-72vpq

■JavaScript & jQuery

（３）【プログラミング初心者向け】JavaScript&jQuery教えます！「はじめてのJavaScript & jQuery」～初級編～
http://jmty.jp/tokyo/les-pc/article-72vxo
────────────────────