一週間でホームページを作るには
「ああああの…相談があるんですが」
「どうしました?」
「上司からの指示で、僕が会社のホームページを作らなきゃいけなくなったんです」
「そうですか」
「しかも…一週間後までになんです」
「それはなかなかの短納期ですね」
「しかも…僕ホームページなんか作ったことないです。ブログもやったことないし、インターネットは見るのとツイッターくらいです」
「ほほう」
「やっぱり無理ですかねえ」
「いや、
大丈夫ですよ」
「えっ!」
「もちろん何を望まれているのかにもよりますが、ベーシックなものを作るだけなら一週間で十分できますよ」
「よかったです」
「ホームページ作成に必要なのは3つ。
サーバーとHTMLとCSSです」
「はい」
「まずはなんと言ってもサーバーです。どれだけ立派なホームページを作っても、サーバーが無ければWEB上で見ることはできません。初心者太郎君がやってるツイッターは、ツイッターがサーバーを持っているので、つぶやけば勝手にアップロードされるのですが、自分でホームページを作る場合、サーバーを借りなければいけません」
「ほおお…」
「難しく考えなくてもいいです。これを見て、サーバーを借りてみてください→
オススメの有料サーバー」
「有料じゃないとダメなんですか?」
「ダメということはないですが、企業のホームページであれば、無料ではちょっとかっこつかないところもあると思います。ロリポップは月額250円~借りれますよ」
「ほおお…」
「あとは、HTMLとCSSです。これを読んで勉強してほしいのですが…
HTMLとは CSSとは」
「はい!」
「でも…
一週間でHTMLとCSSを極めるのは、無理です」
「えっ!!!」
「ある程度の理解はできますし、簡易なホームページならできますよ。でも、綺麗なレイアウトを作って、全てのページを連動させて成立させて、人前に出して恥ずかしくないものにする…と考えると、一週間では難しいと思います」
「そうなんですね…」
「ですのでぶっちゃけ、
テンプレートを使ってしまったほうがいいと思います」
「テンプレート?」
「これです。
内部SEOテンプレート『賢威』」
「内部SEOってなんですか?」
「それはそれで重要ですが、まだ知らなくていいです!」
「は…はい…」
「要するに、これを使えば、
最低限のHTMLとCSSの知識で、ホームページが作成できるということです。まあ、これじゃなくても、テンプレートを探して作成するのがいいと思いますが、広告が出なくてSEO対策できるので、オススメですけどね」
「ほほー…やってみます!」
ホームページ作成ツール
ネットショップはカラーミーショップ
有名ネットショップサービス
GMOグループが運営する「カラーミーショップ」。導入店舗数60,000件の実績。ネットショップ運営の全てがあります。充実の機能、売れる仕組み、安心のサポートで、あなたのネットショップ運営を成功に導きます。簡単に始めることができ、カスタマイズも充実。自然にドロップシッピングを学んでいくことができます。カラーミーからは、数々のヒットドロップシッピングが生まれています。詳細はコチラ
アンリミテッドアフィリエイト
最初に正しい道筋を知る
これからホームページを作って、SEO対策をして、アフィリエイトを行っていくときに、最初に正しい道筋を知っておくのが大事です。全体図を把握して目標設定するのはこれが一番いいと思います。詳細はコチラ
賢威
一番売れている内部SEO対策
SEO対策には、外部SEOと内部SEOの二つがありますが、内部SEOは、これだけ使えばいいというくらい、アフィリエイターなどに売れています。このホームページも賢威で作っており、「ホームページ制作比較」で11位になっています。詳細はコチラ
Makeshop
No.1ネットショップサービス
GMOメイクショップ株式会社が運営する業界ナンバーワンネットショップのMakeShop。流通額と機能数でナンバーワンを誇っています。0円から開業できて、販売手数料0円です。徹底したサーバー管理で安定稼働。圧倒的な集客力とSEO機能が評価され、約22,000店舗の導入実績を持ちます。詳細はコチラ
検索順位チェックツールGRC
SEO/SEMツールを無料配布
GRCは検索順位チェックツールのスタンダードです。他に無い豊富で優れた機能。何千もの項目があっても損なわれない抜群の操作性と高速性。2004年配布開始、信頼と実績も掛け値なしのナンバーワン。GRCは無料でご利用いただけます。個人様から上場企業様まで、幅広いユーザー様にご利用をいただいております。詳細はコチラ
高画質・高性能ビデオキャプチャーソフトBandicam
デスクトップ上の操作方法を解説した動画マニュアル作成に
PCゲームの撮影・録音、プレイ動画作成に、PCで再生中の動画キャプチャーに、デスクトップ上の操作方法を解説した動画マニュアル作成に、スクリーン(静止画)キャプチャーの保存に。PC上で繰り広げられるストーリーを、臨場感あふれる映像・音源そのままに、撮る・録る、ビデオキャプチャーソフト詳細はコチラ
ドメイン取得&無料レンタルサーバーXdomain
初めてのホームページ作成に
Xdomainは、ロリポップに並ぶ、初心者にオススメのサーバー。無料でサーバーをレンタルでき、990円から独自ドメインを取得できます。WordPressも簡単にインストールできます。さらにPHP・MySQLサーバー機能・メール機能も使えます。
.jp,.com,.orgなど、様々なドメインが取得できます。
詳細はコチラ
最新情報2(定義タグとアイコンを使ったパターン)
- 2012年12月31日
-
- ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
-
- 新商品
- キャンペーン
- お得情報
- 期間限定
- キャンペーン
- お得情報
- ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
-
- ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
最新情報(定義タグを使ったパターン)
- 2012年12月31日
- ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
- ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
- ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
- ここにテキストが入ります。ここにテキストが入ります。
- 2012年12月31日
- ここにテキストが入ります。ここにテキストが入ります。
H2用のテキストが入ります。
2002×2002
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H3用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H4用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
H5用のテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります
。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。
ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。
「divタグ(boxクラス)」を使って左右に並べた例
-
商品名1
ここにテキストが入ります。
-
商品名2
ここにテキストが入ります。
-
商品名3
ここにテキストが入ります。
-
商品名4
ここにテキストが入ります。
-
商品名5
ここにテキストが入ります。
「リストタグ(checklist)を使った例
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
- ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
次のページへ
前のページへ
「テーブルタグ」を使った例
おすすめのサービス |
評価(5段階) |
詳細 |
|
★★★★★ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
|
★★★★☆ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
|
★★☆☆☆ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
「テーブルタグ」を使った例(2)
商品名:サンプルA1-001 |
★★★★★ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
商品名:サンプルA2-001 |
★★★★☆ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
商品名:サンプルA3-001 |
★★☆☆☆ |
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 |
本テンプレートでは「advanced.css」の中に便利なCSSの設定をご用意しています。
1、文字色を変える
- 文字色を黒色に変更することができます。
- 文字色を赤色に変更することができます。
- 文字色を青色に変更することができます。
- 文字色を緑色に変更することができます。
- 文字色を黄色く変更することができます。
- 文字色を紺色に変更することができます。
- 文字色を灰色に変更することができます。
- 文字色をオレンジに変更することができます。
- 文字色をピンクに変更することができます。
- 文字色を紫色に変更することができます。
- 文字色を黄土色に変更することができます。
- 文字色を黄緑に変更することができます。
- 文字色を水色に変更することができます。
2、文字の大きさを変える
- 文字を太字にすることができます。
- 文字を「120%」の大きさにすることができます。
- 文字を「150%」の大きさにすることができます。
- 文字を「180%」の大きさにすることができます。
- 文字を「80%」の大きさにすることができます。
3、下線や取消線を引く
- 文字に下線を引くことができます。
- 文字に取り消し線を引くことができます。
4、文字列を「蛍光ペンのようなボックス」で囲む
- 文字を黄色いボックスで囲むことができます。
- 文字を水色のボックスで囲むことができます。
- 文字を灰色のボックスで囲むことができます。
- 文字を赤色のボックスで囲むことができます。
5、文字列の前にアイコンを付ける。
先頭にCHECK!という画像が付いた状態で表示されます。
先頭にCHECK!という画像が付いた状態で表示されます。
先頭にPOINT!という画像が付いた状態で表示されます。
先頭にPOINT!という画像が付いた状態で表示されます。
先頭にCHECK!という画像が付いた状態で表示されます。
先頭にPOINT!という画像が付いた状態で表示されます。
先頭に注意!という画像が付いた状態で表示されます。
先頭に注意!という画像が付いた状態で表示されます。
先頭に初心者マークが付いた状態で表示されます。
先頭にメール画像が付いた状態で表示されます。
先頭にPDF画像が付いた状態で表示されます。
先頭にZIP画像が付いた状態で表示されます。
一行なら文章の終わりにも使えます。
一行なら文章の終わりにも使えます。
一行なら文章の終わりにも使えます。
Youtube動画の埋め込み