「ホームページの作り方まとめ」の編集履歴(バックアップ)一覧はこちら
「ホームページの作り方まとめ」(2013/09/10 (火) 22:24:20) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
***ホームページの作り方
→愛、テキストの人がHP入門的な物を作ってくれたよ!
[[http://vipt.info/tu/>http://vipt.info/tu/]]
-タグ打ちでサイトを作る
[[1時間で作るホームページ>http://www.shoshinsha.com/hp/]] とりあえず作りたい、基礎の基礎を学びたい人に
[[実戦的 HTML & CSS 入門>http://tipszone.jp/20120713_html/]] 最低限の作り方、CSSの使い方も載っている
[[プロが教えるホームページの作り方>http://html.ofiho.net/]] ダメなHPの例などはとても参考になります
[[HTMLの基礎>http://ykr.main.jp/html/]] HTMLも弄ってみたい、あのタグが分からないとき
[[siriasu.net>http://siriasu.s10.xrea.com/]] HP関連の色々な情報サイト。かなり細かい
[[ドットインストール>http://dotinstall.com/]] HTML、CSSに限らず様々な講座が掲載されている(要無料会員登録)
[[HTML/CSSでWEBを習い始めた方がつまずきやすい事3つ>http://webdesignfactory.schoolbus.jp/htmlcss_beginner/]] つまずきやすいポイントと解決法
-リファレンス
[[HTMLクイックリファレンス HTMLタグリファレンス(目的別)>http://www.htmq.com/html/indexm.shtml]] HTMLタグのリファレンス
[[HTMLクイックリファレンス スタイルシートリファレンス(目的別)>http://www.htmq.com/style/index.shtml]] CSSのリファレンス
[[HTMLクイックリファレンス 特殊文字リファレンス>http://www.htmq.com/text/index.shtml]] 特殊文字のリファレンス、そのまま打ち込むとブラウザ上で特殊文字として表示される
[[原色大辞典>http://www.colordic.org/]] カラーコード集
-作成サイトで簡単にサイトを作る
[[Jimdoで作る簡単ホームページ!>http://jp-m.jimdo.com/]] Jimdoを使って簡単にサイトを作る
[[Googleサイト(グーグルサイト)の使い方・作り方>https://sites.google.com/site/howtousesites01/]] Googleサイトを利用したホームページの作り方
-簡単な画像加工の仕方
[[GIMP画像加工作り方指南塾>http://gazou-shinan.com/]] 無料ソフト「GIMP」を使った画像加工やweb画像の作成方法を紹介
[[素材屋が教えるPixia講座>http://pixia.tsukaikata.info/]] こちらはPixiaを使った画像作成講座。初心者にもわかりやすい
-その他便利なサイト
[[コピペで飾ろうホームページ>http://copicopi.com/]] コピペするだけで使える素材集
[[はてなアンテナ>http://a.hatena.ne.jp/]] 登録したサイトの更新状況を自動的にチェック
[[Favicon Editor>http://favicon-generator.org/editor/]] favicon(ページのアイコン)が簡単に作れる。出来たものをHPでアップしてhead部分に<link rel="shortcut icon" href="/favicon.ico" > と書くだけ。(favicon.icoはファイル名)
-便利なソフト
[[FFFTP>http://www2.biglobe.ne.jp/sota/ffftp.html]] フリーのファイル転送ソフト、サイト作りには必須
[[FileZilla>http://filezilla.sourceforge.jp/]] ファイル転送ソフト。mac使いの人はこちらを
[[TeraPad>http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html]] シンプルなテキストエディタ
[[ez-HTML>http://www.w-frontier.com/software/ezhtml.html]] タグ挿入型エディタ(リンクウェア)タグ打ちに自身がない人に
[[Homepage Manager>http://hp.vector.co.jp/authors/VA014491/]] HTMLエディタ。タグを知らなくてもワード文書と同じようにホームページが作れる。ただし古い
[[Photoscape>http://www.photoscape.org/ps/main/download.php]] 画像編集ソフト。写真の補正や文字入れに便利
[[GIMP>http://www.geocities.jp/gimproject2/download/gimp-download.html]] Photoshop並の高機能画像編集ソフト。ただし重い
しえn
***ホームページの作り方
→愛、テキサスの人がHP入門的な物を作ってくれたよ!
[[http://vipt.info/tu/>http://vipt.info/tu/]]
-タグ打ちでサイトを作る
[[1時間で作るホームページ>http://www.shoshinsha.com/hp/]] とりあえず作りたい、基礎の基礎を学びたい人に
[[実戦的 HTML & CSS 入門>http://tipszone.jp/20120713_html/]] 最低限の作り方、CSSの使い方も載っている
[[プロが教えるホームページの作り方>http://html.ofiho.net/]] ダメなHPの例などはとても参考になります
[[HTMLの基礎>http://ykr.main.jp/html/]] HTMLも弄ってみたい、あのタグが分からないとき
[[siriasu.net>http://siriasu.s10.xrea.com/]] HP関連の色々な情報サイト。かなり細かい
[[ドットインストール>http://dotinstall.com/]] HTML、CSSに限らず様々な講座が掲載されている(要無料会員登録)
[[HTML/CSSでWEBを習い始めた方がつまずきやすい事3つ>http://webdesignfactory.schoolbus.jp/htmlcss_beginner/]] つまずきやすいポイントと解決法
-リファレンス
[[HTMLクイックリファレンス HTMLタグリファレンス(目的別)>http://www.htmq.com/html/indexm.shtml]] HTMLタグのリファレンス
[[HTMLクイックリファレンス スタイルシートリファレンス(目的別)>http://www.htmq.com/style/index.shtml]] CSSのリファレンス
[[HTMLクイックリファレンス 特殊文字リファレンス>http://www.htmq.com/text/index.shtml]] 特殊文字のリファレンス、そのまま打ち込むとブラウザ上で特殊文字として表示される
[[原色大辞典>http://www.colordic.org/]] カラーコード集
-作成サイトで簡単にサイトを作る
[[Jimdoで作る簡単ホームページ!>http://jp-m.jimdo.com/]] Jimdoを使って簡単にサイトを作る
[[Googleサイト(グーグルサイト)の使い方・作り方>https://sites.google.com/site/howtousesites01/]] Googleサイトを利用したホームページの作り方
-簡単な画像加工の仕方
[[GIMP画像加工作り方指南塾>http://gazou-shinan.com/]] 無料ソフト「GIMP」を使った画像加工やweb画像の作成方法を紹介
[[素材屋が教えるPixia講座>http://pixia.tsukaikata.info/]] こちらはPixiaを使った画像作成講座。初心者にもわかりやすい
-その他便利なサイト
[[コピペで飾ろうホームページ>http://copicopi.com/]] コピペするだけで使える素材集
[[はてなアンテナ>http://a.hatena.ne.jp/]] 登録したサイトの更新状況を自動的にチェック
[[Favicon Editor>http://favicon-generator.org/editor/]] favicon(ページのアイコン)が簡単に作れる。出来たものをHPでアップしてhead部分に<link rel="shortcut icon" href="/favicon.ico" > と書くだけ。(favicon.icoはファイル名)
-便利なソフト
[[FFFTP>http://www2.biglobe.ne.jp/sota/ffftp.html]] フリーのファイル転送ソフト、サイト作りには必須
[[FileZilla>http://filezilla.sourceforge.jp/]] ファイル転送ソフト。mac使いの人はこちらを
[[TeraPad>http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html]] シンプルなテキストエディタ
[[ez-HTML>http://www.w-frontier.com/software/ezhtml.html]] タグ挿入型エディタ(リンクウェア)タグ打ちに自身がない人に
[[Homepage Manager>http://hp.vector.co.jp/authors/VA014491/]] HTMLエディタ。タグを知らなくてもワード文書と同じようにホームページが作れる。ただし古い
[[Photoscape>http://www.photoscape.org/ps/main/download.php]] 画像編集ソフト。写真の補正や文字入れに便利
[[GIMP>http://www.geocities.jp/gimproject2/download/gimp-download.html]] Photoshop並の高機能画像編集ソフト。ただし重い
しえn