2011-03-03〜就職活動開始とサイト手直し〜

もう早いことで３月。ひな祭りでしたね。

さて、就職活動も少しずつですが始めております。

前回の記事で「詳しくは後ほど」と書きましたが
就職活動の内容やその詳細はとてもプライベートな部分なので書かない事にします。
ただし、一般公開しているweb上のサイトで「ポートフォリオの作り方」などの
有意義な情報に関してはそれ限りではありませんが。


実は以前製作した例のサイト、学校側から「就職に役に立てるなら、別な講師に
添削をお願いしたので、どうご活用ください」と、メールを頂きました。
もう受講期限が終わっているのに素敵なお気遣いに感謝です。

以下、添削内容の要約を。

〜デザインに関して〜
・全体的に、装飾がたりず「作りこんだ感じ」がない。
　←これ冒頭に書いてあったからショック受けたけど、自己成長においてはありがたいお言葉！

・「背景画像」「ヘッダ画像」を入れることが良い。（例えばレース地とか）

・どんなサイトにしたいのか」のイメージを持って制作することが大切。
　←一応Fireworksでデザインはしていたけど、やはりダサイねw　わたくしのサイトは…

・画像が粗いものが多い。
　←サーセンw

・よほど必要性がないかぎり、長体、平体は使用しないことがセオリー。
・角丸画像の角丸半径が大きい。
・真っ黒のフォントを使うと、イメージを損なう。
・以下の飾り系などを使うと良い。
　　http://frames-design.com/wp/?p=463

〜コーディングに関して〜
・Dreamweaverのバリテーション機能を使うと良い。
バリテーション機能、今イチわかっていませんでした。。
参考サイト：http://okwave.jp/qa/q5005895.html


以上


サイト手直し、色々と出来そうですね。


今日は時間がないので、この辺で。

2011-02-17〜著書の紹介〜

今日は最近、買った本の紹介☆

本屋に立ち寄った時に思わず、買ってしまった１つ↓

Webデザイン表現&技法の新・スタンダード (インプレスムック エムディエヌ・ムック)

• 作者:
• 出版社/メーカー: エムディエヌコーポレーション
• 発売日: 2011/01/29
• メディア: 大型本

最新の情報を得るには…
やはりこうやって常に雑誌などの情報を立ち読みをするといい聞いたので
決して安くはない買物だけど、自己投資！自己成長！

それともう１つ。

CSS+HTML Webレイアウト second すぐに使えるアートワーク (ARTWORK SAMPLE)

• 作者: 渥美 聡子
• 出版社/メーカー: 技術評論社
• 発売日: 2010/12/03
• メディア: 大型本

前回、課題であったケーキショップサイトを作るにあたってレイアウトのことが
とても悩み時間がかかった。なので、この一冊を買ってみる事にした。


あっそうそう、今回自分が作ったサイトのフィードバックとして
次回は苦労した点、反省するべき点などを書きたい。


18日の今日は、最近気になっているJQueryの実装と
計画の練り直しだなぁ〜ふぅ。


追記
ちょっと気になっているのが
DWのテンプレート機能なんだけど
私が通信教育で教わったのは、編集可能領域までなんだけど
どうやら編集可能オプション領域とオプション領域をうまく活用すれば
グローバルナビゲーションにおいてちょっと各ページにおける工夫とかもサクッとできるらしい。

参考ページ
http://utweb.jp/blog/archives/585
http://blog.cgfm.jp/garyu/archives/1198

ただ私が困っているのは、テンプレート化した時に「リンクを更新しますか？」というのを
はいにしてしまうと、そのテンプレートファイルが入ったフォルダ基準でリンクが更新されてしまうから、いいえを選ぶと今度はそのテンプレートファイルが入ったフォルダにCSSや画像データがないと
リンク切れうまくいかないから…この辺をどうしたらいいものか…ちょっとあとで考えよう。

2011-02-13〜添削の結果とその他〜

学校側の添削結果内容が12日にメールにて届きました。

以下、内容を簡単に…

・li要素の修了タグは省略しないこと。
・DWのテンプレート機能を使う事。
・heightプロパティは、基本的に指定しなくて良い。
（コンテンツ内容によっての可変をきかせるため）

・以下のセクタのheightを削除したら、IE6での表示の余白が消える！？

■.clear_bottom900に設定されている30px
■.new_item_ifに設定されている120px


でも、やってみると実際のところは消えない。。

なんでだろう？

取り急ぎのご報告でした。

2011-02-10～本日受講期限終了～

前回の記事で

「さて、さらに明日には今後の計画と予定
さらに今後、webデザインにおけるコーディングとは
どういったものが求められるのかを書きたい」と書いたが予定を変更します。

これに関しては、未だに添削でのフィードバックが返ってきてないので
その連絡がきた以降に返したい思います。



取り急ぎ、本日が終了なので
まとめとして最後にJavascriptのＥ-learningの動画を見ています。

2011-02-08〜サイト提出し、その後…

只今、作品を添削中とのこと。

作品データはオンラインストレージで提出。

昨日、先方のほうでダウンロードされていないことが分かり
何かの不備もあったら困るので、ダウンロード後のデータ確認依頼の
メールをしたら、本日データをダウロードして確認頂けたようだ。

さて、今日は周りの人に見て頂いた際のご意見と自分の反省点を書きたい。


〜サイトのデザイン、及びコンテンツに関しての意見〜
・メニューページの商品の並べ方は
上部はいきなりロールケーキなどではなく（ましてや今回は１切ではなくロール1本なので）
当店のイチオシ商品か、新商品を並べた方が良い。
・幕張ポテトのところが、画像２つにまたがっているが別な商品と思えてしまうので
上手くレイアウトしたら良い。
・商品説明の文面、どこがセールスポイント分からない（例えば、○○産の苺を
使用など、売り文句があったら良い。）
・サブページのアクセスで、上部の写真を背景道路ではなく別なものが良いかもしれない。
・サブページのアクセスで、店舗情報の欄において何がオシの店なのかが分からない。
・サブページのお店紹介のページで、コンセプトとテーマって言う書き方よりも
お店の特徴みたいな書き方のほうが良い？
・「お客様の声」のようなBBS的なものがあったら良い。
・全体的にページの背景をもっと可愛くしても良いと思う。
・サブページのメニューでは、「他にも○○円〜ケーキがございます」って補足が欲しい。

・細かな色の調整と、フォントの使い方をもっと工夫したら良い。
・食感と味のイメージが湧く、画像作りを！
・あえて右寄せ、左寄せのレイアウトがしっくりするかもしれない。


〜自分の反省点〜
・IE６ではトップページのコンテンツ下部に大きな余白が入ってしまう←直せなかった。
・IE用にJavaScriptによって、CSSを使いわけても良かったかもしれない。
・計画の立て方が難しかった。自分の今のスキルで
どれだけのことが、どれぐらい時間が掛かるのが推測するのが難しかった。
なので、計画倒れが多い。結果Flashを組み込むことは出来なかった。
・DWでのテンプレートの作り方が良くなかったと思う←Firefoxでしか
ブラウザプレビューをしていないまま、テンプレート化した。そのまま、
各ページのコンテンツ内容を製作。その結果、IETesterによるブラウザチェックを
したらレイアウトがガタガタであることが発覚。コンテンツを含め、直すのが大変だった。


とりあえず、以上である。


さて、さらに明日には今後の計画と予定
さらに今後、webデザインにおけるコーディングとは
どういったものが求められるのかを書きたい。

2011-02-06〜サイト完成とサイト提出〜

本日、お約束の日。

無事、提出完了！

http://www3.isa-school.jp/web-1342/index.htm


フィードバックに関してはまた、後日に！


１つの節目を迎えました。

2011-02-02〜03〜納期まで残された時間内で完成度上げる〜

IE6および、IE7におけるレイアウトの崩れの補正は
おおまかな部分は直したが、トップページの右サイドにある
店舗情報欄は、なかなかIE6,7用に訂正するのは難しいので
画像で埋める事にする。

どうしても訂正ができない箇所があり
トップページの「トピックス」と「新商品！」の欄で
記事を分けているラインの画像なのだが、
なぜか余計な余白が入ってしまう。



まだ、メニューページのレイアウトが崩れている。
この訂正は、行ってしまおう。

これから残された時間内（４日と５日）で行うことは（優先的に）

・すべてのリンクチェック
・「このサイトについて」のページ作り（テキストだけ）
・フッダーのリンク
・店舗情報欄の画像作り
・配達に関してのページ作り
・トップページの新商品欄の画像の訂正（もう少し商品を大きく）

サイトマップとプライバシーポリシーのページに関しては
「只今メンテナンス中です」のページにする。

取り急ぎ　以上

2011-01-28〜30〜お問い合わせページと店内写真ページ〜

以下、更新ページ

http://www3.isa-school.jp/web-1342/access.htm
http://www3.isa-school.jp/web-1342/image_in_shop.htm
http://www3.isa-school.jp/web-1342/otoiawase.htm

店内写真ページのサムネイル画像しているところになぜか無駄な余白が入る。


これから仕事なので取り急ぎ


帰宅後夜中に作業を行う。

2011-01-27〜Macのキーボードとトラックパッドが反応しなくなる〜

昨日まで普通に使えていたMacbookがいきなり使えなくなり
かなり焦ったんだけど、windowsマシンでぐぐってみると同じ症状出ているひといるのねw

http://d.hatena.ne.jp/edvakf/20090329/1238304996

コレはProのほうだけど、試しに似たようにバッテリー外して
ちょっとそれっぽい配線があったのでそれ少しいじって、またバッテリーはめ直したら復活w

あぁ〜あせったあせった。

27日は、この惨劇以外はほとんど作業してません。

2011-01-26〜27〜スワップイメージ(Javascript)〜

製作途中、および更新ページは以下

http://www3.isa-school.jp/web-1342/index.htm
http://www3.isa-school.jp/web-1342/menu.htm
http://www3.isa-school.jp/web-1342/shop_present.htm
http://www3.isa-school.jp/web-1342/access.htm
http://www3.isa-school.jp/web-1342/image_in_shop.htm
http://www3.isa-school.jp/web-1342/otoiawase.htm

まだ、製作途中のものがある。

予定では、お問いあわせページと店内写真のページも合わせて
９割程度完成の予定だったが。

３１日までにある程度サイトを完成させるのが計画通りだ。

納期が延びて6日いっぱいまでになったが、いついかなる事が
起きるかがわからないのでそれぐらいの余裕が欲しい（かならず予備日というのがあったらいい）

アクセスページと「配達承ります」のバナーのリンク先ページを関連づけるか
それとも別ページを作るか。

また現在、問題となっているのは
お問い合わせページのメールフォームと
店内写真ページのスワップイメージのところだ。

メールフォームに関してはテーブルを組ながらフォーム要素を
組み込んでいく作業。スワップイメージに関しては、動作を確認しながら
ちょっとデザインチックに行いたいと製作したいと思う。

どちらも一度以上はやっているが、今一度確認しながらじゃないと
もはや忘れて

あとは過去のトピックスページはそんなにこだわらなくていいし。
プライバシーポリシーのページも「只今メンテナンス中」のページで良いとの事。


色々と考えなきゃね。

そして手を動かさなきゃね。