【自分でできるサロンサイト構築】1.はじめに
思い立ったが吉日、というような勢いで、始めてみることにしました。「自分でできるサロンサイト構築」連載です。

本当は、全記事書き上げてからアップしていくべきなのかもしれませんが、いかんせん、5つの資質のトップは「内省」な私なので、それだと考え込んでしまっていつアップできるかさっぱりわからないため、書いた順にあげていって、あとから加筆訂正するというどろなわな方式でやらせていただきます。ご了承ください……。
さて、「自宅でサロン!」の趣旨に基づき、説明文はサロンの方を対象とした気持ちで書いていくつもりですが、他の種類のサイトでも基本的にはやり方はいっしょなので、そういった他の業種の方も参考にしていただければ幸いです。
また、作成例として、ちょうどリニューアルしたかった「エレクトリック・ファントム」のサイトを作成しながら解説していこうかと思います。(ぜんぜんサロンじゃないですが……)
現在考えている流れは
・はじめに
・目的をはっきりさせましょう
・最初に決めること
・サイトマップを描いてみましょう
・コンテンツをまとめます
・レイアウト(デザインラフ)を作りましょう
・ページリストを作ってみましょう
・ワイヤーフレームを作ってみましょう
・素材をそろえましょう
・コーディングしましょう
・ドメイン・サーバを設定しましょう
・いよいよアップロード
・最終チェック
・最初にするべきSEO
といった感じです。
「自分でできる」というかんむりをつけているので、コーディングなどのところは無料サービスなどの利用解説をつけながらいこうかと思いますが、予定は未定です……。
最後までいくのにかなり時間かかりそうですが、ごゆっくりおつきあいいただけるとありがたいです。
■関連記事
【自分でできるサロンサイト構築】1.はじめに
【自分でできるサロンサイト構築】2.目的をはっきりさせましょう
【自分でできるサロンサイト構築】3.最初に決めること
【自分でできるサロンサイト構築】4.サイトマップを描いてみましょう
【自分でできるサロンサイト構築】5.コンテンツをまとめます
【自分でできるサロンサイト構築】6.レイアウト(デザインラフ)を作りましょう
【自分でできるサロンサイト構築】7.メニュー(ページ)を作りましょう
【自分でできるサロンサイト構築】8.コンテンツを入力しましょう
【自分でできるサロンサイト構築】9.画像素材を用意しましょう
【自分でできるサロンサイト構築】10.画像をリサイズしましょう
【自分でできるサロンサイト構築】11.画像を切り抜きましょう

本当は、全記事書き上げてからアップしていくべきなのかもしれませんが、いかんせん、5つの資質のトップは「内省」な私なので、それだと考え込んでしまっていつアップできるかさっぱりわからないため、書いた順にあげていって、あとから加筆訂正するというどろなわな方式でやらせていただきます。ご了承ください……。
さて、「自宅でサロン!」の趣旨に基づき、説明文はサロンの方を対象とした気持ちで書いていくつもりですが、他の種類のサイトでも基本的にはやり方はいっしょなので、そういった他の業種の方も参考にしていただければ幸いです。
また、作成例として、ちょうどリニューアルしたかった「エレクトリック・ファントム」のサイトを作成しながら解説していこうかと思います。(ぜんぜんサロンじゃないですが……)
現在考えている流れは
・はじめに
・目的をはっきりさせましょう
・最初に決めること
・サイトマップを描いてみましょう
・コンテンツをまとめます
・レイアウト(デザインラフ)を作りましょう
・ページリストを作ってみましょう
・ワイヤーフレームを作ってみましょう
・素材をそろえましょう
・コーディングしましょう
・ドメイン・サーバを設定しましょう
・いよいよアップロード
・最終チェック
・最初にするべきSEO
といった感じです。
「自分でできる」というかんむりをつけているので、コーディングなどのところは無料サービスなどの利用解説をつけながらいこうかと思いますが、予定は未定です……。
最後までいくのにかなり時間かかりそうですが、ごゆっくりおつきあいいただけるとありがたいです。
■関連記事
【自分でできるサロンサイト構築】1.はじめに
【自分でできるサロンサイト構築】2.目的をはっきりさせましょう
【自分でできるサロンサイト構築】3.最初に決めること
【自分でできるサロンサイト構築】4.サイトマップを描いてみましょう
【自分でできるサロンサイト構築】5.コンテンツをまとめます
【自分でできるサロンサイト構築】6.レイアウト(デザインラフ)を作りましょう
【自分でできるサロンサイト構築】7.メニュー(ページ)を作りましょう
【自分でできるサロンサイト構築】8.コンテンツを入力しましょう
【自分でできるサロンサイト構築】9.画像素材を用意しましょう
【自分でできるサロンサイト構築】10.画像をリサイズしましょう
【自分でできるサロンサイト構築】11.画像を切り抜きましょう
「自宅でサロン!ブログ」のご紹介&メンバー紹介
「自宅でサロン!」ブログをアメブロに移行しましたので、改めてご紹介します。
坂東舞雪@自宅でサロン!ブログ
http://ameblo.jp/jitakudesalon/
一緒に仕事をしてもらっている坂東が書いています。
彼女の担当分野がSEO(サーチエンジン対策)なので、SEOに関する記事を比較的多くしてもらうようにしています。ご自分でWebサイト(ホームページ)を持っている方は、ぜひご覧になってみてください。
ついでといってはなんですが、自宅でサロン!ブログを書いている坂東もご紹介します。
エレクトリック・ファントムは現在、私と坂東のふたりで運営しています。といっても、それぞれ個人事業でパートナーシップという形なので、お互いにけっこう裁量がある感じです。以前の記事でも少し書きましたが、基本的にはお互いの自宅で、skypeなどで連絡をとりながら作業しています。
(売り上げがもっと出てきたら、エレクトリック・ファントムは法人化も考えてはいます。)
坂東には2009年の1月から参加してもらっているので、この形態で動き始めてからはまだ4ヶ月ちょっとです。
基本的には坂東には、経理作業とSEOと電話番を担当してもらっていますが、なにぶんふたりしかいないので、割といろんなことを一緒にやっているような状態です。セミナー、交流会なども、ふたりいっしょに参加することが割とあります。
私は興味がいろんなことに向きがちで、瞬発力はあるのですが継続力が弱いというか、コンスタントに成果を出していくことが苦手なので、そういう必要がある部分を坂東にフォローしてもらっています。彼女のほうが真面目で、情報収集などが得意かと思います。
ちなみに、私と坂東は幼馴染でもあります。お互いの親同士が友人だったため、生まれたころから知っているというか、わからないころからの知り合いです。
ふたりでミーティングしていると、たまにミーティングしているのかお茶しているのかわからなくなることがあるのが玉にキズ。。。
そんなふたりでエレクトリック・ファントムを運営しています。よろしくお願いします。
坂東舞雪@自宅でサロン!ブログ
http://ameblo.jp/jitakudesalon/
一緒に仕事をしてもらっている坂東が書いています。
彼女の担当分野がSEO(サーチエンジン対策)なので、SEOに関する記事を比較的多くしてもらうようにしています。ご自分でWebサイト(ホームページ)を持っている方は、ぜひご覧になってみてください。
ついでといってはなんですが、自宅でサロン!ブログを書いている坂東もご紹介します。
エレクトリック・ファントムは現在、私と坂東のふたりで運営しています。といっても、それぞれ個人事業でパートナーシップという形なので、お互いにけっこう裁量がある感じです。以前の記事でも少し書きましたが、基本的にはお互いの自宅で、skypeなどで連絡をとりながら作業しています。
(売り上げがもっと出てきたら、エレクトリック・ファントムは法人化も考えてはいます。)
坂東には2009年の1月から参加してもらっているので、この形態で動き始めてからはまだ4ヶ月ちょっとです。
基本的には坂東には、経理作業とSEOと電話番を担当してもらっていますが、なにぶんふたりしかいないので、割といろんなことを一緒にやっているような状態です。セミナー、交流会なども、ふたりいっしょに参加することが割とあります。
私は興味がいろんなことに向きがちで、瞬発力はあるのですが継続力が弱いというか、コンスタントに成果を出していくことが苦手なので、そういう必要がある部分を坂東にフォローしてもらっています。彼女のほうが真面目で、情報収集などが得意かと思います。
ちなみに、私と坂東は幼馴染でもあります。お互いの親同士が友人だったため、生まれたころから知っているというか、わからないころからの知り合いです。
ふたりでミーティングしていると、たまにミーティングしているのかお茶しているのかわからなくなることがあるのが玉にキズ。。。
そんなふたりでエレクトリック・ファントムを運営しています。よろしくお願いします。
勉強の計画(Webアソシエイト)
みなさん「Web検」ってきいたことあります?
私はこないだ初めて知ったんですが、Web検定という、Webの制作に携わる人向けの資格試験ができたらしいのです。
それで、知識を整理&補完するために受けようかな~と思って、ついでに坂東も誘って、テキストを購入しときました。
Webリテラシー―プロデュース・ディレクション・デザイン・プラグラミング (ウェブの仕事力が上がる標準ガイドブック 1)/益子 貴寛

¥2,980
Amazon.co.jp
とりあえずフォトリーディングしときましたが、思ったより知らないことが書いてある気がします。用語とか、見たことあるけど……レベルのものがけっこう。
今のところ、19日に受験申し込みをする予定で、そこまでの勉強の進み具合によって坂東と相談して受験日を決めるという話になっているのでした。
1週間くらいかけてテキストをじっくり読んで、3,4日問題集を解いてみたらいい感じかなー。
何か面白い話があったらここでまたお伝えしますね。
私はこないだ初めて知ったんですが、Web検定という、Webの制作に携わる人向けの資格試験ができたらしいのです。
それで、知識を整理&補完するために受けようかな~と思って、ついでに坂東も誘って、テキストを購入しときました。
Webリテラシー―プロデュース・ディレクション・デザイン・プラグラミング (ウェブの仕事力が上がる標準ガイドブック 1)/益子 貴寛

¥2,980
Amazon.co.jp
とりあえずフォトリーディングしときましたが、思ったより知らないことが書いてある気がします。用語とか、見たことあるけど……レベルのものがけっこう。
今のところ、19日に受験申し込みをする予定で、そこまでの勉強の進み具合によって坂東と相談して受験日を決めるという話になっているのでした。
1週間くらいかけてテキストをじっくり読んで、3,4日問題集を解いてみたらいい感じかなー。
何か面白い話があったらここでまたお伝えしますね。
事務作業デー
今日は、ひたすら事務作業の日でした。
ゴールデンウィーク直前くらいにいろいろと事務の用事があったんですが、出かける用事と風邪と重なってこなしきれなくて、ゴールデンウィーク中ずーっと心の片隅にひっかかっていたのをようやくこなしました。

頭を使うときは甘いもの……ということで写真はかしわもちとおはぎ。
近所に拾円小饅寿というお店があって、ちいさい1個10円のおまんじゅうを売ってるんですけど、最近そこでかしわもちとかおはぎを売っていて、たまに買っています。
かしわもちのほうは、かしわの葉一枚につき、ちいさいおもちが3個入ってます。ちょっとかわいい。
ゴールデンウィーク直前くらいにいろいろと事務の用事があったんですが、出かける用事と風邪と重なってこなしきれなくて、ゴールデンウィーク中ずーっと心の片隅にひっかかっていたのをようやくこなしました。

頭を使うときは甘いもの……ということで写真はかしわもちとおはぎ。
近所に拾円小饅寿というお店があって、ちいさい1個10円のおまんじゅうを売ってるんですけど、最近そこでかしわもちとかおはぎを売っていて、たまに買っています。
かしわもちのほうは、かしわの葉一枚につき、ちいさいおもちが3個入ってます。ちょっとかわいい。
