Webデザインをやり直そうと思った

ユーザーサイトのテンプレートができあがりました
二日間もかかってしまった(^^;

使ったタグは

• h1
• h2
• h3
• p
• table
• ul
• dl
• address

あとはclass
SEO対策などは施していません
限定されたサイトなので必要ないし
これで来週からの仕事に間に合いそうです(^^)

2009年09月04日：デザイン：：zizodo

ユーザーサイトをリニューアルしようと思っていたら、”する事”になった

とは言う物の、まだ制作手順が頭の中で整理できていないので、何をするにも煙がモクモク
とりあえず、構築本は終わって、DreamweaverのHowto本になったので、そこまでの実力（付け焼き刃とも言う）だけでリニューアルを実行する事にした

今回制作する物

• .htaccess
• .htpasswd
• Deramweaverのテンプレート

現在制作完了しているもの

• 素材
• テキストデータ
• ディレクトリマップ
• フォルダ構成
• 制作規定（サイト名等）
• ワイヤーフレーム
• 実寸法フレーム
• タグ配置（id+class）

これから各画像をPhotoshopからスライスで切り出して、テキストを元にDeramweaverで構築する予定

今回はSEOは視野にいれていない
なぜなら、認証で保護してあるサイトだから

2009年09月02日：デザイン：：zizodo

webデザインの世界で”ワイヤーフレーム”ってのがあるなんて全く知らなかった
構築関係の本を読んで初めて知った
言われてみればとても必要で重要な作業だと思う
真似してイラレで作ってみたけれど、それだけでも思うようにバランスがとれずに苦労した

まだまだ、修行せねばいかん

2009年08月04日：その他：：zizodo

業務用のサイトには、userフォルダがあり、ここには各ユーザーさんの打ち合わせよう図案が格納されている

今回、このuserフォルダ全体にベーシック認証をかけてみた
サイト構成は以下の通り

1つのIDとパスワードで、各々のユーザーフォルダの固有画像とhtml、共有画像とcssが表示できた
「各ユーザーフォルダには制限をかけたいけれど、IDとパスワードは同じ物を使い回ししたい」という時にはこの方法は便利だ
もうひとつ言うと、同じIDとパスワードで良い理由は、データは打ち合わせ用なので、取引が終わったら削除するからで、二度と同じフォルダは生成されない
・・・なんでもっと早く気がつかなかったんだろう？(^^;

2009年07月15日：その他：：zizodo

朝から本棚を家捜しする
前に買った本がワンサカと出てくる

DW4・FW4 ・FLASH3・webデザイン集
・・・・軽く読んでおしまいだった本ばかり
ついでに言うと、バージョンが合わなくてどれも理解がイマイチだったのばかり

やはりアプリケーションの操作方法に関しては、マスター本を買って勉強するのが一番だ
でも、webについての知識に関しては（色彩・ディレクション・企画等）ネットで調べて身につけた方が良さそうだ

・・と言う事で今後の方針としては「アプリケーション操作に関しては本、知識はネットで」にしたい

2009年07月10日：その他：：zizodo1

教材を考えたらどうしたらいいか悩んだ
ネットで無料であちこち見るのもいいけれど、やはりここは”まとまった単位”として本が欲しい
明日、大きな書店まで行ってみようかな
いや、その前に自宅に本が埋もれているかもしれない、探してみよう

2009年07月09日：その他：：zizodo1

まずは、色彩から勉強をしなおす事にする
他のツールの操作方法でもいいが、どれからやっても同じ事だ
順序だててやろう

1. 色彩
2. キャッチコピー
3. 企画・提案書の作り方
4. 著作権・知的財産権について
5. FWの操作方法（応用まで）
6. FLASHの操作方法（基礎まで-できれば応用まで）
7. サイト設計
8. DWの操作方法（応用まで）
9. CSSの復習

詳細は、カリキュラムに沿う

次に、ワークフローに従って一連の作業を勉強し、最後に実際のリニューアルにはいる
ここまでで二ヶ月切るんだが、大丈夫だろうか？

次回は、色彩のサイトを調べて勉強開始！

＜追伸＞
幸いな事に、シスアドを取得しているのでネット関係の多少の事はわかる

• パソコンの基本操作
• メールソフト・ビジネスソフトの操作
• インターネット・ネットワークのしくみ
• 人物の基本的なデッサン
• フォトショップの基本操作
• イラストレータの基本操作
• cgi設置（パーミッション）

これらは「できるもの」として再勉強はしない（ああ、助かった）

2009年07月09日：その他：：zizodo1

勉強したい事が山ほどあるが、まずは

• 期間
• 順序

を決める事にする

• 期間：7月〜10月下旬
  詳細：サイト完成は10月中旬、稼働テスト完了は10月下旬

順序は、

1. ツールや手法の勉強
2. 実際にフローを作りリニューアル着手
3. 絵とマンガは同時に平行作業

とする

ツールで勉強したい事

1. 絶対：色彩
2. 絶対：キャッチコピー
3. 絶対：FLASHの基本操作と応用操作（これは0から）
4. 絶対：ドリームウィーバーの基本操作と応用操作
5. 絶対：ファイヤーワークスの基本操作と応用操作（特に画像加工）
6. 復習：企画・提案書のまとめかた
7. 復習：サイト設計
8. 復習：著作権・知的財産権

絵とマンガの詳細は

• 絵は、参考になるサイトを何度も訪れて目と手で覚える
• マンガは、つまずいた都度、説明書を開いて解決する

これで専門学校であれば参考書が手渡されるのだが、独学だとここから必要な資料を検索して集めないといけない
また、探し出して勉強してもそれは実際につかえるようになるまでには時間がかかる
最終目標としては、サンプルサイトを作って技術と知識を定着させたい

2009年07月09日：その他：：zizodo1

これからいろいろなサイトを見て行くのでリンク集を作る

2009年07月09日：その他：：zizodo1

まずは、自分のしたい事を書き出してみる

1. 似顔絵がうまくなりたい
2. マンガの製作は続けたい
3. webデザインを勉強し直して業務サイトをリニューアルしたい

webデザインと一言でいってもいろんな技術要素が絡み合ってて、「コレ！」と簡単に指し示すワケにもいかない

似顔絵に関しては、

1. 良いと思える作品をパクる
2. パクって吸収して自分の絵の要素に取り入れて進化を計る

マンガに関しては、

1. コミスタ操作での疑問が一番解決しなければいけない問題点だが、これは作業をしながらマニュアルを読み進めて、その都度、学習していくようにする

webデザインに関しては、

1. 自分に欠けているものを洗い出す
2. 専門学校のカリキュラムを参考にさせてもらって、学習する事項を絞る

というふうにした

まずは、専門学校のカリキュラムから自分が学習したい事の洗い出しだな・・・・

2009年07月09日：その他：：zizodo1