MENU

HTML、CSSでポートフォリオサイトを作成しよう

こんにちは !

さてさて今日は、ポートフォリオサイトを作ろうという思い立ちです。

いずれ一から作成する予定ではございますが、まずはテンプレートからダウンロードして…。
遊んでみてもいいですかね…(/_;)

一から作るとしたら、
1,デザインを決める
2, 画面遷移図を書く
3, コーディング
4,ドメイン、サーバーの契約
5,GitHubで管理

等々色々ありますが!!

まずは形を知って読み解いていきたいなと。。

ということで、今回は

https://f-tpl.com/

こちらの無料テンプレートから作成してみたいなと思います^^

その前に開発環境は…

VScodeを使用します。

ちなみにVScodeでダウンロードしたプラグインはこちらです。

・Japanese Language Pack for Visual Studio Code
VSCodeを日本語化してくれるプラグイン。

・Auto Rename Tag
開始タグを修正したときに終了タグも自動修正してくれるプラグイン。

・Bracket Pair Colorizer
対応するカッコに色付けしてくれるプラグイン。

・indent-rainbow
インデントに色付けしてくれるプラグイン。

・Color Highlight
カラーコードをその色でマーキングしてくれるプラグイン。

・CSSTree validator
CSSの記述が間違っている部分を指摘してくれる。

・HTML CSS Support
クラス属性・id属性の補完やCSSファイルの検索機能

・HTMLHint
HTMLの記述が間違っている部分を指摘してくれる。

・zenkaku
全角スペースを表示してくれる。

心配性でいっぱい入れすぎたかも…。

とりあえずこれで使用してみます!!!!

まずは、コードの修正履歴を残すためにGitHub覚えないと!!!!

よかったらシェアしてね!

この記事を書いた人

コメント

コメントする

目次
閉じる