雑貨*Zakka*サーチねっとは生活雑貨・インテリア雑貨・輸入雑貨・ハンドメイド雑貨などの雑貨ショップ専門の検索サイトです DOG SEARCHは犬グッズを扱う雑貨ショップ&犬と飼い主さんのためのお役立ちサイト検索サイトです Accessory Search Netはブランドジュエリー、天然石アクセサリー、手作りアクセサリーなどのアクセサリーショップの検索サイトです Antique Search Netはアンティーク、ヴィンテージ、コレクタブル雑貨ショップの検索エンジンです Handmade+Craft Searchはハンドメイド雑貨・手作り雑貨ショップとハンドメイド・手作りに役立つサイトを集めた検索サイトです Fabric Store Searchはリネン・コットンなどの生地、副資材、型紙パターンのネットショップ検索サイトです
手作り・ハンドメイドショップ検索*Handmade+Craft Search

Handmade+Craft Searchはハンドメイド雑貨・手作り雑貨ショップとハンドメイド・手作りに役立つサイトを集めた検索サイトです

- ハンドメイド雑貨商品検索 - 新着サイト - 更新サイト - 人気ランキング - Thanks サイト - COOL サイト - マイリンク -
ハンドメイドショップを作ろう!/ホームページを作る
ホームページを作る
サーバを借りる
ショッピングカートとCGI
宣伝しよう!
お役立ち?
TOP
ホームページ作成を1から勉強するのは結構大変。でも少しづつでも覚えていくとサイト上でできることの幅がどんどん広がっていきます。もちろんWebページとしてもレベルアップしていくこと間違いなし。時間に余裕のある方はチャレンジしてみることをオススメします。
「絶対ムリ!」という方にはホームページ作成の知識がなくてもネット上でショップを開く方法はあります。コチラをご覧下さい。
ホームページ作成の知識がある方は読み飛ばしましょう!!

手っ取り早く自分でホームページを作りたい方に
IBM ホームページ・ビルダー V9IBM ホームページ・ビルダー V9・スリムパッケージ版

初心者向きのホームページ作成有名ソフト。タグの知識がなくてもホームページが作れます。
管理人は一応V6なら持っていますが(ふ、古い)htmlのファイル作成には使ってません(タグ打ちと他のソフトに先に慣れてしまった為)。ただ付属の画像加工ソフトはとてもわかりやすく簡単に操作できます。ネットショップに商品画像は不可欠なので画像加工用に持っておくのもいいと思います。1万円ぐらいでお手軽価格。
ただし完全にこのソフトに頼ってしまうとタグやスタイルシートに関する知識がなくても作成可能な為ホームページ作成の勉強にはならないかもしれません・・・。


上級者向きソフト・・・管理人はMacromedia Studio MXを使っています。htmlファイル作成のDreamweaver MX、画像ファイル作成用のFireworks MX、フラッシュ作成用のFlash MXなどWeb作成に必要なソフトが全部揃います。ただし高い!タグに関する知識がない方やパソコンそのものに慣れていない方には絶対勧めません。

余談ですが画像加工・作成用ソフトといえば有名ソフトに「フォトショップ」や「イラストレーター」なども有りますがhtmlファイル作成用ソフトはダントツでDreamweaverが使い勝手が良いので同じマイクロメディアのソフトを使った方がのちのち楽です。(ソフトウェア同士の互換性の関係で)でも管理人は持ってはいるもののフォトショップもイラストレーターも使いこなせなせていないので操作性などの面では比較できません。ゴメンナサイ。

地道に基礎から理解してホームページを作りたい方に
ホームページを構成する「htmlファイル」は「タグ」と呼ばれるプログラム言語の一種を使用して作成します。

■ホームページ作成講座・おすすめリンク
メモ帳で作る超初心者のHP作成講座
とほほのWWW入門
1時間で作るホームページ

他力本願で申し訳有りません(汗)上記のサイトにとても丁寧にホームページの仕組みからOS付属のメモ帳でホームページを作る方法まで詳しく解説されています。最初はタグに関する説明ページを見ながらいろいろなサイトのソースを見ていくといいかもしれません。タグを書くことより先に読むこと(このタグはホームページの中のどの部分なのかを理解する)でタグを書くことがとても楽になります。次第にタグそのものも覚えていくと思います。
管理人のWeb作成歴は多分5,6年になりますが全て独学です。一番最初はとにかくいろいろなサイトのソースを見まくりました。仕事中に(笑)。その当時はフォントの色、仕切り線、本文の中央寄せ、画像を貼る、この程度タグの知識しかありませんでした。だんだんに理解できるタグが増えてきて自分でも使えるようになっていきました。


■おすすめフリーソフト
TTTEditor
タグの仕組みが理解できたら使ってみましょう。このソフトはタグ挿入式のHTMLエディター(残念ながらWindows専用)でかなり使いやすかったです。仕事としてWeb制作をはじめる直前まで使っていました。フリーソフトなのでOS付属のメモ帳代わりに気軽に使ってみましょう。使っていくうちに慣れます!

FFFTP
作ったHTMLファイルをWWWサーバ上にアップロードするソフトです。管理人現在使用中。HP作成当初からのお付き合い。使いやすいですよー。


■おすすめBOOK
HTMLタグ辞典第5版HTMLタグ辞典第5版

最新ブラウザInternetExplorer6.0&Netscape6.2に対応し、Webページ作成に必須なHTMLタグのすべてを隅から隅まで解説します。付録には、Webページの色に迷ったときに役立つカラーチャートや配色サンプルを収録。一冊は持っておきたい。





HTML & CSSビジュアル・リファレンスHTML & CSSビジュアル・リファレンス

従来の目的引き型辞典では見つからなかったタグ・要素・属性/プロパティを網羅。見やすく、引きやすく、わかりやすいビジュアルなページレイアウト。実際の使用例がわかるサンプルコードも豊富に掲載(目的引きも可能)。


HTML・タグの知識がついてきたらテンプレートを利用してみよう!
自分でデザインしてWeb作成できれば一番ですがWebデザインテンプレートを無料で配布されている心強いサイトさんもあります。必要な部分を修正したりカスタマイズするだけで自分のホームページができあがり!最低限のタグの知識は必要となりますので頑張ってお勉強しましょう!

■Webテンプレート配布サイトおすすめリンク
TG*Love is full. My table tag*
BLOOM

※テンプレートや素材配布サイトさんを利用する際は必ずそのサイトの注意事項等を読んで規定事項は守りましょうね。
もう良くわかんないから人に頼んじゃおう!という方に
勉強する時間のない方や作成する時間のない方はWeb製作会社に発注するという手も有ります。でもグレードの高いページを求めればそれだけコストも高くつきますしお勧めはできません。
それでも!という方にわりと制作費のお安い個人のWeb作成代行業をされているサイトをご紹介。

■Web作成代行リンク
HP作成代行・CGI設置代行サイト・Fine
HP作成代行サイト・Web-A

ネットショップという性質上、「更新」という作業が必要になってきますのでその場合変更の必要のないページのみ作成依頼をして変更のあるページはCGIなどを使って随時ご自分で更新していくという方法になると思います。(更新作業も行ってくれるWeb作成代行業の方もいらっしゃいますがその分コストアップになってしまいます)