カテゴリ別最新記事-ホームページ制作あれこれ
ホームページ作成の超基礎 10/03/11/更新
文字色の背景を変えてみる 10/01/07/更新
ムームードメインへ引越しする方法。(レジストラ移管) 09/11/26/更新
絶対パスと相対パスの違いについて 09/11/15/更新
ホームページの作り方その3 htmlに編集する。 09/11/14/更新
ホームページの作り方その2 素材を用意する。 09/11/12/更新
htmlファイルとは 09/11/10/更新
ホームページの作り方その1 内容を考えてみる 09/11/09/更新
ドメインを取得するメリットって? 09/10/29/更新
今より安いレンタルサーバーをお探しなら 09/10/28/更新ホームページ作成の超基礎
インターネット初心者の方で、「インターネットは初心者だけど、副業としてアフィリエイトをやってみたい・・・」という方は結構いらっしゃるのではないでしょうか。
実際、アフィリエイト業界というのは、物凄い勢いで広がっているらしく、今後も伸び続けるといわれている業界です。2015年にはコンビニエンスストアの全国売り上げよりも、無店舗ビジネスの方が売り上げが伸びる、といわれています。これはたぶん情報社会の象徴とも言えるお話だと思います。
まあ、これは難しい話なので、おいおい何かの機会に書こうかな、と思います。
初心者の方が、「とにかくホームページを作ってみたい!」というときに便利なのは何はなくともホームページビルダーだと僕は思います。このホームページビルダー、初心者がホームページをつくる過程を全てフォローしてくれるソフトとなっています。僕もホームページ初心者だったころは、このホームページビルダーに大変お世話になった記憶があります。
ちなみに、ホームページビルダーでも、こだわりさえすればプロ顔負けのホームページを作ることも可能です。
ホームページをとりあえず作ってみたい、、でも何がなにやらさっぱりわからない、という方、ホームーページビルダーをお試しになってみてもよいかと思います(^^)
IBMのサイトに行けば、ホームページビルダーの体験版をダウンロードすることもできます。使い心地を試してみても良いかと思います。
■ホームページ作成の超基礎の続きを読む!
文字色の背景を変えてみる
たとえば、ブログなどを制作していると、文字を太字にしてみたくなったり、文字を斜体にしてみたくなったりすることがよくあると思います。
これらの文字装飾を効果的に使うことで、より読みやすい記事がかけたりしますよね。
今日はちょこっとだけそんな方法のご紹介をします。
ブログ様々なブログを読んでいて、蛍光ペンのような装飾を見たことはないでしょうか。
こんな奴です。
これはCSS(スタイルシート)にちょっとした文字列を加えるだけで実現可能になります。
僕は高校生のとき、教科書を蛍光ペンで色分けするのが大好きな人でしたが、これをブログに応用することで、格段に記事が読みやすくなると思います。
■span属性の文字列の背景を黄色く かつ 太くするスタイルシート
span {
background-color: #FFFF00;
font-weight: bold;
}
この文字列をまんまスタイルシートに貼り付けてください。あとは黄色マーカーを引きたい文字列をspanタグでくくるだけです。(ブログなんかの場合は、ブログのスタイルシートが編集できる場所があると思います。)
文字がぽこっと浮き出て見えるので一部を強調させたいときや、アフィリエイトブログなんかに効果的だと思います。
もちろん、これを応用すればspan属性の部分だけ文字の大きさを変えてみたり、アンダーラインを引いてみたりいろいろできると思います。ちなみに、このspan属性、現段階ではSEOには全く影響がないそうです。
今回はどちらかというとスタイルシートのお話でした。
スタイルシートを使うことで、ホームページのデザインがラクになります。
もし興味がある方はスタイルシートに関するwebはたくさんありますので、そちらのサイトなんかを参考になさってみてください。
■文字色の背景を変えてみるの続きを読む!
ムームードメインへ引越しする方法。(レジストラ移管)
ほかの会社でドメインを取得したは良いものの、ムームードメインの方が安いため、ムームードメインへドメインを移管したいということも出てくると思います。
ムームードメインへドメインを移管する場合は、レジストラ移管のページより行うことができます
・ドメインの移管は、ドメインの有効期限が切れてしまう前に行いましょう。
ドメインの移管は、作業時間に2週間弱かかるといわれています。
ドメインの所持者は、移管申請をしてしまえば、あとは処理されるのを待つだけなのですが、有効期限が迫ってしまっていると、ドメインの移管作業を行うことができないため、
ドメインの移管ができなくなってしまいます。
この場合は、一度ドメインの契約更新をしてから、また移管手続きを行うしかないようです。
■ムームードメインへ引越しする方法。(レジストラ移管)の続きを読む!
絶対パスと相対パスの違いについて
ホームページをたくさん作るようになると、絶対パスと相対パスの違いにぶち当たることがあります。これを理解していないと、リンクが噛み合わないなどの現象に悩まされることとなります。
・絶対パス
絶対パスとは、URLと同じもの、という考え方で差し支えないと思います。
なので、リンクを張るときにはhttp://www.~という形になります。
たとえばこのホームページにリンクを張っていただく場合ですと
![]()
と書いて頂ければ絶対パスとなります。
・相対パス
相対パスとは、主に自分のサイト内へのリンクに利用されることが多いようです。サブページへのリンクということですね。
この場合は、指定するのはそのファイルから見た、リンク先ファイルとなります。
たとえば3階のフロアに自分が居たとして、4階に行きたければ「1階上に上る」必要があります。1階に行きたければ「2階下に下る」必要がありますね。
このように、今時分がいるところからどのくらい動くのか、を示したものが相対パスです。
相対パスの具体例
![]()
これは、今居るページからそのままhext.htmlへ進んでください、という意味になります。
ブラウザ上では「次へ」という文字が表示されてhext.htmlへのリンクが貼られた状態になります。
この下にはドメインや、ファイル名などのサイトURLが隠れています。
・どっちが良いの?
僕個人としては、リンクを貼るときはすべて絶対パスで書いたほうが、トラブルが少なくて無難だと思います。
僕のサイトの場合だと、すべてのリンクを絶対パスでまとめるようにしています。
■絶対パスと相対パスの違いについての続きを読む!
ホームページの作り方その3 htmlに編集する。
内容と素材が決まったら、いよいよhtmlファイルを作成します。(→htmlファイルとは)
htmlファイルを作成するソフトウェアといえば、ホームページビルダーが一番有名なソフトだと思います。
とりあえず初心者の方におすすめなのはホームページビルダーだと思います。(ホームページビルダーを使用したサイトで月数万円稼ぐアフィリエイターもたくさん居ます)
ある程度慣れてきたら、メモ帳のエディタを利用して編集するのもアリだと思います。
■便利なエディタ
・Tera Pad
プログラミングに便利。使用するタグを自動的に色分けしてくれるのでとても見やすいです。フリーウエア
・サクラエディタ
有名。
ページ数が増えてきた際に、メニューなど全体のデザインに変更があった場合いちいちすべてのページを変換するのは大変です。
そんなときには一斉置換ソフトなどを使うと便利に変更作業を行うことが可能です。
■一斉置換ソフト
窓の社様にてとてもよくまとめられたページを見つけましたのでリンクさせて頂きます。
・一斉置換ソフト一覧
初心者の方にとっては、htmlに編集する作業が、一番恐ろしい作業なのではないでしょうか。
実際、タグなどははじめてみる方にとっては意味不明なもので、理解する気にもなれないと思います。
そのため、まずはホームページビルダーなどのホームページ制作ソフトを利用して慣れることをおすすめ致します。ホームページビルダーは、割と直感的に様々なことができるソフトです。
初心者から中級者くらいまでの、とりあえずホームページを作ってみたい、という方には大変おすすめできるソフトだと思います。
■ホームページの作り方その3 htmlに編集する。の続きを読む!
ホームページの作り方その2 素材を用意する。
大まかなデザインや、内容が決まってきたら、今度は素材を用意しましょう。
僕の場合だと、大体の場合、無料の素材サイトから拝借、挿絵のように使うパターンが多いです。
デジカメやスキャナなどで素材を取り込み、ホームページに利用してみても良いと思います。
僕が素材集めをするときに気をつけていることは、あまり神経質になりすぎないことです。
素材の細かい部分にあまり気を使いすぎると、それだけで時間がたってしまいますので、割とあっさりとさくさくっと決める場合が多いです。
文字の要素と組み合わされば意外と気にならないというか、後からしっくり来る場合が多いので、素材選びの段階ではあまり神経質にならないようにしています。
おすすめの無料素材提供サイト様(個人的には日本のサイトよりも海外のサイトの方が素材が豊富なのでオススメです。)
■海外サイト様
・5000 Free Stock Photos
5000点もの写真がDLし放題です。
・FreeDigitalPhotos.net
季節物が多い印象。季節アニバーサリーの素材なんかは便利。
・KAVEWALL: STOCK PHOTOS
トップページが印象的です。
■国内のサイト
・著作権フリー画像素材のリンクスタイル
結構有名なサイトではないでしょうか。日本人の感性に会う写真が多い気がします。
・無料 風景写真素材/AMI Lab.(あみラボ)
季節物。自然物が多いイメージ。商業可との表記はありません。
・無料素材・WEBデザイン フリー素材屋Hoshino
幻想的、綺麗な写真が多い印象です。
特に断りが無いものについては、全て商用可能です。使い方次第で化けるかもしれません。他にもたくさんありますので、自身でお探しになるのも良いと思います。
■ホームページの作り方その2 素材を用意する。の続きを読む!
htmlファイルとは
htmlファイルとはHyperText Markup Languageの頭文字をとったもので、ホームページの情報を記述するための言語のことです。
インターネットエクスプローラーなどのブラウザはこのhtmlを読み取ることにより、ホームページを表示しています。
たとえば、このサイトのhtmlの文字列を見てみるなら、画面左上の「表示」→「ソースの表示」よりご覧いただくことが可能です。
htmlには画像データやほかのページへのリンクを埋め込むことも可能なので、ホームページ作成にはとてもよく使われます。
htmlファイルはタグを覚えることにより、とても効率的に編集することができるようになります。
慣れるまでは、ホームページビルダーなどを利用すると、自動的にタグを生成してくれるので、とても楽です。
htmlが作成できたらブラウザ(インターネットエクスプローラー)などで確認してみましょう。無事に見れたら成功です。
■htmlファイルとはの続きを読む!
ホームページの作り方その1 内容を考えてみる
ホームページをはじめて作るときは、どんな内容にするか、悩んでしまう方も多いと思います。
この際は、「どんなものを」どうやって作るのか「どうやって」見せたいのかを明確にする必要があると思います。
僕の場合は、新しくホームページを立ち上げるときは、紙ベースにてマインドマップなどを用いてテーマを決めていく場合が多いです。
ある程度ネタも必要になってくることと思います。テレビなどをザッピングしながら考えてみても良いでしょう。
最近の話題ですと、酒井典子さんの判決公判が話題となっていました。1年3ヶ月、執行猶予3年という期間は適切なのか、また今後の社会復帰は?などといろいろ話題になっていました。
これらのことについて言及してみても良いかもしれません。
大雑把な内容や、伝えたいことがまとまってきたら、ようやくデザインに取り掛かります。
最近の僕のやり方だと、おおよそのテンプレートがすでに決まっていてあとは画像の差し替えや文字の差し替えのみでデザインをまとめることが多いです。
デザインなどは凝りだしてしまうと、本当に時間がかかってしまうのでそういうやり方になっています。
大まかなデザインや内容が決まってきたら、今度は素材を用意します。
■ホームページの作り方その1 内容を考えてみるの続きを読む!
ドメインを取得するメリットって?
ホームページをはじめて運営される方の中にはドメインというものはあまり馴染みがないのかもしれませんね。このドメイン、はじめは言葉の意味もわからないし、設定も大変そうだしで、一体何の意味があるの?と思われる方も多いかもしれません。
この独自ドメインを取得する一番のメリットはなんなのでしょうか。
それはSEO対策にあります。SEOとは検索エンジン最適化のことで、これはある言葉(キーワード)を、検索窓に入力したときに出てくる順位をなるべく上の方に持ってこようとする技術のことです。
独自ドメインを持っているということは、この検索順位を上に持ってくることに大変有利に働きます。それは即ち、訪問者が増えるということです。
あとは単純にホームページのURLがすっきりするので、ホームページを覚えてもらいやすいというメリットもあります。
いずれにせよ、ホームページを運営するならば、ドメインは取得しておいて損はないと思います。
ちなみに、国内で一番ドメイン代が安いのはムームードメインです。チカッパレンタルサーバーとも仲が良いので使いやすく、おすすめです。
■ドメインを取得するメリットって?の続きを読む!
今より安いレンタルサーバーをお探しなら
僕自身、チカッパレンタルサーバーに出会うまでは、チカッパより高いサーバーを利用していました。
確か年間のレンタル料が14000円前後のサーバーだったと記憶しています。
このサーバーのレンタルの有効期限が1ヶ月以内に迫り、更新するか、別のサーバーに移るかという選択を迫られたときに、チカッパレンタルサーバーに出会った記憶があります。
ちなみに、そのサーバーは1年契約からのサーバーだったので、契約を更新してしまうとさらに14000円をサーバーのレンタル会社に振り込まないといけないということで、契約更新時は結構辛かったのを覚えています。
対してチカッパレンタルサーバーの料金はポイント制で月始めの引き落としになるので、お財布に優しいです。月の経費も525円で、年間通じても7000円弱ということで、すぐに乗り換えた記憶があります。
当時の僕のサーバー選びの条件としては、(既にホームページを運営しているため)ドメインが引越し可能であればOKだったので、すぐにサーバーを変えることを決めました。
今より安いレンタルサーバーをお探しなら、チカッパレンタルサーバーは年関経費でも7000円弱なので、かなりおすすめなサーバーといえると思います。
■今より安いレンタルサーバーをお探しならの続きを読む!
これからホームページを作成する方へ
これから初めてホームページを作られる方も多いかと思います。
そのために今まさにサーバーを探されている方も多いのではないでしょうか。
僕が思うに、アフィリエイトサイトや、自分のお店のサイトなど、ある程度商用を意識したサイト作りにおいては多少でも良いので有料のサーバーを使ったほうが良いかと思われます。
理由は、後々サイトが育ってきたときに便利だからです。
無料のホームページスペースや、無料のサーバーですと、独自ドメインが使用不可だったり、CGIが使えないケースというのが出てきます。これはある程度ホームページが大きくなったときに、結構不利というか、窮屈に感じられると思います。
これからホームページの作成を本気でトライされる場合は、まず安くても良いので有料のサーバーを使ったほうが後々便利だと思います。
■これからホームページを作成する方への続きを読む!
マルチドメイン対応のメリット
マルチドメイン対応のサーバーにはいくつかメリットがあります。そのメリットについてご紹介したいと思います。
■ドメイン間の管理が楽。
さまざまな理由でマルチドメインにする方も多いと思いますが、複数のドメインを一つのサーバーにまとめると、管理が非常に楽になります。
ドメインごとに違うサーバーを利用していると、アクセス解析をするためだけにそれぞれのサーバーにログインしなければならず、これが毎日となると、ちょっとだけ面倒です。
マルチドメイン対応のサーバーだと、一つのコントロールパネルで全てのドメインの管理が可能になりますので、とっても楽です。
ちなみにチカッパの場合、「アクセス解析」画面にてプルダウンにて各ドメインのアクセス状況を確認することができます。

※プルダウンにてドメインの選択が可能です。
■マルチドメイン対応のメリットの続きを読む!
格安のレンタルサーバーをお探しなら
格安のレンタルサーバーをお探しなら、僕はさくらレンタルサーバーかロリポップかチカッパをおすすめします。いずれも月額数百円のサーバーになります。
サクラレンタルサーバーの場合は月額125円、ロリポップの場合は月額263円。
チカッパレンタルサーバーの場合は月額525円にてサーバーのレンタルが可能です。
最近では安いサーバーも少しずつ増えてきている模様で、月額数百円のレンタルサーバーも増えてきたように感じます。
そうなると次の目安は「使いやすさ」と「安全性」となってくるような気がします。
チカッパレンタルサーバーは既に、一定の信頼感を築いている印象があります。(いろいろなセミナーに参加するのですが、皆様「チカッパがおすすめ」と言いますので・・・)
使いやすさ、はトップページの「ユーザ専用ツール(デモ版)」を使ってみることで確認頂けると思います。僕はとても重宝しています。

トップページ右下よりデモ版の確認をすることができます。

アクセス解析のデモ画面
■格安のレンタルサーバーをお探しならの続きを読む!
怪しいホームページ制作会社に注意です。
よくいろいろな相談を受けるのですが、怪しいホームページ制作会社には注意したほうがよさそうです。
突然営業の電話がかかってきて、お店の売上げが増えるからと契約を結びにかかってくるホームページ制作会社が多いとのこと。
僕が思うに、今の時代ホームページの制作というのはツールなどがそろえば誰にでもできることだと思います。(僕は昔ホームページビルダーにてアフィリエイトサイトを制作したことがあります)
なので、ホームページは誰かに作ってもらうよりも、自分で作ったほうがよいものが作れるような気がしています。もちろん、プロデュースしてもらうということも含めれば誰かにお願いしても良いのですが・・・、しかしながら自分のお店の強みというのは、自分が一番理解していることとも思います。
よくベンチャー系の企業から「ホームページ作りませんか?」などの営業の電話がかかってくると思いますが、まずは実績を確認してみることも大切だと思います。
今の時代、ホームページは「ツールさえあれば作れる」ので更に一歩進んだ「結果が出せるホームページ作り」が大切になってくると思います。
■怪しいホームページ制作会社に注意です。の続きを読む!
年間費約6200円のサーバー。
サーバー代は、利用するサーバーによってピンキリだと思います。
高いところだと年間20000円弱する印象があります。
ちなみにこの違い、細かいサービスの違いによるところがほとんどで、使い心地としては大差ないというのがぼくの印象です。
ちなみに、この値段の違い、具体的にどういう違いがあるかというと、たとえばサーバー会社側での人件費の都合だったり、サーバー設置土地の値段の違いだったりすることがほとんどのようで、僕たちが利用する分にはそこまで違いを感じることはないような気がします。
強いて言うなら、安定性と信頼が違うのかな、という感じではあります。
個人経営のホームページの場合、ごくまれにサーバー落ちが発生したとしても、「あれれ?」くらいで済みますが、大企業だとそうもいきませんよね。もっとも大企業の方はそれ専用の方を雇っているので、サーバーを借りるということもあまりしないのかもしれませんが・・・。
僕が思うに、サーバーは使いたい機能さえ使えれば、安いにこしたことはないと思います。
■年間費約6200円のサーバー。の続きを読む!
独自ドメインのメリットって?
チカッパレンタルサーバーに限ったことではないのですが、ホームページ作成の際は独自ドメインを取得したほうが何かと便利です。(ちなみに、独自ドメインを取得するなら、ムームードメインが安くて使いやすいのでお勧めです)
独自ドメインのメリットを思いつくままに書いてみます。
■ホームページのURLが覚えやすくなる。
たとえば、独自ドメインを取得する場合、ホームページの内容に即したドメインにすることで、ホームページのURLと内容が覚えやすくなると思います。
たとえば、「中古の車」という内容でホームページを立ち上げるのならば「old_car.com」なんてドメインも良いかもしれませんね。old=古い car=車 という意味です。安直ですが、なんとなくホームページのイメージをつかんでもらえるし、覚えやすいと思います。
他にも、お店の名前でドメインを取得してみるというのも良いかもしれませんね。ドメインに愛着がわく分、ホームページを大切に運営したくなってくるのではと思います。
他にも独自ドメインにはいくつかのメリットがあります。回数に分けて書いてみたいと思います。
■独自ドメインのメリットって?の続きを読む!
マルチドメイン対応の安いサーバー
マルチドメインは、ホームページをたくさん運営する予定の方にとってはとても大切なオプションだと思います。
僕も現在、このページのドメイン「loving-life」以外にもさらに2つ、合計3種類のドメインにてホームページを運営しています。
僕が知っている限りでは、チカッパレンタルサーバーは、マルチドメイン対応のサーバーの中でも一番安いサーバーだと思われます。ちなみに、マルチドメインを利用する場合、利用オプションとして、月額210円がプラスされます。このプラス分を加えても、月額のサーバー利用料が525円なので、月の利用料は700円弱に納まります。
いきなりマルチドメインを利用しなくても、サブドメインはもちろん無料で作成できますので、一つのドメインにてはじめてみて、余裕があったら2つめのドメインを取得してみる、というのもありだと思います。
ホームページをいくつか運営する場合、サブドメインにてホームページを振り分けてみても良いと思います。
マルチドメインのメリットは、僕が思うにはSEO対策がしやすくなることだと思います。
やはり、オリジナルのドメインは検索エンジンからの信頼度が高いです。しかしながら、サーバーを二つ借りると、サーバー料が単純に2倍になってしまう。
ハードディスクの容量も、普通のホームページの場合、そこまで多くは使わないのが普通ですから、そういう意味でもそこでマルチドメインを利用すると節約になってお得だと思います。
■マルチドメイン対応の安いサーバーの続きを読む!
ホームページ作りのメリット
ホームページを作ろう!というと、なにやら難しそう・・・と言った印象を持たれる方も多いと思います。
まずPCについてもよくわからいかもしれない・・・という方も多いと思います。
そこで今日はまずご挨拶ということで、ホームページ作りのメリットなんかをご紹介していければな・・・と思います。
メリットその1.お客様と繋がることが出来る。
何はなくとも、とりあえずホームページがあるだけでもお客様に与える印象は違うと思われます。
まず、お客様集めの第一段階として「忘れられないお店」にはなれるのではないかと僕は思います。
今日来てくださったお客様に、URLを書いた紙を渡してみる。
日記を少しずつでも更新して近況報告をしてみる。
ホームページが動いているお店は、それだけで親近感が沸く気がします。
今僕がこうしてこの記事を書いているのも、このページを通じて僕自身が僕の宣伝をしたいからという理由もありますし、少しでも訪問者の皆様と近い関係でいれたらな、と思って更新しています。
ホームページはこういう活動が手軽にできる一つのツールだと思います。
■ホームページ作りのメリットの続きを読む!
使いやすいサーバーをお探しなら。
僕は初心者の方や、はじめてホームページを作る方の相談に良く乗るのですが、その際、サーバーはチカッパレンタルサーバーをおすすめしています。その理由は単純に僕がよく利用しているので、僕自身が教えやすいことと、コントロールパネルが見やすくてわかりやすいことにあります。
レンタルサーバーってそれだけでなにやらわかりにくそうだし、設定が面倒なのでは?という不安がよぎりやすいのではないでしょうか。
たしかに、正直使いづらいサーバーはあると思います。
僕自身、以前はチカッパ以外のサーバーもよく利用していたのですが、コントロールパネルの見方がわかりづらく、悩んだ記憶があります。
チカッパレンタルサーバーのコントロールパネルについては、「コントロールパネルについて」に記載してあるので、そちらをご確認頂ければと思います。きっと使いやすいと思っていただけると思います。
■使いやすいサーバーをお探しなら。の続きを読む!
ムームードメインでのドメイン設定方法(ネームサーバーの設定方法)
ムームードメインにて取得したドメインでの設定方法になります。
ドメインを取得後、ムームードメインの方でネームサーバーの設定が必要になります。その方法をご紹介いたします。
①ムームードメインにログイン。「ドメイン一覧」から、「詳細:表示する」をクリック

②コントロールパネルが表示されます。ドメインの詳細が書いてある画面です。

④ネームサーバーの設定画面が出てきます。利用したいサーバーをクリックします。(当サイトではチカッパをオススメしております)

⑤チェックを入れたら「ネームサーバーの設定変更」をクリックします。

以上でネームサーバーの設定が完了しました。
通常は24時間前後で反映されます。(もっと早い場合もあります)
■ムームードメインでのドメイン設定方法(ネームサーバーの設定方法)の続きを読む!



