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