WEB制作、初心者の学習ステップ
WEB制作、初心者の学習ステップを
私なりに以下に載せます。
①WEBデザインの本で学習する
⬇
②オリジナルサイトづくり ※仮想のサイトでも可 ※サイトのフレームを、大まかでもいいので、描く
⬇
③オリジナルサイトに使う画像の用意 ※画像素材サイトなどを利用する
⬇
④画像編集とWEBサイト用に画像の圧縮をする
⬇
⑤コーディング(コードを打つ作業)をする ※コードのコピペ集を参考にして表現の幅を広げながら行う
⬇
⑥Chromeブラウザの検証ツールで検証を繰り返して、完成形へ
⬇
⑦サーバーにアップロードする前の準備 ・OGPの設定 ・Googleアナリティクスの導入
⬇
⑧オリジナルサイトをサーバーにアップロードする ※ネットで調べて、やり方がわからない場合は本を参考にする
①から⑧までの工程を通して、ある程度、それなりのWEBサイトができるようになると思います。
ただ、自分が納得しないようであれば、
試行錯誤して、オリジナルサイトの修正を繰り返して下さい。
そういった作業が実力の向上につながると思います。
実際に手を動かすのが非常に重要だと思います。
繰り返しているうちに自然と技術が身についてくると思います。
①webデザインの本で学習する
についてですが、オススメの本は
こちらです。
よろしければ購入の検討をしてみて下さい。
③オリジナルサイトに使う画像の用意 ※画像素材サイトなどを利用する
④画像編集とwebサイト用に画像の圧縮をする
についてですが、
WEBサイト用の画像について - WEB制作、初心者お役立ちブログ
【無料】画像・写真編集&加工アプリおすすめ10選【2023年版】 - WEB制作、初心者お役立ちブログ
こちらの記事を参考にしてみて下さい。
⑤コーディング(コードを打つ作業)をする ※コードのコピペ集を参考にして表現の幅を広げながら行う
についてですが、
WEB制作コード、コピペ集まとめ - WEB制作、初心者お役立ちブログ
こちらの記事を参考にしてみて下さい。
⑥Chromeブラウザの検証ツールで検証を繰り返して、完成形へ
についてですが、
Chromeブラウザの検証機能の使い方 - WEB制作、初心者お役立ちブログ
こちらの記事を参考にしてみて下さい。
⑦サーバーにアップロードする前の準備 ・OGPの設定 ・Googleアナリティクスの導入
についてですが、
WEBサイトを公開するならOGPを設定 - WEB制作、初心者お役立ちブログ
WEBサイトでアクセス数などを知るためのGoogleアナリティクスについて - WEB制作、初心者お役立ちブログ
こちらの記事を参考にしてみて下さい。
⑧オリジナルサイトをサーバーにアップロードする ※ネットで調べて、やり方がわからない場合は本を参考にする
についてですが、
趣味でつくったWEBサイト、実例 - WEB制作、初心者お役立ちブログ
こちらの記事を参考にしてみて下さい。
楽しみながら取り組むことがベストだと思います。
では!