便利サイト一覧

ここにあるサイトを見れば
スーパークールなテキストサイトが作れちゃうぞ

  • タグ打ちでサイトを作る
1時間で作るホームページ とりあえず作りたい、基礎の基礎を学びたい人に
実戦的 HTML & CSS 入門 最低限の作り方、CSSの使い方も載っている
プロが教えるホームページの作り方 ダメなHPの例などはとても参考になります
HTMLの基礎 HTMLも弄ってみたい、あのタグが分からないとき
siriasu.net HP関連の色々な情報サイト。かなり細かい
ドットインストール HTML、CSSに限らず様々な講座が掲載されている(要無料会員登録)
HTML/CSSでWEBを習い始めた方がつまずきやすい事3つ つまずきやすいポイントと解決法

  • リファレンス
HTMLクイックリファレンス HTMLタグリファレンス(目的別) HTMLタグのリファレンス
HTMLクイックリファレンス スタイルシートリファレンス(目的別) CSSのリファレンス
HTMLクイックリファレンス 特殊文字リファレンス 特殊文字のリファレンス、そのまま打ち込むとブラウザ上で特殊文字として表示される
原色大辞典 カラーコード集

  • 作成サイトで簡単にサイトを作る
Jimdoで作る簡単ホームページ! Jimdoを使って簡単にサイトを作る
Googleサイト(グーグルサイト)の使い方・作り方 Googleサイトを利用したホームページの作り方

  • 簡単な画像加工の仕方
GIMP画像加工作り方指南塾 無料ソフト「GIMP」を使った画像加工やweb画像の作成方法を紹介
素材屋が教えるPixia講座 こちらはPixiaを使った画像作成講座。初心者にもわかりやすい

  • その他便利なサイト
コピペで飾ろうホームページ コピペするだけで使える素材集
はてなアンテナ 登録したサイトの更新状況を自動的にチェック
Favicon Editor favicon(ページのアイコン)が簡単に作れる。出来たものをHPでアップしてhead部分に<link rel="shortcut icon" href="/favicon.ico" > と書くだけ。(favicon.icoはファイル名)

  • 便利なソフト
FFFTP フリーのファイル転送ソフト、サイト作りには必須
FileZilla ファイル転送ソフト。mac使いの人はこちらを
TeraPad シンプルなテキストエディタ
ez-HTML タグ挿入型エディタ(リンクウェア)タグ打ちに自身がない人に
Homepage Manager HTMLエディタ。タグを知らなくてもワード文書と同じようにホームページが作れる。ただし古い
Photoscape 画像編集ソフト。写真の補正や文字入れに便利
GIMP Photoshop並の高機能画像編集ソフト。ただし重い