ポートフォリオサイトのデザイン確認【ポートフォリオ作成】

バナー

この教材は「ギャクサン」というWeb制作学習カリキュラムの一部です。

はじめての方はこちらからご覧ください👉

更新日

#19  ポートフォリオサイトのデザイン確認【ポートフォリオ作成】

web兄さん

さて、いよいよHTML&CSSの超初級編の制作課題に入りました。

今まではHTMLとCSSの基礎を身につけるために、HTMLだけ書いたり、CSSだけ書いたりしてきましたが、ここからはデザインデータを確認しながらHTMLとCSSを組み合わせてコーディングしていくことにチャレンジしていきます!

web兄さん
実際の制作現場の流れと同じなので、ここをクリアできるだけでも多少力はつくはずだよ!

今回制作する課題の確認

今回は以下のポートフォリオサイトの作成にチャレンジします。

もちろんこちらの課題が完成したのち、そのまま自分のポートフォリオサイトとして使ってOKですし、配色や写真を差し替えて自分好みのポートフォリオサイトに変更してもOKです。

前半
後半

さらに!

現代のWEBサイト制作ではスマホやタブレットでの見た目の調整も必須ですよね。

今回のポートフォリオサイト作成ではPC版を作成後、レスポンシブ対応も身につけられるようになっています。

パスワードが必要です

これより先は有料コンテンツです。「ギャクサン」の購入ページから契約をしてください。
すでに契約済みの方でパスワードの入力が上手くいかない場合はサポートへ連絡してください。