2015-06-01から1ヶ月間の記事一覧
本日は… ■午前中はwordpressの自習 本日8章b1まで■午後はポートフォリオに使えそうなjQueryプラグインの話などIsotopeisotope.metafizzy.co 一世を風靡したソートするjQuery。 これの簡易版Creating a “Filterable” Portfolio with jQuery - Tuts+ Code Tuto…
本日は…■メディアクエリ <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC] RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^$ /pc/sp/ [R,L] Header set Vary User-Agent </IfModule> ■詳しい解説 RewriteCond %{HT…
本日は…■午前中はwordpressでテンプレートを編集■午後はポートフォリオの作り方 …の前に週かつをするうえでの話。 これからはbootstrapを使う方向にシフトしていっている。（仕事的に） wordpressは若干衰退傾向に…。（イニシャルコストもかかる） ●sassの話…
本日は…■基礎講習 対人スキルについては思い当たる節が多すぎて要反省。■自習内容 午後は自習だったので、htaccessのためのPC用ページを作成。 4月に製作した多肉のサイトをリニューアルして、jQueryなどを導入して制作予定。 SPサイトはほぼ完成済み 週末予…
本日は…■wordpressのテンプレートをいじる教科書に沿って記事のphpとcssデザインをしていく <body <?php body_class(); ?>> phpで記事ごとにclass名をつける <article <?php post_class(); ?>> articleも同じ→後に呼び出すときのために名前をつける ※投稿画面で記事を投稿する際の注意 改行をEnterで行うと、段落＝Pで形</article></body>…
本日は…■午前中は先生のありがたいお話 ・web業界的にディレクター不足である ・勉強し続けない人間は業界に入るな…。■ワードプレスのセッティング dwとの関連付けなども。自分で一冊やることもできるはず。 ■リンクまとめたサイトのアドレス 覚書 ritzstar7…
本日は…■午前中はスマホサイトを作成後日追記■午後は… 背景画像をanimationでアニメーションさせる ⇒夕暮れから夜、朝焼けへと変化させたりできるここも後日追記■Psで文字をくりぬいて、上記のアニメーションした背景を透過する… http://ritzstar777.chips.j…
本日は…■お休みなのでポートフォリオ（カンプ兼紙）制作■スマホサイトのための写真撮影■餃子サイトのちょっとした更新
本日は…■昨日の復習 ＜用語解説＞ ベンダープレフィックス…ベンダー（販売元）＋プレフィックス（接頭詞） つまり命令の頭に、メーカーごとにつけてやる言葉（詞）のこと。 -moz- /* Firefox */ -webkit- /* chromeとsafari */ -o- /* Opera* -ms- /* IE */ …
本日は…■レスポンシブ デザイン続き 楽しいおかずのサイトのmサイズについて、可変にしてみる #container { max-width: 96.875%;/*content imgにかけた隙間を100から引いたもの*/ margin: 0 auto; overflow: hidden; } .content { max-width: 33.33%;/*conta…
本日は…■データベースの続き こんな感じのものを生成していきたい。昨日はタイトルと日付が一気に入ってくるところまで。本日はその続きで、セキュリティをかけつつ。 index.php
本日は…■PHPテスト■データベース 配列 公式：foreach(配列名 as 値){} '; } ※$vは関数の中で初めて定義されている ※$vのさすものは、配列の値★forは繰り返し的な意味
本日は…■phpによるフォームのテスト index.php（送信フォーム）とcheck.php（受け手）についてのテスト index.phpで大事なこと⇒action（どこに飛ばすか） <form action="飛ばし先.php" method="post"> <p><label for="name">名前</label><input type="text" id="name" name="name"></p> 中略 <p><label for="opinion">ご意見</label><textarea id="opinion" name="opinion"></textarea></p></form>
本日は…■PHP復習index.phpにフォームを作成 <form action="post_resieve.php"method="post"> <table> <tr> <th><label for="name">お名前</label></th> <td><input type="text" id="name" name="name"></td> </tr> <tr> <th><label for="message">お問い合わせ内容</th> <td><textarea id="message" name="message"></textarea></td> </tr> </table>…</form>
本日は…■講義が休みなので自習…の覚書ポートフォリオサイトのための素材選び 同じくサイト構成を考える…サイト100選記事のアップ
本日は…■レスポンシブデザイン メディアクエリ（前日参照）以外の方法 ①2カラムで片方だけ固定値にする場合… 1400pxだとこんなかんじに 980px以下でも写真のサイズは変わらない ⇨残したいカラムは常に固定値(写真では300px) 残っている部分を１００％、マイ…
本日は…■サイトに色々なSEO対策を施す ●前提として… <meta name="description" content="ここに説明文を載せていく"> descriotionは、各ページきちんと変えてあげたほうが効果が高い <title>にキーワード <h1>にもキーワード このあたりははずせない。 ※h1に画像を持ってきたい場合も、テキストを書いて100%ずらしなどで対応 ●モバイ</h1></meta>…
本日は…■昨日の残りを解説 check.phpで というシリーズを各項目分作成して、エラーメッセージをセッションに格納していく。 ⇒エラーのときindex.phpにこれを呼び出すようにしてやる で、関数を作る。 あとはエラーを表示したいところに$error_nameを代入し…
本日は…■バリデート機能をつけてやる ①入力項目が空だった場合 中略 <td> </td> 中身が空っぽのときはいいが、このままでは中身が入っているときエラーが帰ってくる。 ⇒頭に を付けておいてやる。必ず空でもなにか値を入れる=初期化してい…
本日は…■テスト メールフォームテスト■phpでメールフォーム制作続き check.phpに書き加えていく これで、中身が入っていないときは、index.phpに戻すことが出来る。⇒index.phpで入力された内容を取得して、メールで送るために… chec…
本日は…■php復習 ■php.iniファイル ※Dateのところ、timezoneをAsia/Tokyoに変えて、上のBerlinのところを先頭に;を入れておく ※default_charsetの先頭のセミコロンを取るini＝initialization＝初期設定 ■XSS対策 echo htmlspecialcharset($name,ENT_QUOTES,'…
本日は… PHP ■開始 そもそもPHPとは… ・jsはクライアントのPCで動く言語だったが、phpはサーバーで動く言語 ・xamppとは… ○xはクロスの意味 ○aはapache（phpを動かす環境） ○mはMySQL（データベース） ○pはPHPとperl０．フォルダを作成する１．phpファイルを…
本日は…■企業サイト制作発表続き CSS3での時系列表示について参考に。○フォント制作は終了→実装してみて良ければ採用、悪ければモリサワで対応(楷書より行書の方が良かったかもしれない) ○100選はまだ手付かず→更新作業今日から毎日ポートフォリオサイトのデ…
本日は…■企業サイト制作発表を見る見ながら自サイト直し→文字について続きやるべきこと→ポートフォリオ制作→制作中に見たサイトの100選への移行=Jimdoの上位検索表示挑戦web夜間飛行で
本日は…■企業サイト制作発表指摘された点 ○ナビゲーションが細い。年齢的に。 ○ファックスの印刷ページ作るといい ○催事のところをもう少し凝るといい直した点 ○PDFをやめてファックスページへのリンク制作 ○ナビゲーションの太字のために画像制作
