HTML&CSS教えます！「はじめてのHTML & CSS」～超基礎編～【ホームページを作りたい人・初心者向け】（投稿ID : 6x5os）

「Webサイトやホームページを作ってみたい人」へ向けて、その第一歩となる ・HTML ・CSS をお教えします。 「初めてHTML,CSSに触れる」という「初心者」の方に向けた内容です。 「HTMLやCSSってそもそもナニ？」 というところから始まり、 実際に手を動かしてサンプルWebサイトを作るところまでを 丁寧に説明しながら進めていきます。 「Webで何かモノづくりをしたいんだけど、何から始めたらいいのかわからない…」 「自分で本を買ってきてやってみたけど、途中で挫折してしまった。」 「WordPressのデザインを自分でカスタマイズしてみたい」 「営業なんだけど、Webの知識を身につけておきたい」 という方はぜひご応募ください。 ──────────────────── ■ 概要 ──────────────────── 「はじめてのHTML & CSS」～超基礎編～は、 「基礎をよく理解し、自分一人でもHTML,CSSを使ってWebサイトを作り始めることができる」 ということを目標にした内容です。 HTML&CSSは、慣れるまでは取っつきにくい印象ですが、 基礎をしっかりとおさえておけば、割とスムーズに習得可能な言語です。 ですが、その「基礎」がなんだか分かりづらい…。 やり方によっていろいろな書き方ができてしまう言語でもあるため、独学だと 「ホントにこの書き方で合っているのかな？」 「さっき見たサイトと書き方が違うけどいいのかな？」 「表示されることはされるけど、これで正解なのかな…？」 と不安に思う人も多いです。 ですので、その不安を解消するためにも、 基礎を一つ一つ理解してもらうことに重点を置いています。 そうすれば、そのあとは自分一人でも インターネットや書籍を参考にWebサイト制作をすすめることができます。 HTML,CSSが理解できるようになれば、WordPressで作ったサイトを自分でカスタマイズすることもできます。 ──────────────────── ■内容 ──────────────────── HTML,CSSの役割、文法や記述ルールの解説から始まり 最後は実際に簡単なサンプルサイトの作成までを、４時間かけてしっかり学びます。 目次 1：事前準備 2：今回の目標とゴール 3：Web制作の基礎知識 4：HTMLを書いてみよう 5：CSSを書いてみよう 6：実際にマークアップをしてみよう 7：今後の展開 ・当日に制作するサンプルサイト Tokyo Cafe Style [Sample Site] https://atoz-school-tech.com/sample/html-01/ このサイトのソースコードや画像はそのままプレゼントしますので、 ご自身の勉強に役立てて頂ければと思います。 「ここを教えてほしい！」という場合にはカスタマイズしてお伝えすることも可能ですので、 ご相談下さい。 ──────────────────── ■講師のプロフィール ──────────────────── 40代前半・男性 大手IT企業にて10年勤務後、独立。 新規立ち上げ〜月間数千万PV規模のWebサービスの開発経験多数。 月間100億PVを超える大規模サイトでの開発経験あり。 エンジニアだけでなく、プロデューサーなどの企画職の経験もあるので、 ユーザーの利便性までをしっかり考えたデザイン・システム作りが得意です。 やさしく丁寧な授業を心がけています。 ──────────────────── ■教え方のスタイル ──────────────────── テキストにそって説明をしながら進めていきます。 それにあわせて、実際にコードを書いていきます。 ──────────────────── ■レベル感 ──────────────────── 「全くの初心者 ～ 少しは触ったことのある方」 前述のサンプルサイトの作り方の検討がつく人には、少々基礎的な内容すぎるかもしれません。 未経験の方でもご理解いただけるように、丁寧に解説していきます。 使用する資料の一部抜粋はこちらです。 こちらでレベル感をご確認下さい。 ・はじめてのHTML&CSS 超基礎編（一部抜粋資料） https://atoz-school-tech.com/preparation/html-css-extract.pdf ──────────────────── ■用意するもの ──────────────────── ・PC ・Google Chrome（ブラウザ） ・Visual Studio Code または Sublime Text（テキストエディタ） 事前にご自身で「Google Chrome」と「Visual Studio Code（またはSublime Text）」をインストールをしていただく必要があります。 両方とも無料です。 もし他のテキストエディタを使っている場合は、そちらをそのままご使用頂く形で問題ありません。 ・Google Chrome https://www.google.co.jp/chrome/browser/desktop/ ・Visual Studio Code https://code.visualstudio.com/ ──────────────────── ■場所 ──────────────────── 都内のコワーキングスペースにて対面で行うか、 Zoomを使ったオンライン形式にて行います。 ──────────────────── ■日時 ──────────────────── 時間は相談に応じます。 お気軽にご連絡下さい。 約5時間を予定しています。 ──────────────────── ■料金 ──────────────────── 25,000円（税込） 事前の銀行振込、またはPayPayでのお支払いとなります。 ──────────────────── ■ご注意 ──────────────────── ※実際にPCを使って作業をしながら進めていきますので、各自ご用意をお願いいたします。 ※開始前までに「Google Chrome」と「Visual Studio Code」のインストールをお願いします。 ※OSのバージョンが古い場合には、なるべく最新のものをご利用頂くようお願いいたします。 みなさまのご参加をお待ちしております。 自分で作ったものを世の中に発信する楽しみを一緒に味わいましょう！ 宜しくお願いします。 その他の講座はこちらをどうぞ。 ──────────────────── ■HTML & CSS 【Webサイトを作りたい人・初心者向け】HTML&CSS教えます！「はじめてのHTML & CSS」～超基礎編～ http://jmty.jp/tokyo/les-pc/article-6x5os ■JavaScript 【プログラミング初心者向け】JavaScript教えます！「はじめてのJavaScript」～初級編～ http://jmty.jp/tokyo/les-pc/article-72vxo ────────────────────