企業サイト制作
本日は…■スマホ対応続き※スライダーの画像が重いので要圧縮。 画像のサイズはまだ検討中（下がはみ出ている。。。） スマホのフル画面表示の比率？？●ドロワーメニュー 参考サイトJSを使わずにアニメーションしながら展開するドロワーメニュー(スライドメニ…
本日は…■スマホサイト化継続 進捗としてはテキスト導入、背景の上に乗せる、など順調？＜色々参考サイト備忘録＞スマートフォンデザインまとめサイト | Clotilde Bistrot | thinkthingthinkthing.net梅花酵母 | 石見銀山の梅から授かった自然酵母www.umehana…
本日は…■レスポンシブサイト制作■WPで企業サイトを作る■ポートフォリオサイト制作上から…レスポンシブサイト化は餃子のサイト。 トップページの画像を作成&配置、今後テキストを入れていく作業 今日はスライダーとバナー作成。明日にはトップは完成予定。WP…
本日は…■php復習 ■php.iniファイル ※Dateのところ、timezoneをAsia/Tokyoに変えて、上のBerlinのところを先頭に;を入れておく ※default_charsetの先頭のセミコロンを取るini＝initialization＝初期設定 ■XSS対策 echo htmlspecialcharset($name,ENT_QUOTES,'…
本日は…■企業サイト制作発表続き CSS3での時系列表示について参考に。○フォント制作は終了→実装してみて良ければ採用、悪ければモリサワで対応(楷書より行書の方が良かったかもしれない) ○100選はまだ手付かず→更新作業今日から毎日ポートフォリオサイトのデ…
本日は…■企業サイト制作発表を見る見ながら自サイト直し→文字について続きやるべきこと→ポートフォリオ制作→制作中に見たサイトの100選への移行=Jimdoの上位検索表示挑戦web夜間飛行で
本日は…■企業サイト制作発表指摘された点 ○ナビゲーションが細い。年齢的に。 ○ファックスの印刷ページ作るといい ○催事のところをもう少し凝るといい直した点 ○PDFをやめてファックスページへのリンク制作 ○ナビゲーションの太字のために画像制作
本日は…■企業サイト制作の続き・今日やったこと ボタンわかりにくい→リンクがマウスオーバーで変化するように 商品一覧にしてほしい→画像さしかえ 商品一覧ページにギフトを加える→ギフト写真加工＆リンク作成 PNGファイルの圧縮作業→バナーとナビゲーション…
本日は…■企業サイト制作の続き 終わったこと… fullpage.jsを導入 各ページとのCSSの整理 商品詳細ページのメニューのコーディング IE対応残っていること 焼き方ページの画像と動画 トップページ社長の顔入れ、見出しつけ(こだわり、社長あいさつ) 商品詳細ペ…
本日は…■ファビコンの設定 サイズは一応１６、３２、１４４で作る■企業サイト制作の続き 本日終わったこと ・焼き方ページのコーディング ・商品詳細ページのトップメニュー 残っていること ・焼き方の画像入れ ・商品詳細ページのスクロールjs再検討 ・お店…
本日は…■企業サイト制作の続き終了した作業・ヘッダーを170pxにしたことによる調整 →ロゴと社名については再検討の余地 →メニューの二番目三番目テレコ・こだわりページのコーディングとアコーディオン設置 →アコーディオン内画像、番号につき再検討 →こだわ…
本日は…■企業サイト制作の続き・予定のスライダー画像はまだ製作中（新たな画像が来ると差し替えの可能性有り、ペンディング）・商品詳細ページのフルページについても現在検討中 (fullpage.jsにしてももう少し調整が必要) →ヘッダーフッターをつけるのでそ…
本日は…■自習 企業サイト制作の続き○トップページについて 終わったもの ・トップページのHTML、CSS、jQuery ・スライダーの導入 今後残っているもの ・スライダーに入れる画像 ○他のページについての予定 月曜日：トップページのスライダー画像制作＆商品詳…
本日は…■企業サイト制作トップの素材制作がほぼ完了先生にカンプを見せてOKをもらう→歌舞伎のイラストについては真面目に考える→ボディの色、Containerの色について再考の余地あり←視線の拡散の虞ヘッダーにh1をあえて書き足すことも考えるヘッダーはfixedに…
本日は…■職業能力基礎講習で履歴書の書き方や面接での受け答えについて特に…志望動機は ・仕事自体について →経験に基づいたものなのか、興味があるからなのか ・会社自体（モットー理念などをHPでみる） ・条件・待遇 と言った順に書いていく紙に書くのと面…
本日は…■【ワイヤーフレームとは】デザイナーとクライアントの間をつなぐコミュニケーションツーール→仕事になるとお金にからんでくる（ないと駄目。チェック項目を作って、こうやっていいかと聞いてOKもらったから進めたのでお金出してねといえる。相手がや…
本日は…■一日制作一応のワイヤーフレーム ※要再スキャン ５，６についてはもう少し練る必要有り。
本日は…■自習企業サイト制作のための写真撮影を行う ・背景の為にプラスチックの薄い白い板を用意 ・撮影用の小物（食器、ランチョンマット、箸）などを用意 ・マクロ撮影なので三脚を用意 ・デジタル一眼は借り物 ・食べ物の撮影なので明るいところを求めて…
本日は…■テスト第三回ｊＱｕｅｒｙ■企業サイト制作 ・情報の整理 ・各頁のレイアウトをざっと決める …以下後日加筆
本日は…■メディアクエリについて レスポンシブ対応かつ、IE対応にする → <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> ヘッダーに記入 さらに <style> article, as…
本日は…■レスポンシブwebデザインについて →スマホで見ても見られる、というくらいのことから、スマホで見ても情報量が変わらないというレベルまで（正しくは後者）＜レスポンシブwebデザインの簡単な作り方＞ <meta name="viewport" content="width=device-width"> ①ヘッダーのメタタグにviewportの記述 @media </meta>…
本日は…■昨日のサイトのコーディングが終わったのでその紹介 イメージcafe 実際のページほぼカンプ通りにできあがり。文字にline-heightをつけるとmarginの計算で少し悩むなどの問題有り。 要練習。
本日は…■カンプ制作 Illustratorを使ってカンプ制作の仕方を学ぶ ・960gridSystemを使って制作すると楽（最近はもっと横に広いサイトも多い） ・Illustratorのカンバスサイズは1200px（高さは任意） ・文字のサイズも決める ・ピクセル単位まで画像サイズを…
本日は…■休みなので自習 企業サイト制作について参考サイトいくつかメモ書き（後日サイト100選に掲載予定）洋葱大焼売 本格餃子・シュウマイ・点心のお取り寄せ高級飲茶専門店「点心庵」www.mother-leaf.jp 食べ物の商品画像の使い方のバリエーションが豊富 …
本日は…■休みなので自習 ○html5のアウトライン構造について <header> <h1>ヘッダーの見出し</h1> </header> <section> <h1>セクションの見出し</h1> <section> <h1>セクションの中の見出し１</h1> </section> <section> <h1>セクションの中の見出し２</h1> </section> </section> <footer> </footer> →アウトラインを表示すると １．ヘッダーの見出し １．セクションの見出し １．セクションの…
本日は…■講座は休みなので自習 ・企業サイト制作のプレゼン資料作り（内容について社長と打ち合わせ）それを受けてとりあえずのレイアウト まだまだ改稿予定■フォームの復習 ■WordPressの教科書を読む
本日は…講座は休みなので自習・企業サイト制作の参考に食品系の通販サイト（の母体）をたくさん見る旅する丸干し｜鹿児島県薩摩生まれ、世界を旅するおいしい丸干し｜株式会社下園薩男商店marusatsu.jp 長野県松本市｜ジャムJAMの製造、販売ならスドージャム…
本日は…講座は休みなので、企業サイト制作する上での注意点や流れなどをまとめて■どんなサイトにするか １．どんな相手か …雰囲気、商品など（コンセプトを決める上でもしっかり下調べする） ※すでにサイトがある場合はそのドメインなども２．どんな目的で ……
