マガジンのカバー画像

未経験から副業で稼げるWebデザイン講座

26
Webデザイン未経験の方に向けた、Web制作に必要なスキルを学習できる講座です。モダンなポートフォリオサイトを実際に制作しながら、副業で案件を獲得することを目的として、wordp… もっと読む
Webデザインで稼ぐために必要な知識を、最も効率よく学べる講座となっています。この機会にWebデザ… もっと詳しく
¥980
運営しているクリエイター

記事一覧

固定された記事

未経験から副業で稼げるWebデザイン講座 #0 講座概要

未経験でも副業で稼げるレベルを目指すWebデザイン講座本記事をご覧いただきありがとうござい…

未経験から副業で稼げるWebデザイン講座 #25 投稿を反映しよう【最終回】

↓初回はこちら↓前回の復習前回は制作したphpファイルをwordpress環境で読み込んで表示させま…

未経験から副業で稼げるWebデザイン講座 #24 テーマを反映させよう

↓初回はこちら↓前回の復習前回はindex.htmlをheader.php、front-page.php、footer.phpに分け…

未経験から副業で稼げるWebデザイン講座 #23 HTMLをPHP化しよう

↓初回はこちら↓前回の復習前回はwordpressに必要な環境をそろえるためにLocalをインストール…

未経験から副業で稼げるWebデザイン講座 #22 Wordpress開発環境準備

↓初回はこちら↓前回の復習前回はHTMLとCSSを組んでスマホ版を完成させました。 横書きの指定…

未経験から副業で稼げるWebデザイン講座 #21 スマホ版のCSSを書こう②

↓初回はこちら↓前回の復習前回はスマホ版のCSSを書いてトップページ部分とプロフィール部分…

未経験から副業で稼げるWebデザイン講座 #20 スマホ版のCSSを書こう①

↓初回はこちら↓前回の復習前回はスマホ版開発の準備をしました。 メディアクエリをCSSに書くのと、HTMLにviewportの記述があるかの確認が必要でしたね。 今回はスマホ版のCSSを組んでいきます今回はスマホ版のCSSを組んでいきましょう。 まずはトップページ。横並びになっている.top_leftと.top_rightをカラム落ちを使って縦並びにしていきます。

未経験から副業で稼げるWebデザイン講座 #19 スマホ版制作の準備をしよう

↓初回はこちら↓前回の復習前回はフッターを組んでサイト全体を仕上げました。 文字の中央揃…

未経験から副業で稼げるWebデザイン講座 #18 フッターを組んで完成させよう

↓初回はこちら↓前回の復習前回はhoverすると画像が拡大されるようCSSを組みました。 <a>タグ…

未経験から副業で稼げるWebデザイン講座 #17 ホバーしたら動くリンクを作ろう

↓初回はこちら↓前回の復習前回は見出しを縦書きにして、画像の横に配置していきました。 見…

未経験から副業で稼げるWebデザイン講座 #16 作品集部分を組もう③

↓初回はこちら↓前回の復習前回はカラム落ちを利用して画像を2段の横並びにしました。 またga…

未経験から副業で稼げるWebデザイン講座 #15 作品集部分を組もう②

↓初回はこちら↓前回の復習前回は作品集部分のHTMLを組みました。 <img>は<div>で囲って使う…

未経験から副業で稼げるWebデザイン講座 #14 作品集部分を組もう①

↓初回はこちら↓前回の復習前回はプロフィール部分のCSSを記述しました。 object-fit:coverに…

未経験から副業で稼げるWebデザイン講座 #13 プロフィールページを組もう②

↓初回はこちら↓前回の復習前回はプロフィール部分のHTMLを組みました。 最初に<div>でグループ分けをしてから中身を入れ込んでいきましたね。 今回はCSSを組んでいきます。今回はCSSを組んでいきます。 トップ部分と同様に組んでいきますので、詰まった方は下記記事を参考にしてみてください。