framework.jsを使ったギャラリー風ページ

jQuery WordPress

□□本日の授業□□ WordPressのページ作成 framework.jsを使ったギャラリー風ページ framework.jsを使ったギャラリー風ページの特徴カテゴリー毎に画像を絞って表示できるカテゴリーを複数設定できる http://kuropanther.html.xdomain.jp/framework/ 昨日のGo…

2015-06-29

［RWD］Google　画像検索ページ風ギャラリー

本日の授業内容 .htaccessでスマートフォン専用サイトをサーバーにアップ Google画像検索ページ風のギャラリーを作成１.「.htaccess」によるデバイス毎の自動振り分け＊デバイスによって閲覧するページを振り分ける今回はスマートフォン用（SP）とPC・タ…

2015-06-28

［サイト制作］クライアントワーク２件目

サイト制作

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

2015-06-27

［サイト制作］ポートフォリオ制作について

サイト制作

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

2015-06-26

［WordPress］記事ページを表示させる

WordPress

投稿記事が表示されるまで投稿記事のタイトルをh1で表示する <h1></h1>投稿記事の本文を表示する <h1></h1> bodyにクラス名をつける・・・bodyに自動でクラス名が付く <body <?php body_class(); ?>>記事ごとに区別するために、タイトル・本文をarti…</body>

2015-06-25

［WordPress］WPもろもろ

WordPress

テキストに沿ってWPを作っていく。記事のインポートの方法・テキストのサンプルデータで用意されている記事のデータ（posts.xml）を取り込む。管理画面のツール ⇒ WordPress ⇒ WordPress Importerをインストール ⇒ プラグインを有効化 ⇒ 「ファイルを選択…

2015-06-24

［WordPress］

WordPress

今日の授業のまとめ WPにはツリー構造があるテンプレート階層 - WordPress Codex 日本語版 WPのバックアップ方法 ①エクスポート機能「すべてのコンテンツ」を選択すると、記事などがXMLファイルで書き出される。そのファイルをインポートすれば同じ状態に…

2015-06-23

［CSS3］animationで背景色を変化させる

CSS

昨日の授業の復習。 CSS３のanimationで背景色を変化させる画像はPhotoshopで用意。文字や太陽のシェイプの部分をくり抜き、背景色が見えるようにする．サーバーにアップしたのはこのアドレスから見られます http://webtre.ikidane.com/css3/CSS div { ani…

2015-06-22

［サイト制作］

サイト制作

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

2015-06-22

［サイト制作］スマートフォンサイト制作

サイト制作

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

2015-06-20

［スマートフォンサイト］スマートフォンサイト制作の前提の知識

スマートフォン用サイトのサイズについて２つのサイズがある CSSピクセル（csspx）：ディスプレイのサイズデバイスピクセル（dpx）：解像度のサイズ Retinaディスプレイ登場以前はこの２つは同じだった。＜iPhone3と、Retinaディスプレイ搭載iPhone4の比…

2015-06-19

［スマートフォンサイト］

6月19日今日のWORKスマートフォン専用サイトＨＴＭＬ <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format description" content="telephone=no, email=no"> <link rel="apple-toch-icon.png" href="apple-touch-icon.png"> <…</link></meta></meta></meta></head></html>

2015-06-18

［サイト制作］2件目webサイト制作開始しました

サイト制作

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

2015-06-15

［PHP］入力フォーム⑦

PHP

フォームを送信後に入力フォームをクリアにする以下のコードによって、送信完了すると、セッションファイルに保存されていたデータが破棄されるようになる。【send.php】 $_SESSION = array();unset($_SESSION['name']);unset($_SESSION['email']);unset($…

2015-06-14

［PHP］php.iniファイルの初期設定（XAMPP、MAMP）

PHP

XAMPP、MAMPでPHPを始める前にやっておくべきなのですが、php.iniファイルのデフォルトの設定変更があります。主に、文字コード設定とタイムゾーンの設定です。設定を変更する際にはXAMPP、MAMPを一旦停止しておきましょう Windows・XAMPP編（v3.2.1） ○X…

2015-06-13

［PHP］入力フォーム⑥

PHP

今回やるのは、入力が終わって確認画面で入力ミスに気づいたときのための２つのこと。１．「入力画面に戻る」ボタンを追加する２．入力画面で入れた値を表示させておく１．「入力画面に戻る」ボタンを追加するメールアドレス間違えちゃった・・・だけど…

2015-06-12

［PHP］入力フォーム⑤　フォームが送信されたらメールが届くようにする

PHP

フォームが送信されたらメールが届くようにするメールを送る関数mb_send_mail() mb_send_mail(’①メールアドレス’，’②メールの表題’，’③メールの内容’) ①通知してほしいメールアドレス。 ②お知らせメールの件名 ③お知らせメールの本文。ここに入力したものが…

2015-06-11

［PHP］入力フォーム④

PHP

入力フォーム２−３送信後に表示される画面 send.phpで送信後の内容を表示する画面を作成する。 ①まずは、表示する器となるHTMLから。【send.php】 <body><h1>メール送信画面</h1><p>以下の内容で送信されました。</p><table><tr><th>お名前：</th><td></td></tr><tr><th>メールアドレス：</th><td></td></tr><tr><th>お問い合わせ内容：</th><td></td></tr></table><p><a href="index.php">入力画面へ戻る</a></p></body> ②…

2015-06-10

［PHP］データの送信方式

PHP

ＰＨＰでのデータの送信方法（メソッド）は３つ。ＧＥＴブラウザーからサーバーにデータを渡すときに、内容（name属性の値など）をURLにつけて送られる。個人情報の場合は内容が丸見えになるのでセキュリティ上データの送信には不向き＄＿GET変数を使う…

2015-06-10

［PHP］入力フォーム③

PHP

入力フォーム２名前、メールアドレス、お問い合わせ内容を記入できるフォームを作成します。今回は入力確認画面、送信後の画面、そして指定されたアドレスへの通知メールも実装します。使用するファイル・index.php（入力フォーム）・check.php（確認画…

2015-06-09

［PHP］入力フォーム②

PHP

フォーム１−４入力フォームの中に値が入っているかどうかをチェックする isset関数を使う ① if (isset (関数名) === true) { ※「=== ture」は省略可能で echo '入力されています'; if (isset (関数名)) { 〜〜とできる} else { echo '入力されていません';…

2015-06-08

［PHP］入力フォーム①

PHP

HTMLの<form>で取得したデータをサーバーに送り、PHPで処理することができる。流れユーザー：①HTMLフォームに書き込み、送信 ↓ サーバー：②メモリで受け取る ③Apacheで処理 ④PHPが結果を返す ※処理後、メモリからデータは消える ↓ ⑤結果をHTMLでユーザーに返す </form>…