ケータイ版 ミニタコ

  HTMLタグ > ホームページの作り方
初心者さんにもわかるように、砕いて砕いて説明しますw
ホームページ?ブログ?
どんな内容にするかで、ホームページとブログでは向き不向きがあります。

■初心者が始めるには…
  • ホームページ
    サーバをレンタルしたり、HTMLの知識が必要だったりするが、 代わりにタグを作るHTML編集ソフトなどもある。
  • ブログ
    簡単に始められる。
    HTMLなどの知識がなくても、記事を書いたり画像を貼ったり、ひととおりのことができる。

    ■用途別には…
  • ホームページ
    イラストなどの展示物をキレイに整理して載せたい場合などはホームページが向いている。
    管理するものが多くなり、古いものへの修正や整理をすることがある場合もホームページの方が○。
  • ブログ
    日記など、新しい記事を追加していくのがメインなら断然ブログが楽。

    ■デザインの変更
  • ホームページ
    HTMLの知識があれば、ほぼ思いどおりにデザインできる。
    有料サーバならCGIも設置できる。
  • ブログ
    テンプレートから選ぶ。
    知識があればある程度はデザインの変更ができるが、HTMLの知識だけでは難しい。

    ■SEO*
  • ホームページ
    ヒットしやすいタグを使えばSEO対策できるが、反応は遅い。
  • ブログ
    ヒットしやすい構造になっていて、反応も早い。
    *SEOとは「検索エンジン最適化」…つまり検索にヒットしやすくすることです。

    ブログならテンプレートを選んで、フォームから書き込むだけです。
    私もやってますが、日記だけブログで他はホームページという人も多いですね。
    ブログは今使っている「FC2ブログ」が使いやすくて気に入っています。

    FC2ブログ
    無料レンタルブログ。広告は下の方にテキストが1行だけ。
    使いやすく、オプション機能もたくさんあります。

    プチ・ホームページサービス
    こちらは「ブログ」とは書いてないけど、ブログのようなのですw
    かわいい素材を使って、デザイン変更を簡単にできるようにしてあります。

    ブログにする方は、上のリンクかYahoo!Googleで探していいのを見付けて下さい♪
    ホームページを作る、という方は、以下へ続けて下さい。
    ホームページの仕組み
    ホームページは、文章や画像などを記号のようなものでその表示のしかたを決めて作ります。
    ページの内容やデザインを記号で書き、「〜.html」というファイル名で保存します。
    このHTMLファイルが、ホームページの主体になります。

    HTMLファイルは、Win付属の「メモ帳」やMac付属の「TextEdit」でタグを入れれば作れます。
    編集ソフトは確かに簡単だけど、なんか融通がきかないw
    コピペを駆使してタグを使った方が、わかっきて楽しくなってくると思います♪
    サーバを借りる
    サーバとは、ホームページを見てもらうためのファイルの置き場です。
    そこは世界中につながるインターネットの海の入り口。
    そのサーバを用意する必要がありますが、プロバイダや回線会社が容量少なめのサーバを 用意していることも多いです。
    そういうのはたいていCGIは使えないと思いますが、練習や試しにやってみるにはいいと思います。
    ただ、サーバによって違う操作が必要なことがあるので、長く続けるつもりなら始めから それなりのサーバを借りた方が、無駄な時間を使わないかもしれません。

    また、「○○.com」などの独自ドメインを使いたいと思っている場合、 無料のサーバではたいていは使えません。
    安くても有料のレンタルサーバはCGIも独自ドメインも使えるし、 容量も多いので、長く続けるなら有料をお薦めします。

    ドメインは「ムームードメイン」が安くてお薦めです。
    「ムームードメイン」と、同じ会社がやっているレンタルサーバ「ロリポップ!」「チカッパ!」「ヘムテル」 のどれかを一緒に借りると、設定などが簡単にできるようになっているので、 初心者さんにもお薦めです。

    「ヘムテル」の独自ドメインは1契約で5つまで使用可能ってすごくいいなーと思います。
    商品やサービス名で独自ドメインをとったりすると、かっこいいですよねw

    ムームードメイン
    .com、.netが808円/年など。

    ロリポップ!
    レンタルサーバ。263円/月で容量200MG、初回1575円。
    サブドメインはかわいい・かっこいいものが用意されています♪
    「ムームードメイン」と一緒に利用すると、割引もあります。

    チカッパ!
    レンタルサーバ。525円/月で容量1GB、初回2100円。
    サブドメインは個性的ものが用意されています♪

    ヘテムル
    レンタルサーバ。1500円/月で容量1GB、初回3950円。
    サブドメインは他と重複していなければ無制限に作成可能、独自ドメインは1契約で5つまで使用可能です。
    スペックも高く、上級者〜プロ向け。

    FC2WEB
    無料レンタルサーバ。1GB、CGI×、商用○。

    FC2レンタルサーバー
    レンタルサーバ。3000円/月で容量3GB、初回。動画や画像を大量に扱う方向き。

    さくらインターネット
    レンタルサーバ。125円/月で容量300MG、500円/月で1GB、1500円/月で3GB、どれも初回1000円。
    4500円/月で20GB、初回5000円もあります。
    ファイル転送ソフトの用意
    Winでは「FFFTP」、Macでは「Fetch」が定番です。
    FFFTPの解説サイトも探してみます…。

    Sota
    「FFFTP」のダウンロード

    Fetch
    「Fetch」のダウンロード

    Macユーザーのためのホームページ“30分”開設学 -- Fetchの使い方 --
    Fetchの使い方を、詳しく丁寧に説明してあります。
    知っておいた方がいいこと
    ■自分を守る
    間違っても自分のメールアドレスをそのまま載せたりしないで下さい
    そのうち迷惑メールがとどまることなく届きます(´_ゝ`)

    ■ウェブ用素材を借りる
    借りるときは、そのサイトの注意やお願いを必ず読んで、守りましょう。

    ■他のホームページやブログにリンクを貼る
    リンクに関する注意などがないか確認しましょう。
    基本的にリンクを貼ってもらうことに拒否的な人はいないと思いますが、 ときどきトップページ以外にはリンクを貼らないで、という人がいます。
    また、相互リンクは申し込まれるのが好きでない方もいるので、「相互リンク歓迎」など書かれていないときは 申し込まないようにしましょう。

    ■著作権・肖像権
    著作権のあるものの転載や、許可をもらっていない人の写真の掲載などはできません。

    ■その他
    冗談でも、身の回りの人や有名な人 ( 例え犯人などでも ) のことを悪く書くのは控えましょう。
    誰が見てるかわからないし、今のメディアなんかどこまで本当のことを伝えてるかわかりません。
    事情や考えがあるのかもしれないし。
    何か書くとすれば、「自分はこう考えるんだけど」くらいの書き方に気を付けないと、この時勢ですから…。
    サーバに置くだけで世界中からアクセスできる状況になるわけで、それを意識するようにしましょう。

    最低限、このくらいかな?
    めんどくさいのは最初だけです。
    サーバを借りて、転送ソフトの設定ができれば、あとはてけとーに何とかなります。
    私にできたんだから誰でもできる!w
    それと、他のサイトを見てまわるとき、構成とか技とかを気にして見ていると、 どうやったらそうなるのかとかが少しづつわかってきます。
    記号を並べたファイルがうまく表示されると、これはひとつの感動ですねw
    おぉwできたwってw
    それがあるから、私はこの作業が楽しくてしょうがないのですw
    どうか気軽に、楽しんでやってもらえるといいなーと思います♪
    しんどくならない程度に、がんばって下さい♪
    20070906
    一部修正。
    20070830
    このページ追加。
    「HTMLタグ」のトップに戻る
  •   サイト案内



    タコ缶メルマガ
    毎週日曜日22時頃発行。
    サイトの更新情報やその裏話、Q&Aなどをお届けします♪


    English(Yahoo! Babel Fish)

      お気に入りショップ
    ■総合
    楽天市場
    Yahoo!ショッピング
    amazon.co.jp
    ぽちっとアスクル
    ムトウ On-line Shop
    セシール
    無印良品
    ベルメゾン
    FELISSIMO
    HIRAKI
    ■レディスファッション
    and it_
    PENNSNECK
    イーザッカマニアストアーズ
    なでしこ
    armoire
    JJmode
    TIROL SHOP
    narue
    ■メンズファッション
    Midas
    Ever Green
    Jiggy’s shop
    GIGI
    ■ファッション小物
    ジェイウェルドットコム
    an-ten-na
    ABCマート.net
    Swatch
    ■医療・介護
    007速配コンタクト
    ヴィーナス
    聴診器のパネシアン
    ■美容
    コスメ・コム
    コスメデネット
    ぴのあ
    化粧品原料通販センケン
    ■ウェディング
    ウエディングアイテムドットネット
    Stylful shopping
    ペーパーガーデン
    ■ベビー・キッズ・マタニティ
    CUSE BERRY
    わくわくネンネ
    あぴたきっず
    姫様NENE
    京都瑠璃雛菊
    キャサリンコテージ
    BABY BABY
    布絵本のふかふか絵本
    ■パソコン
    マウスコンピューター
    EC・POWERS
    Vintage Computer LLC
    五州貿易
    Vis-a-Vis
    JTT Online Shop
    Vector
    ■家電・インテリア
    ウエストハウスギャラリー
    クレッシェンド
    薔薇とレースと天使のお店
    フジパーツ
    ■キッチン
    贈り物の和心屋
    M' home style
    ■スイーツ
    花のようなケーキ
    アルパジョン
    ちた屋特産市場
    田園ぽてと
    エコール・クリオロ
    宇治茶 伊藤久右衛門
    横浜夢本舗
    ROYCE
    ■音楽ダウンロード
    iTunes Store
    リッスンジャパン
    ■ホビー・キャラクターグッズ
    夢のあるラジコンホビーショップ
    キャラアニ.com
    アニメイトWEB
    お宝アイドルテレカ鑑定団
    ■雑貨
    zacca
    Princess Rose
    雑貨店ブルーデージー
    携帯グッズ専門店ストラップヤ.com
    携帯電話アクセサリーの飾り屋
    デコ電パーツPrincess Rose
    ■花
    e87.com
    アニヴェルセル表参道
    ■金券・図書カード
    カード屋さん
    ■ギフト
    楽天ぬいぐるみカード
    ■その他
    ホットペッパー
    楽天トラベル
    イーバンク銀行
    ジャパンネット銀行
    楽天カード
    Skype
    @電子チケットぴあ
    がくぶん
    イーブックオフ(買取)
    CHINTAI Net

      QRコード


      カウンタ
    Total:
    Today:
    Yesterday: