くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

サイト制作

7月13日 サイト100選の制作

・サイト100選の制作 ギャラリー自体の掲載は4分の1終了。 一昨日から引き続き、framework.jsとgoogleImgSearch.jsの両立を試行錯誤中。 なかなかうまくいかない。 プラグインの変更を検討中。

7月11日

今日やれたこと クライアントのサイト制作・・・トップページがほぼ完成 サイト100選ページの制作 framework.js とGoogleImgSearch.jsを合体させたギャラリー風ページ。 選んでいないカテゴリーの画像が出てきてしまうので、スクリプトを修正する必要があ…

[サイト制作]「.htaccess」を使ったサイト完成

以前作った、.htaccessを使ったスマートフォン対応サイトの改修が終わりました。 <修正点> PC用のサイトのレイアウトを完成 iframeでYou Tube動画の埋め込み(PC・スマートフォン用) audioタグを使って音声ファイルを埋め込み(PC用) IE8以下でHTML5対…

[サイト制作]クライアントワーク2件目

今日は、2件目のサイト制作を継続。 イラストレーターでのワイヤーフレームを完成し、Photoshopでカンプづくりに入る。 バナーなどのパーツを作成したのみで終了。

[サイト制作]ポートフォリオ制作について

今日の先生のお話は主に、レスポンシブwebデザインとポートフォリオ制作のことについてだった。 レスポンシブwebデザイン WordPressで会社HPを作った後、更新できないとやめてしまう企業が増えている。WPの全盛期は終わった。 一方、スマートフォン対応にす…

[サイト制作]

今日行ったこと CSS3のアニメーションで背景を動かす スマートフォンサイトの制作 ポートフォリオ制作(動物病院のサイトのポートフォリオ)

[サイト制作]スマートフォンサイト制作

昨日行ったこと スマートフォンサイトの制作 2件目のクライアントワークのワイヤーフレーム制作 4ページまでほぼ完成。 のこり2ページ

[サイト制作]2件目webサイト制作開始しました

2件目のクライアントが決まり、制作を開始した 昨日はサイト構成案に了承して頂いたところである。 今日からワイヤーフレーム制作に入る。 目安として1ヶ月(7月20日までに)で完成させたい。

faviconの作成方法

「favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である」(Wikipediaより) 現在鋭意作成中のウェブサイト用につくってみました。 そもそも、なぜfavic…

[サイト制作]バージョン2完成

動物病院のサイト制作で、バージョン2を制作しました。 「信頼感」「優しく親しみやすい」この2つのキーワードを表現できる雰囲気を更に追求しました。 キーカラー:緑 アクセントカラー:オレンジ 昨日の先生のアドバイスでは、「背景画像も工夫の余地あ…

[サイト制作]第1号Webサイト完成

約1ヶ月取り組んでいた動物病院のサイト制作が、一旦完成しました。 コンセプト: 「いつでも親身になって相談できる、私たちの身近にある、町のお医者さん」 トップページ 2ページ目 フッター部分 <ポイント・気をつけたこと> 色・・・清潔感のある白を…

Webサイト制作

講義が3ヶ月目に入り、webサイト制作に入っています。 実在する動物病院のサイトを作ることになり、ラフスケッチからはじまって、今はコーディング段階に入っています。 最初は5ページの予定でしたが、7ページになりそうです。 今日は2ページ目、3ページ目…