授業
ドメインについて 一般的にドメインはサイトタイトルや、企業名および店名になっているが、日本語のサイトは、たいていが日本語での名前が多いため、ローマ字表記のドメインにしても検索されにくい。よってそのようなドメインは検索に関係ない。極端な話、サ…
◆サイトのトップページは・・・・ 一番見せたいものを配置する。 スクロールしないで見える範囲に全て配置。 新しい情報等もスクロールしないで見える範囲にする → スクロールしないと見えない部分は新しい情報でなくなる。 「ごあいさつ」等はトップページ…
◆フォトショップ ブラシツール→「ブラシパネルの切り替え」をクリック→ブラシ→線の種類・直径・硬さを選ぶ→間隔を調整して完成 編集→「ブラシを定義」で、その時設定したブラシを保存できる。
◆TwitterをハテナとWordPressに表示する ・Twitterに登録 https://twitter.com/about/resources/widgets●ハテナのサイドバーにTwitterをはりつける 下記のコードを管理画面→デザイン→詳細の「ページのフッター」にはりつける（一番下の</div>の上）。 <div id="twitter_div" class="hatena-module"> <div class="hatena-moduletitle"> <a href="http://twitter.com/アカウント名">Twitter Up</a></div></div>…
◆サイト内検索 5ページくらいのサイトには必要なし。（逆に設定するとページ数が少ないのではずかしい場合もある） 10ページ以上のサイトに使う。→ECサイトなど ページ数が少なくても、奥に入り込んだ階層のサイトには使う。（ECサイトなど） 強調したい言葉…
FLASH 画像を動かす場合は、水平・垂直に動かすこと （斜めは見えにくい）。 画像またはテキストに、ドロップシャドウなどの効果をつけたいときは、ムービークリップにする。 →グラッフィックにしてしまった場合はムービークリップに変換が必要。 【変換方法…
フォームのデータを受け取る「$_POST」について、サーバー変数「$_SERVER["PHP_SELF"]」で指定する際は、データを受け取る側である「$_POST」の前に必ず「@」を付加する。 PHP参考（必ず読む！） http://www.php.net/manual/ja/reserved.variables.php empty…
◆PHP復習 【フォームを取得】 《input.php》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム情報を取得する</title> </head> <body> <form method="post" action="output.php"> お名前： <input type="text" name="name" size="20" maxlength="30"> <input type="submit" value="送信"> </form> </body> </html> 《outpu…
◆jQuery Mobil <meta name="format-detaction" content="telephone=no"> をhead内に記述。 → コンピューターが電話番号と誤認識するのを防ぐ。 <link rel="apple-touch-icon" href="apple-touch-icon.png"> をhead内に記述。 → iPhone/iPod Touchにネイティブアプリと同じようにアイコンをホームスクリーンに設置できる。 【補足】WordPressでapple-touch-iconを設置 「header</link></meta>…
◆DW テンプレートについて 【DWでテンプレートを作成】 新規ドキュメント→『ページレイアウト』・『レイアウトを選択』を選択し、作成。※これ自体もテンプレートものようなもの 編集する部分を選択し（反転させる）、挿入→テンプレートオブジェクト→編集可能…
表示されたリンクにスマートフォンサイトが存在する場合、スマホサイトに自動的に誘導される設定。 ①《Windows》 「編集」→「設定」→「詳細」→「メニューバーに”開発”メニューを表示」にチェック 《Mac》 「環境設定」→「詳細」→「メニューバーに”開発”メニ…
◆jQuery Mobile リスト ul、ol/li要素などのリストにおいて、data-role属性「listview」を追加すると、スマートフォンに最適化されたリストを表示。 ①リスト内の項目がa要素で包まれている場合 → 右端に矢印が付いたリンクとなる <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery Mobile Sample</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </meta></meta></head></html>
◆スマホ用にgoogle mapを取得 PCサイトの場合はiframeでもいいが、スマホではiframeは表示されない場合があるため『Google Maps API』で地図を読み込む。 Google Maps APIのスクリプトををhead要素に読み込む。 scriptを記述 <script> $('div#access').live('pagesho…
◆スマホサンプルサイト作成 ☆iBBDemo3.airをインストール 回転させて、横の状態での表示確認ができる。 iPhoneだけではなくiPadの表示確認もできる。 実機を操作して確認する時間が省けるので、作業の効率化が図れる。 ☆iPhone Simulator4でも表示確認可。 …
◆jQuery Mobileでスマホサイト スマホサイト作成実践（1） <html> <head> <meta charset="UTF-8"> <title>はじめてのjQuery Mobile</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> </link></meta></head></html>
◆jQuery アコーディオンメニュー <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </meta></head></html>
◆透過PNG IE6対策 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </meta></head></html>
◆CSSのみでポップアップ画像を表示（画像拡大） <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cssのみで画像拡大</title> </meta></head></html>
WordPressのプレゼン はじめはフリーテーマをカスタマイズしていたがうまくいがず、毎日テンプレートを見つめるだけで時間が過ぎ去ってしまっていたので、思い切ってオリジナルで作成した。 デザインが固まってない中で作ったので、プレゼンをしている際、わ…
明朝体にしたい時の font-family font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-style: normal; font-variant: normal; font-weight: bold; line-height: 30px;
◆可変グリッドテスト #wrapper{ margin: 0 auto; min: 500px; /*最小幅*/ max: 100%; /*最大幅*/ position: relative; } この設定によって、可変した際の最小幅を設定することができる。 ◆jQuery横スライド <html lang="ja" xml:lang="ja"> <head> <meta charset="UTF-8"> <title>slide</title> </meta></head></html>
◆サイト分析は非常に重要！（SEO対策） キーワード調査サイト http://seo.fc2.com/keywordrate/ http://rc.ferret-plus.com/ Chrome,Firefox 拡張機能「PageRank」を入手企業のランクは『4』、ブログは『3』以上になることが必要。 Google Analyticsで分析必…
お問い合せフォーム <html> <head> <meta charset="UTF-8"> <title>フォーム情報を取得（自宅復習）</title> </head> <body> <form action="output_fukusyu.php" method="POST"> お名前： <input type="text" name="name" size="20" maxlength="255" /> <input type="submit" value="送信" /> </form> </body> </html>
◆データベースについて データーベースは立体的になっている。 ノイマン型コンピュータの考え方が基本。 INTは整数の意味。id等はINTになる。 個人情報の扱いにはくれぐれも注意。 《参考書籍》 よくわかるPHPの教科書 作者: たにぐちまこと 出版社/メーカー…
WordsPress背景画像設定について 【テキスト7-2】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ･･･略･･･ <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> </link></head></html>
6章まで完了。 テキスト【step7-2】通りで背景画像を表示できた。 テーマを早く決めて、課題にとりかからねば。◆パーマンネントリンク･･･サイドバー等の固定位置にあるリンク。 ◆トラックバック･･･本文中の特定の言葉に設定するリンク。新しいサイトをUPする…
WordPressレッスンブック入力 5章まで入力完了。 はじめは手間取ったものの、入力しているうちに規則性がなんとなく理解できた。 が、テキスト無しで入力できる日はまだまだ遠い。 1/26発表予定のオリジナルサイトのテーマについてはまだ考え中。 ブログシス…
WordPressレッスンブック ４章まで自習入力 ４章まで入力完了。 テキスト通りに入力しただけなので、色々と加工してみたい。 データベースとDreamweaverの連携
jQuery タブ（切り替えパネル） 【cssについて】 outline: none; または overflow: auto; ・・・タブをクリックしたときに出るタブ周りの点線を消す。必ずdisplay: block; とセット。overflow: auto;の方が最近は使われている。 cursor: pointer; ・・・カー…
PHP フォーム復習 授業で教わったものを、復習のため再度入力してみたが、きちんと理解できておらず。 何も見ずに入力することはまだまだ不可能。。。【繰り返し機能 (for,count)】 <html lang="ja"> <head> <meta charset="UTF-8"> <title><?php print($title); ?></title> </head> <body> <h1></h1></body></html>
