BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:HTML&CSS入門☆ランディングページコーディング 講座 X-WR-CALNAME:HTML&CSS入門☆ランディングページコーディング 講座 X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:809551@techplay.jp SUMMARY:HTML&CSS入門☆ランディングページコーディング講 座 DTSTART;TZID=Asia/Tokyo:20210331T200000 DTEND;TZID=Asia/Tokyo:20210420T233000 DTSTAMP:20260508T002710Z CREATED:20210225T062056Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/80955 1?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n目指せ、脱 コーディング初心者！3週間で必要最低限のHTMLとCSSだ け覚えて簡単なランディングページのコーディングが できるようになる入門用の講座です！\n自分でデザイ ンしたランディングページをコーディングまでしてみ たいと考えてるWEBデザイナーやコーディングをまずは 体験したいという未経験者の方にぴったりの講座内容 となっています！\n※本講座は学習しやすいようにHTML やCSSの種類を絞って難易度も比較的簡単にしています 。\n\n講座の概要\nいきなりですが、以下のようなお悩 みはありませんか？\n\nコーディングに独学で挑んだが 挫折してしまった\nランディングページのコーディン グ方法が分からない\nHTMLやCSSを見ただけで拒絶反応が 出てしまう\nHTMLのタグやCSSのプロパティが多すぎて覚 えきれない\nデザインは覚えたけどコーディングが全 く出来ない\nコーディングの外注費用が高い\n\n必要最 低限な知識に絞る事で最短でランディングページのコ ーディング方法を習得\n本講座はHTMLやCSSの多くの知識 は学ばず、ランディングページのコーディングができ るようになるために、必要最低限な知識を学んで最速 でランディングページのコーディングを覚えてもらう 講座内容となっています。\nここ数年でHTML5やCSS3など の新しいバージョンが登場し、HTMLのタグやCSSのプロパ ティの種類がどんどん増えて、昔に比べると習得が簡 単な言語ではなくなってきました。\n\n英語と同じでた くさんの単語や文法を短期間で覚えるには、それなり の勉強時間とやる気が必要です。\n\nそこで、コーディ ングを覚えたいけど、一気に多くの知識を学ぶのがハ ードルが高いと感じている方向けに、まずは簡単なラ ンディングページのコーディングをしっかりと身に付 けていただこうと思い、この講座が誕生しました。\n\n ランディングページは仕事の需要が多い\nランディン グページ（LP）とは、 インターネット広告から辿り着 いた最初のページによく見られる縦長のページの事で 、何かを販売や成約させる目的として使われるとても 重要なページです。\nWEB制作の仕事において、ランデ ィングページの案件の占める割合は多いので、ランデ ィングページのコーディング方法を覚えておけば、実 務で活かす機会はたくさんあります。\n\n既にランディ ングページのデザインができるWEBデザイナーの方であ れば、デザイン〜コーディングまでワンストップで対 応可能になり、クラウドソーシングなどでお仕事が受 注しやすく単価も上がるので、WEBデザイナーにとって もランディングページのコーディングは必須スキルと いえます！\n\nコーディングが苦手なWEBデザイナーにも オススメ\nWEBデザイナーの中には、コーディングがと ても苦手で自分でコードを書く事ができず、社内や外 注のコーダーに依頼するWEBデザイナーも一定数存在し ています。\nもちろんデザイン力が周囲のWEBデザイナ ーより優れていて、コードを一切書かずに仕事が成り 立っているような人であれば、コーディングが全くで きなくても問題ありません。\n\nしかし、WEBデザイナー にコーディング力を求める会社も多くあるのは事実な ので、コーディングが全くできないとフリーランスと しても転職するとしても不利になる可能性があります 。\n\nそれじゃあコーディングを完璧に習得しようと意 気込むかもしれませんが、先程も触れたように、HTMLや CSSのコーディングも年々覚える事が多くなり昔に比べ て難しくなっているので、コーディングが元々苦手だ と感じているWEBデザイナーにとっては、やる気と根性 がない限り習得するハードルは高いと言えるでしょう 。\n\nしかし、ご安心下さい。コーディングが苦手なWEB デザイナーでも習得できるように、覚えるHTMLとCSSの種 類も絞って、ハードルを下げたのがこの講座です。\n\n 簡易的なランディングページのコーディング方法を学 ぶので、勉強量も様々なサイトパターンのコーディン グ方法を習得するのに比べて少なくなっており、コー ディングが苦手なWEBデザイナーでも挫折しづらく、習 得しやすい内容になっています。\n\nこの講座を受講す るメリット\nメリット1：サイト制作のコーディングの 流れが分かる！\nデザインされたPhotoshopのデータをJpeg などの形式に書き出して、HTMLとCSSでデザイン通りにコ ーディングし、最後はサーバーまでアップしてもらう ので、コーディングの一連の流れを知る事ができます 。\nメリット2：ランディングページは案件数が多いた め仕事に繋がりやすい！\nランディングページはWEB制 作の中でも比較的案件数が多いため、簡単なランディ ングページのコーディング方法を覚えておけば、実務 で活かす機会が多いのも魅力です。\n講座の内容を一 部紹介！\n内容1：HTMLとCSSの基礎的なコードの書き方を 学べる\n\nランディングページのコーディング方法と言 っても、裏側ではHTMLやCSSを使用しているので、受講前 視聴動画としてHTMLとCSSの基本を学べる動画を視聴して いただき、基礎的な部分も学ぶ事ができます。また講 座で身に付けた知識は、今後様々な種類のコーディン グをする時の土台にもなります。\n内容2：photoshopを使 用した画像のスライスと書き出しが学べる\n\nPhotoshopを 使用してランディングページのデザインデータを、実 際にコーディングで使えるようデータを細分化し、jpeg などの形式で書き出す方法も学べます。\n※スライス や書き出し方法など必要最低限のphotoshopの操作のみ説 明します。\n内容3：画像テキストベースのLPのコーデ ィング方法\n\n文字を全て画像として表示する画像テキ ストベースのLPのコーディングの実装方法を学べます 。この方法だとコーディング時間がとても素早く実装 できます。\n内容4：一部だけHTMLテキスト表示するLPの 画像の書き出し方法\n\n文字を部分的にHTMLテキストと して表示するHTMLテキストベースのLPのコーディングの 実装方法を学べます。この方法だと画像テキストベー スのLPよりコーディング時間が掛かってしまいますが 、HTMLで表示させた文字の方が鮮明で読みやすい印象を 与えます。\n内容5：FTPでデータを本番環境に反映する\ n\n完成したコーディングデータをFTPツールを使用し、 本番環境となるサーバーにアップロードします。サー バーにアップロードする事でサイトの一連の流れがわ かります。\n※アップロードするサーバーはスクール で用意します。\n講座の進行とカリキュラム\n動画レッ スン×全工程収録、ライブでのグループレッスン×2回 、交流会×2回、グループチャット×適宜、キャリアカ ウンセリング×1回、タイムアタックチャレンジ×1回と とても贅沢なプログラムです！\n学ぶのは全てオンラ インになります。パソコン一つで、あなたのお部屋が レッスン教室になります。\n毎週zoomを使用したライブ でのグループレッスン（最終週はタイムアタックチャ レンジ）を行い、レッスンのポイントとなる箇所をリ アルタイムで担当講師が解説します。\n\nまた全工程を 収録した分かりやすいレッスン解説用動画があるので 、グループレッスンに参加できなかった場合でも、各 自で学習を進める事が可能です。\n\n動画なので何度で も繰り返し確認しながら期間中は受講できます。わか らないところはグループチャットで質問もできるので 安心です。\n\n※受講期間中の学習時間の目安は1日あ たり2時間前後になります。但し、毎日2時間勉強しな くても土日などに集中して勉強時間を確保する形でも 構いません。\n\nカリキュラムの詳細\n\n\n\nステップ\n カリキュラム\n\n\n\n\n受講前視聴動画（はじめに）\n-学 習の進め方-パソコン操作の説明-テキストエディタの 使い方-テキストエディタの使い方-デベロッパーツー ルの使い方\n\n\n受講前視聴動画（基本的なHTMLの種類） \n-HTMLについて-ブロックレベルとインライン要素-新し いコンテンツモデル-head要素の書き方-body要素の書き方 -div要素の書き方-header/main/aside/footer要素の書き方-hr要 素の書き方-h1〜h6要素の書き方-nav/section要素の書き方-u l/li要素の書き方-ol/li/dl/dt/dd要素の書き方-p/br/span/b/stron g/i/del/blockquote要素の書き方-img要素の書き方-figure要素 の書き方-video要素の書き方-a要素の書き方-table/tr/td要 素の書き方-form/label/input/select要素の書き方-textarea要素 の書き方-address要素の書き方-デベロッパーツールの使 い方\n\n\n受講前視聴動画（基本的なCSSの種類）\n-CSSに ついて-CSSの書き方-CSSの記述場所-idセレクタとclassセレ クタの書き方-子孫セレクタと子セレクタの書き方-box の構造-borderプロパティの書き方-paddingプロパティの書 き方-marginプロパティの書き方-widthプロパティの書き方 -heightプロパティの書き方-color&font-sizeプロパティの書 き方-text-alignプロパティの書き方-line-hightプロパティの 書き方-text-shadowプロパティの書き方-tableプロパティの 書き方-backgroundプロパティの書き方-positionプロパティ の書き方-z-indexプロパティの書き方\n\n\n画像テキスト ベースLPの書き出し方法\n-画像テキストベースのLPの画 像のスライス方法-画像テキストベースのLPの画像の書 き出し方法※このレッスンの作業はphotoshopを使用しま すが、スライスや書き出し方法など必要最低限のphotosh opの操作のみ説明します。\n\n\n画像テキストベースのLP のコーディング\n-画像テキストベースのLPのコーディ ング方法\n\n\n一部だけHTMLテキスト表示するLPの書き出 し方法\n-一部だけHTMLテキスト表示するLPの画像の書き 出し方法-一部だけHTMLテキスト表示するLPのコーディン グ方法-ドメインとサーバーとFTP\n\n\n卒業課題\n-タイム アタックチャレンジ\n\n\n\n講座の進行スケジュール\nた だ動画で学ぶだけでなく、ライブ授業や交流会やタイ ムアタックチャレンジやキャリアカウンセリングなど 様々な要素が充実しているので、最後まで飽きずに続 ける事ができますよ。\n\n\n\n期間\nスケジュール\n\n\n\n\ n0週目（3/24-3/30）\n学習の進め方/パソコン操作の説明/ エディタ操作やツールの動作確認/基本的なHTMLとCSSの 種類※事前学習期間のため動画視聴のみ利用可能※こ の週はチャット質問は利用できません。\n\n\n1週目（3/3 1-4/6）\nPhotoshopを使った画像のスライスと書き出し方法 /画像テキストベースのLPコーディング方法/決起交流会 ※グループレッスン1回目は、3/31（水）の20:00〜21:30に 開催※決起交流会は、3/31（水）の21:30〜22:00に開催\n\n\ n2週目（4/7-4/13）\n部分的にHTMLテキストで表示するコー ディング方法※グループレッスン2回目は、4/7（水）の 20:00〜21:30に開催\n\n\n3週目（4/14-4/20）\nタイムアタック チャレンジ/卒業交流会/キャリアカウンセリング/ドメ インとサーバーとFTP※タイムアタックチャレンジは、4 /14（水）の20:00〜21:30に開催※卒業交流会は、4/14（水 ）の21:30〜22:00に開催※キャリアカウンセリングは、個 別で時間調整して実施\n\n\n\n交流会×2回\nまずは講師や 参加者同士で交流を深めましょう。\n勉強を続ける上 で、同じ目標を持つ仲間がいる事はモチベーション維 持にも繋がり大切です。最初の交流会は決起交流会、 最後の交流会は卒業交流会となります。\n\n全体グルー プレッスン×2回\nZOOMを用いてオンラインで学習ポイン トを押さえたグループレッスンというライブ授業を行 います。\n\n※グループレッスンに参加できなくても、 収録済みのレッスン動画を視聴して、ご自身で学習を 進める事ができますのでご安心下さい。\n\nタイムアタ ックチャレンジ×1回\nZOOMを用いてオンラインでコーデ ィングスピードを競うタイムアタックチャレンジを行 います。上位成績者には特典もあり（詳細は下部に記 載）。\n\nチャットでの質問×適宜\nチャットワークと いうチャットツールを使用し、受講期間中は講座で学 んだ内容の疑問点について質問する事が可能です。\n\n ※チャットの返信は基本的に平日9:00〜21:00までの間で 行わせていただきます。※事前学習期間の0週目はチャ ットのご利用はできません。※チャットワークのアカ ウント登録は各自でお願いしております。\n\nキャリア カウンセリング×1回\n最終週にZOOMを使って今後どうい ったスキルを身に付けたいとか、どういう働き方をし たいかなど、個別で30分のキャリアカウンセリングを 行います。\n※カウンセリングの実施日は基本的に平 日となります。\n\nさらに！特典があります\n特典：タ イムアタックチャレンジの上位者には進中時に使える キャッシュバックが貰える\nタイムアタックイベント に参加者の中で、スピードが早く品質も問題ないと判 断された上位1位〜3位までの方に、コーディング中級 講座 に進級した際に使えるキャッシュバックをプレゼ ントします。\n\n1位…3万円を受講料からキャッシュバ ック\n2位…2万円を受講料からキャッシュバック\n3位… 1万円を受講料からキャッシュバック\n\n※コーディン グ中級講座に進級しない方はキャッシュバック対象外 となるのでご了承下さい。\n受講料・受付開始日・受 付人数\n【講座受講料】\n一般受講料金55\,000円（税抜 ）と大変リーズナブルです！\n\n【講座開始日】\n3月31 日(水)開始※事前学習期間として開始日の1週間前から 基礎を学ぶ動画の視聴が可能となります。\n\n【申込締 切日】\n3月24日(水)締切※申し込みの締切日までに支払 い手続きを済ませていただく必要があります。\n\n準備 物\n受講開始までに下記内容を各自でご準備いただく ようお願いします。\n\n\n1.オンラインで受講するため のネット環境動画レッスンのため快適に視聴できる環 境が望ましいです。\n\n2.パソコン（Windows・Mac両方OK） パソコンのOSは新しい方が望ましいです。パソコンの スペックはPhotoshopが動作できるようにadobeのサイトに 記載のスペックが望ましいです。\n\n3.Atom（無料）講座 ではAtomというエディタを使用します。https://atom.io/\n\n4 .Google Chrome（無料）講座ではGoogle Chromeという世界ナン バー1のシェアを誇るブラウザを使用します。https://www. google.co.jp/chrome/\n\n5.Zoom（無料）レッスン・カウンセリ ング・交流会などで使用します。https://zoom.us/jp-jp/meetin gs.html\n\n6.ChatWork（無料）レッスンを配信したりみんな と交流をするために使うアプリケーションです。レッ スン期間中は基本的にここで連絡を取り合います。http s://go.chatwork.com/ja/\n\n7.Photoshop (月額980円)画像の書き出 しなどで使用します。\n\n※バージョンは最新のCCを推 奨していますので、古いバージョンの場合は一部作業 ができがない場合があるのでご了承下さい。\n※Photosho pをお持ちでない方で、有料で継続的に使うか不明だと いう方は、使用するタイミングで1週間だけ使える無料 体験版をインストールしてご利用下さい。https://helpx.ad obe.com/jp/creative-cloud/help/download-install-Photoshop-cc.html\n講師 紹介\nWEBエンジニア　安部智昭\n過去にWEB制作会社やWEB サービス会社など二度の起業を経験し、500社以上の案 件に携わった経験を持つ10年以上の実務経験者。現在 は株式会社日本デザインのビジョンに共感し2020年2月 にグループ会社となり参画し、ゼロイチプログラミン グスクール講師を務める。\n\nWEBデザイン、フロントエ ンドコーディング、バックエンドプログラミング、WEB ディレクション、WEBマーケティングなどWEBに関する事 なら一通り経験しているWEBエンジニア。\n\n私自身、キ ャリアとしては、WEBデザイナーがスタートなのですが 、仕事の実務を通じて、HTML/CSS/JavaScript/PHP/Rubyなどを学 んで今に至ります。ですので、元々右脳派で感性タイ プの方でもやる気次第でプログラミングを習得できる ようになるので一緒に頑張りましょう。\n\nご留意事項 \n受講の流れについて\nオンラインでリアルタイムで講 義をする時間もございますが、\n基本的な受講の流れ はオンラインでレッスン動画を視聴して各自で学習を 進めてもらいますので、\n全ての内容をリアルタイム で講義する事はしませんのでご留意下さい。\n動画視 聴期間について\n動画視聴が可能な期間は受講期間の みとなりますのでご留意下さい。\nチャットサポート 期間について\nチャットサポートは受講期間のみとな りますのでご留意下さい。\n※チャットの返信は基本 的に平日9:00〜21:00までの間で行わせていただきます。\ n※事前学習期間の0週目はチャットのご利用はできま せん。\nキャンセルについて\nキャンセルについては、 開催の7日以上前にキャンセルの連絡があった場合は全 額返金します。それ以降のキャンセルは主催者の都合 で開催ができなくなった場合を除き返金対象外となり ますのでご留意下さい。 LOCATION:zoom オンライン URL:https://techplay.jp/event/809551?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR