この度ついに自作のHPが完成いたしました。
素材を集め、Illustraterで原案を作り、Photoshopで画像をスライスして画質修正し…
DreamweaverでHTMLコーディングとCSS作成を行い、Flashアニメを作り…
レンタルサーバにデータを転送しました。
(※生サーバを準備するには至りませんでした)
( ´ω`)仕事の合間をぬってスクールに通い勉強しながら仕上げた一品です。
テーマはズバリ『管理釣り場』
俺は釣られないクマ…
\
\ ∩――、
\/ ●丶_ 丶
/\( ● ●|つ
( ×入_ノ ミ
丶 (_/ ノ
\___ノ゙
/ 丶′⌒丶:
/ レへヘ/ |::
/ 丶 丶_) /|::
`-イ \__ノ |::
素材そのものは釣りをやっていれば割と簡単に集まりました。
ロゴは5月の裏磐梯釣行時に友達が釣ったトラウトの写真を加工して製作。
サイトコンテンツの一部にあるカフェに関しては料理をしている際に集めまくった写真を流用しました。
:::::゚:::::::。:::::::
:::。:::∩__∩:゚::::
:☆彡:/ 丶:::::
::::/⌒)● ●|:。:::
:゚:/ / (_●_)ミ::゚:
::( ヽ |∪| 丶::::
:::\ ヽノ ||::::
:::::::::::::::::::::
無茶しやがって…
`∧∧ ∧∧ ∧∧
( )>( )>( )>
i⌒ / i⌒ / i⌒ /
三 | 三 | 三 |
∪ ∪ ∪ ∪ ∪ ∪
三三 三三 三三
三 三三 三三
一番の難所だったのはやはりCSS(スタイルシート)の設定でしょうか。
思うようにブロックをフロートとさせる事ができず、滅茶苦茶なデザインなってしまいブラウザ確認を繰り返しながらも何とか形成。
(※ブラウザはIEとFirefoxでテスト。スレイプニルでも試そうかと思ったけどめんどくさいのでやめました。)
夜中に8頭身モナーのごとく頭を抱える日々も多々ありました…
数をこなしていく重要性をひしひしと感じたのであります。
Flashア二メに使っている写真は、つい最近手に入れた画像をふんだんに使用しております。
フェードイン&アウトばっかり使った大したアニメではありませんが…orz
というか管理釣り場のHP自体Flashを埋め込んでいるものが稀のようで参考に出来るものが無くなかなか難儀でしたう。
(※重くなるのが最大の要因かも…??)
Flashアニメにもかなり手こずらされましたが今後も練習し、多くの作品を作る事で自分の腕を上げていきたいと思います。
Flashは無料ソフトも出回っているためADOBE社の糞高額な製品でなくても作れるようですが、とりあえずADOBE一本で今後も
製作していく予定です。
作った後にもプチ難所が待ち構えておりました。
それはFTPアップロードした後アドレスを打って確認したら、CSSが反映されていないというものでした…。
相対パス、絶対パスの記述は間違いない…。何故に?
…まぁ結局は単純なミスでHTML記述ではCSSが小文字で、フォルダの名前のCSSが大文字になっていただけでしたとさ(アッー!)
まぁ紆余曲折を経てとりあえず完成したので皆様の評価をお伺いしたいと思います。
http://
( ^ω^)レンタルサーバ丸だしのURLです。文句あっか!(笑)
釣りやっている人ならば何か物足りないコンテンツだなーと感じるかもしれませんね…。
(´ω`)釣果写真館は是非作りたいところでしたが、第三者が釣り上げた魚をうpするには肖像権の問題が多く絡むじゃございませんか…
ちなみに携帯からしかアクセス出来ない人ゴメンナサイ…。
今回のページはPC仕様で作られており、携帯専用のページにはなっておりません。
(・∀・)ノシ でも近いうち携帯用のページも作ってみせます!!
その時は改めて評価を頂ければと思います。
しかしこれで学校も卒業という事になるのでようやく肩の荷が一つおりそうです…。
今後はもう少し時間に余裕が持てそうなので自分のペースでWebサイト作りに励む事にいたします。
最終的にはWebデザインの分野で身を立てていきたいと考えておりますが、現在の仕事で学ぶ事も多いのでそう簡単には仕事変えなんてしませんよwww
~今後の予定~
株式会社お断り商事のHP作成
喫茶店◆OKOTOWARI COFFEE◆のHP作成
メイド系飲食店のHP作成
それにしてもIllustraterとかFlashは絵描いたりもの作りが好きな人なら使い方覚えたらハマるツールだと思うんですけどねぇ…
おわり