個人サイトの作り方・便利ツール / HTMLでホームページ作成【初心者向け】

2023年4月3日サイト作成メモ

【 便利ツール 】

◆ SCHEM COLOR(配色 / サイトデザイン用)

https://www.schemecolor.com/song-of-nature.php

◆ アクセスカウンター

無料アクセスカウンター / freesoft100
https://freesoft-100.com/homepage/rental/counter.html

無料アクセスカウンター(登録不要 / レンタル)
二重カウント防止。SSL対応。
https://www.free-counter.jp/

◆ ファビコン

様々なファビコンを一括生成 / favicon generator
各種ブラウザやデバイスに対応したファビコンをまとめて生成。
https://ao-system.net/favicongenerator/

◆ 画像軽量化ツール

I LOVE IMG
https://www.iloveimg.com/ja

Optimizilla
https://imagecompressor.com/ja/

【2023年版】画像最適化ツールおすすめ10選を徹底比較!(画像軽量化・無料あり)
https://notepm.jp/blog/12985

◆ SNS用アイコン

『ICOON MONO』(ライセンスについて)
https://icooon-mono.com/license/

Collection of watercolor social media icons
https://www.freepik.com/free-vector/collection-watercolor-social-media-icons_822526.htm

ソーシャルメディアロゴコレクション
https://jp.freepik.com/free-vector/social-media-logo-collection_10363326.htm#query=sns&position=0&from_view=keyword

無料で使えるカラフルなSNSアイコン138個まとめ
https://designup.jp/vector-free-social-icon.html

—————————–

HTMLでサイト作成

—————————–

◆ テキストエディタで個人サイトをつくろう!
(ほんのりhtml知識がある人向けテンプレート&ふんわり解説サイト)
https://sitetsukurou.x0.com/

—————————–

◆ サイト制作ノウハウとHTMLテンプレート / do
https://do.gt-gt.org/

—————————–

〇 検索に使用したワード:
< html5 個人サイト 手打ち メモ帳 >

2019年版、オタク向け個人サイトの作り方
https://note.com/skt_order/n/nd27316efaba2

令和最新版 個人サイトの作り方(いまさら)
https://rumic.jp/piyolab/personalsite.html#top

HTMLから始めるプログラミング入門~メモ帳にコードを書いてみよう
https://programmercollege.jp/column/37198/

ホームページをHTMLで作成する手順をゼロから解説【テンプレートも紹介】
https://pr.toriaez.jp/navi/column/2511.html

ホームページ作成のためのプログラミング言語7選!作成や学習方法も紹介
https://www.freecode.jp/blog/detail.php?c=134

文書構造を意識しながらHTMLマークアップしよう!
https://www.webcreatorbox.com/tech/html-semantic-markup

—————————–

■ HTML5から意味の変わる要素 / HTMLクイックリファレンス
https://www.htmq.com/html5/008.shtml

【模写コーディング】おすすめの練習サイト【入門編~上級編】
https://code-step.com/coding-recommend/

Posted by 赤池