フォローしましたこんにちは。コーディングサロンの竹内と申します。現役WEBデザイナーやWEBデザイナーの卵の方にHTMLコーディングを教えたりしています。5ランクに分けて用意していく予定です。実際に僕が、Progateのレッスンを受講しながら、こういった力が必要だろうなと考えながら作成しました。※もしも嬉しいフィードバックを頂けるなんてことがありましたら、載せさせて頂きたいと思っています。※コーディングの「答え」は同梱していません!添削をご所望の場合、下記からご相談ください。【備考】オンライン学習サイトだと、パーツごとに進めて行って、最終的にページができるような構成になっていたりするので、1ページ全体を通しでマークアップするという機会がなかったりします。「形・見た目」を作ることが優先で、正しいマークアップを学べていないこともあります。この力が無いと、この先のスキルアップスピードも鈍化してしまうでしょう。難しいかもしれません。これをサクッとマークアップできない場合、コーディングの模写を繰り返す前に、もう一度マークアップの基礎を復習した方がよいかもしれません。作成しています)※「テキストのみのデータ」は入っていません。開くとテキストをコピペできます。※フォントはすべて「源ノ角ゴシック・源ノ角明朝」を使用しています。無料のフォントですので、適宜インストールしてください。※コーディングの「答え」は同梱しておりません。添削をご所望の場合、下記からご相談ください。吟味の上、ご購入ください。・当ページやマガジンの拡散歓迎です(ファイルの拡散は禁止です!)・ご自身でコーディングなされたページを公開するのは問題ございませんがテスト/架空のものであることの明記をお願いします。・また、複数の方がチャレンジなさる可能性がございますのでその点はご了承ください。ファイルの一部、または全部を変更しての再販は禁止です。・お知り合い同士のファイルの融通のし合いも禁止させて頂きます。・当ファイルを用いてレクチャーをしたり、教材に利用することを禁じます。1万円/日をお支払いいただきます。※1回の使用でも、使用日から発覚日の間の日数で計算いたします。・当ファイルのホームページへの掲載やSNSへの共有などは禁止です。1万円/日をお支払いいただきます。有名なAdobe社が開発している、今注目のデザイン・プロトタイプ作成ソフトです。触れておいて損はないと思います。XDは無料で利用可能です。このコーディング練習においては、ファイルを開ければよいので、有料の機能は必要ありません。実は僕もそう思います。・作り終わったあと「できたー!」って公開できずにツマラナイ・ソースを見れてしまうのでついカンニングしてしまう・よくあるデザインテンプレートは英語ばかりで現実感がない(英語がわからずマークアップが微妙)・「ちょうどいいレベル感」のサイトを探すのが大変(わからない)といったような問題があるみたいで、それを解決できればと思いました。デザインを美麗にすればするほど、コーディングで要求されることが増えていきます。初級サンプルは我慢いただく必要がございます。それでも、なるべく綺麗に、そして何よりも「現実にありそうな原稿・構成」にこだわっていますので、ご理解いただけますと幸いです。課題の性質上、フォントを自由に使えないのもダサい理由の一つです。全部です!と言いたいところですが・・・レベル感は人それぞれですので一概に言えなくてすみません。超上級(制作中)という目安で作成はしています。そんなことはありません。他に適当な題材が思い浮かばなかっただけです。自分でコーディングしたものは持っています。