当サイトは、「ホームページをつくるのが初心者でも、できるだけ自分の力だけで商用ホームページが制作できる」ように、企業サイトや店舗サイトなどのホームページの作り方を紹介します。CSSで作るホームページなので、編集も簡単で、SEOにも優れています。
7日間でできるCSSベースのホームページの作り方
｢7日間でできるCSSベースのホームページの作り方｣は、こんな方にお勧めです。
- 初心者だけど、自分のお店のホームページを作りたい
- CSS（スタイルシート）を利用して簡単にホームページを作りたい
- SEO（サーチエンジン最適化）にも対応したホームページを作りたい
- 本業があるので、さくっと簡単にホームページを作りたい
- 簡単に更新できるホームページを作りたい
ホームページ制作を楽にするテンプレート一式
新規でホームページを作るのに、便利なテンプレート一式を公開中です。よろしければご利用ください。
配布先はこちらから（別サイトに移ります。）
お勧めレンタルサーバー
特にホームページ制作初心者にお勧めしたいレンタルサーバーです。1GBの容量で月105円！サポートも万全で安心！
サイトについて
ホームページの作り方というのは年々変わるので、常に最新の情報を提供するために「7日間でできるCSSベースのホームページの作り方」のコンテンツは半年に1回のペースで内容を更新しています。
サイト管理人について
ホームページ制作が趣味の主婦です。Webデザイナーを実務で2.5年やってました。現在は、CoolWebWindowというサイトで無料のCSSテンプレートを配布したり、個人的にホームページ制作も行っています。
ホームページ制作代行承ります
特に初めてホームページを作ろうと思ってもどのように作ったらよいかわかりませんよね？主に小規模の店舗のホームページ制作を得意をしています。当サイトで無料で配布しているCSSデザインテンプレートを利用してのホームページ制作であれば1万円からの格安でお引き受けしています。詳細はこちらからから。
PR
【PR】私も利用中のアンチウイルスソフト
PCだけではなくちゃんとスマートフォンにもアンチウイルスソフトを入れていますか？カスペルスキーならWindowsやMacはもちろんスマートフォンにも利用可能！3台分1ライセンスで管理できますのでとても楽ちん。3年プランが値段もお買い得です。
ホームページ制作に役立つコラム
- アクセスアップに役立つSEOブログ
- ホームページのアドレスは統一しよう
- 初心者さんにお勧めするHTMLとCSSの勉強方法
- 初心者のためのホームページ制作ガイド
- 見やすいホームページにするためにレイアウトの手法を学ぼう
- ファビコンを作って設置しよう
- ホームページ制作の流れをプロのWebデザイナーから学ぼう
- ブログの最新記事をホームページに表示する方法
- 初心者のためのHTMLとCSSの効率的な覚え方
- 初心者だからこそやって欲しいSEO対策の基礎
- デザインに困ったときに是非活用を！商用利用可能なCSSデザインテンプレート
- 脱初心者！見やすいホームページを作るテクニック
- できるだけ簡単にホームページのHTMLページをたくさん作る方法
- センスはいらない！？初心者でもわかるWeb配色のこと
- 初心者必見！ホームページを作る上で絶対やってはいけないこと
- 初心者にお勧めするホームページ作成の本
- 初心者でもできる！テキストを読みやすくするデザインテクニック
- ホームページを編集していて、レイアウト崩れが起こったときの対処法
- サイト内に導線を作るために最低やるべき3つのリンク
- ホームページを作るときは｢著作権｣に気をつけよう
- ホームページに検索窓(サイト内検索)を設置する方法
- エラーページをカスタマイズしよう
- Googleマップに店舗情報を登録しよう
- お問い合わせフォームの設置の注意点
- ホームページのアクセシビリティチェックをしよう
- デザインからワイヤーフレームを作る
- サイトが検索エンジンに登録されているか確認する方法
- ホームページ制作に行き詰ったら他のサイトを参考にしよう
- お勧めのレンタルサーバ
- ホームページに地図を載せる簡単な方法
ホームページ制作関連リンク
ホームページの作り方講座・リファレンスサイト
無料CSSテンプレート配布サイト
商用利用可能な無料写真サイト
- 写真素材 足成
- フリー写真素材 :: Free.Stocker
- PAKUTASO(ぱくたそ)-すべて高解像度の無料写真素材/商用可能
- パブリックドメインの写真 – フリー写真素材
- プロカメラマンのフリー写真素材 無料画像素材のプロ・フォト
- 女性モデルのフリー画像 無料人物写真素材のモデル・フォト
- ブログ用フリー画像素材・写真素材のblog.フォト
- 無料写真素材 東京デート
- kyotofoto / 京都写真・写真素材の無料提供・配布サイト
- PHOTO STOCKER – 高解像度フリー写真素材を無料配布。商用可能。ホームページにも。
- フリー写真素材 フォトスク【4000ピクセル以上の超高画質無料画像】
- 4200pxの無料・フリー写真素材 イメージスタイル
- フリー写真素材 Futta.NET - 無料の風景フリー画像
- 無料写真素材[商用可・クレジット不要]が一万点以上！フリー素材集[Similar-Image]
- フリー素材 PRIGA FREE PHOTOS
商用利用可能な無料画像素材サイト
- デザイン素材.com 【無料Web素材・イラストアイコン・ライセンスフリー・商用利用可】
- フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」
- 無料web素材 Tyto-Style | 無料素材でウェブサイト制作
- 0円のweb素材屋さん - 商用利用可のアイコン＆ホームページ素材が無料
商用利用可能な無料イラスト素材サイト
- ガーリー素材 | 無料フリーイラスト素材配布サイト
- フリーイラスト素材 - 商用利用可の無料イラスト素材集「ピクト缶」
- イラストがすべて無料 「イラストAC」
- クリップアートファクトリー | 全部無料で使えるテンプレート&素材集のダウンロードサイト
- 子供と動物のイラスト屋さん
商用利用可能で漢字も使える無料フォント
ゴシック体
明朝体
手書き風
- 春夏秋冬/花鳥風月
- たぬき油性マジック
- ミウラLinerジュニア
- キネ丸ボールド
- 九ちゃんフォント
- Fontopo にほんご
- あくあPフォント！
- ふい字
- あんずもじ
- みかちゃん
- しねきゃぷしょん
- こども丸ゴシック
- 衡山毛筆フォント
- 国鉄方向幕書体
- 国鉄風フォント
- GD-高速道路ゴシックJA-OTF
ホームページ作成に役立つ便利ツール・サービス
- Googleマップ作成 - 無料で地図作成できる0円のマップ屋さん
- トップ -ウェブアクセシビリティチェックサイトHAREL
- メールフォームプロCGI/UTF-8対応・クレジット決済機能対応 | 無料素材
- SEOチェキ! 無料で使えるSEOツール
- 無料で使えるSEO／SEMツールのフェレットプラス（FerretPLUS）
ホームページ作成後に導入して欲しいサービス
格安なお勧めレンタルサーバー
お勧め高品質デザインテンプレート
主に企業向けのホームページテンプレートですが、汎用性のあるデザインなので、飲食店、病院、フラワーショップ、整骨院（マッサージ）、美容院など様々なホームページテンプレートとしてご利用いただけます。こちらのテンプレートは有料になりますが、1テンプレート1,980円という低価格です。また、ゴールドプランでは800点以上あるホームページテンプレート全てを29,800円でご利用になれます。一部無料のテンプレートもありますので是非サイトにも訪問してみてください。
800種類以上のCSSデザインテンプレートが
ダウンロードし放題で
29,800円！
クラウドテンプレート・ゴールドプランはこちらから。
800点以上あるテンプレートの中から一部をご紹介します。
クラウドテンプレートはホームページ制作会社も使える高品質なホームページテンプレートを提供するサイトです。デザインも汎用性が高く初心者の方にもカスタマイズしやすいのでお勧めです。
お勧めHTML+CSS教本
必ず一冊は持っておきたい「HTML+CSS辞典」
デザインできなくてもおしゃれなホームページが作れる「テンプレートデザイン」
ひとつ上のホームページを目指す「Web制作教本」
デザインを重視するなら「デザイン・配色教本」
一歩先行く「HTML5教本」
CSSだけでグラフィカルなデザインが出来る「CSS3教本」
Webサイトをダイナミックに！「jQuery教本」
文章力アップでSEO対策も！「Webライティング教本」
※当サイトではWebサイトのことを、一般的な通称の｢サイト｣、｢ホームページ｣、｢HP｣などと表記しておりますが全て同一のことです。