エンジニアステップ

初心者・未経験エンジニア向けの技術ブログ

DAY20.『ポートフォリオを公開しよう』 #30DAYSトライアル

DAY20.『ポートフォリオを公開しよう』 #30DAYSトライアルです。 

ポートフォリオサイトをついに公開!

» 参考:【初心者からサイト制作で月5万円を稼ぐための30日間トライアル】まとめ

www.engineer-step.com

 

DAY20.『ポートフォリオを公開しよう』

DAY20. 『ポートフォリオを公開しよう』ということでポートフォリオサイトの公開です!

 

 

ポートフォリオ(HTML)を微修正した

ポートフォリオ(HTML)を微修正しました。

以下やったこと↓

  • ウェブサイトのシンボルマーク(Faviocn)を作成
  • 背景画像選び
  • 見出しに色を付けた
  • headの中の設定
  • footerの設定

など。

一部だけ抜粋して紹介

 

背景画像や色の設定

背景画像や色の設定はショーへーさんが紹介していたサイトを使うのがオススメです。

 

 

 

 

見出しに色を付けた

見出しに色を付けてみました。

黒一辺倒だと寂しかったので…。

※この辺りのデザインセンスはないので、良いサイトを見つけて真似したほうが良かったですね

 

headの中の設定

headの中の設定をいくつか。

  • titleの変更
  • meta name="author"に自分の名前を設定
  • twittercard設定

などなど。

 

footerの設定

footerも簡単に設定しておきました。

  • SNSアイコンは削除
  • Copyrightに自分の名前を追加

 

その他諸々

その他諸々、お問い合わせの段数を変えたりとか、色々です。

※そういえば、お問い合わせフォームの連絡先はまだ変えていません…

 

以前(DAY18)にやった内容も参考にどうぞ!

www.engineer-step.com

 

ポートフォリオサイトのアップロード

ポートフォリオサイトのアップロードも行いました。

私の場合、既にエックスサーバーは契約していました。

 

ドメインは既存のものを使いまわしです

※ドメインは新規に獲得せずに、サブドメインを設定しました。

 

私が作ったポートフォリオはこちら↓

Portfolio

lp.alpaca-blog.com

 

ポートフォリオと言いつつ、手がけた作品は1つもないので「制作実績」はコメントアウトしていますw

まだデザインの細かいところは出来ていませんが、とりあえずアップロードできたので満足です(灬╹ω╹灬)

続けてきてよかった!

 

以上、DAY20.『ポートフォリオを公開しよう』 というお話でした。

 

【関連記事】

  1. DAY18.『HTMLテンプレートを使ってみよう+自分のポートフォリオサイトを作ろう①』 #30DAYSトライアル
  2. DAY19.『自分のポートフォリオサイトを作ろう②』 #30DAYSトライアル
  3. DAY20.『ポートフォリオを公開しよう』 #30DAYSトライアル

www.engineer-step.com