深夜ＳＯＨＯ作業族コミュの最速！サイト構築の巻

最速のサイト構築を１から手順で記載。
あとで見れるようにメモね♪
意見あればプリーズ★

コメント(8)

最初
全て
最新の40件

１、
予めディレクトリを作成しておく。
、Server_dir(もしくはServerdir
、素材　
、加工後
大きく分けて３つの（ディレクトリ）フォルダを作成
ちなみに私は
　serverdir
　　L　common
　　L　CSS
　　Lなどなど・・・
　process
　resource

　
２、あとからデザインを修正が発生しても大丈夫なように
Fireworksで全体を描く。

サイズはWrapperが800～850幅、
もしくはリキッドでも画面を考えて
1000前後のキャンバスを作成。

ちなみに推奨は1000＊1500

できたらあとから分解で組みたてる。

[2] mixiユーザー 10月19日 16:29

ある程度サイトが描いたら、
同時にDreamweaver を立ち上げる。

この時点でFireworks Dreamwever 、
もしくはphoshopを立ち上げるので、
最低でもPcメモリは解放しておく、
（推奨はメモリー１G以上）
（無い場合はサービスや常駐をはずしておく）
（とくにノートンやTCP監視ははずす＝）
※これはちこちこテストサーバーで確認を取るため
　ブラウザプレビューでもいいが、
　基本的にはFTPで転送して確認を取るため

[3] mixiユーザー 10月19日 16:32

流れは以上( ;￣ω￣)ゞ

[4] mixiユーザー 10月19日 16:53

最速は依頼から４時間を目指すため、
細かい作業を行う。
ちなみに私はデュアルモニターだけど、
モバイル状況で作成の場合もある為、
Fireworks Dreamwever ともワークスペースを
最低でも登録しておく事。

Fireworks ではワークスペースもそうだけど、
完全にショートカットを使いこなす。
バックイメージのロック（Ctrl+ail+L)と
画面の大きさを変える（Ctrl+ + ,-)は連打準備

そしてイメージはウィンドウキー＋Eで、
立ち上げておいてドロップ状態にしておく、
ディレクトリ指定以外のfireworksでの描写は、
パス指定など関係ないのでガンガン入れる。

開くファイルが多くなれば重くなるので、
PNGで　process にガンガン保存。

注意しないければならないのは、
かならず細かい点も保存する事
また　process （プロセス）は内部にディレクトリを
作らないで数字や文字、で分かりやすく
よく、保存ファイルまでサーバー用に「bg_001.png」など
気取った名前をつける輩がいるが、
ここはSOHOらしく「原本１」「背景原本」など
詳しく書く事

またserverのディレクトリは
ちゃんと規準のあわせないと
コンテンツが増えるとあとで痛い目を見るが、
この時点では保存する物は別とする。

[5] mixiユーザー 10月19日 16:59

この時点で会社のロゴマークや必要な物、
あとで再利用する画像などが
ガンガン発生すると思われるヾ(≧∇≦)〃

resource に保存しておく、
（加工しないもの）

間違っても
　process（加工した物）
　resource （加工しない物）
を混同しない事

あとで探すのに数分余計な時間が掛かる。

[6] mixiユーザー 10月19日 17:34

追記電卓の利用
Fireworksでボタンや枠を配置する際に
必ずモニター上の電卓を使う。
実際の電卓をつかうと
モニターから目が離れるし
作業が非常に遅くなる。
ぜひキーボードのショートカットに入れてほしい。
もし無いキーボーﾄﾞを使っている場合は、
ランチャーを使うしかないが、
（なるべく動作が軽いタイプを）
（推奨はこちら）
http://www.vector.co.jp/soft/win95/util/se113992.html

[7] mixiユーザー 10月19日 17:48

ある程度、fireworksで描写ができていると思うので、
Dreamweverへ同時に移行作業へ移る。

本来ならテキストまでしっかり書くのだけど、
一人で作業を行う場合は、
逆に無駄な作業や、
フォントの違いが発生する為に、
ここではテキストまで書かない状態で、
保存しておく。
ちなみに

タイトルやボタンは
ある程度特殊なフォントを揃えておきたい。

お勧めはTモトヤｱﾎﾟﾛ６～８等幅
、

[8] mixiユーザー 10月20日 15:43

そんな感じで最速２時間で完成。

よろしい？ｗ

ログインすると、みんなのコメントがもっと見れるよ