[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] テキスト-魅せるiPhoneサイト2 ナビゲーションボタンをCSS3で丸くする 制作時間：1.5時間 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>エモトカホリ</title> </meta></meta></head></html>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] テキスト-魅せるiPhoneサイト 基本的なiPhoneページの作成 制作時間：2時間 <html lang="ja"> <head> <meta charset="UTF-8"> <title>コウベデュカ</title> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> </meta></meta></meta></head></html>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] WordPresのレスポンシブルデザイン練習！ 一日全てが・・・ 選択したテンプレートのバグを治そうとして撃沈しました・・・。 こうなったら直接張り込みしようかなと・・・。 脱線話（復活） [http://tok…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] レスポンシブルデザイン練習！ 脱線話（復活） [http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] テキスト「スマートフォンサイトのためのHTML5 + CSS3」 課題サイトの可変グリッドを実戦する /* reset ---------------------------------------------*/ html, body, div, h1, h2, h3, h4, h5, h6, p,…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] マルチデバイス・スマートフォン対応サイト 固定レイアウト Container全体を4分割する PC:４組 タブレット：２組 スマートフォン：１組 クライアントとの打ち合わせ方 ワイヤーフレームを使って打ち合わ…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5 + CSS3 float時でのclear bothをulにかける方法 ul:after { content:""; display: block; clear: both; } マーキー index.html <body> <p id="mq">4月20日まで期間限定セール実施中！</p> </body> style.css #mq { overflow:-w…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] CSS3 CSS3に慣れよう 癖を付けよう <meta name="viewport" content="width=device-width"> class属性やid属性も含め、属性の値を使うセレクタ [class] {color: hotpink;} [class="ham"]と指定した要素に適用 [class="ham"] {color: hotpink;} class属性の値</meta>…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5の基本2 smallは短い1行文に使うこと CSS3 ナビゲーションバーを角丸にする 脱線話（復活） [http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5の基本 2012年12月17日に勧告候補がリリース HTML5.1 HTML5の次期バージョンとしてW3Cがリリースしている規格 HTML Living Standard Apple、Mozilla、Operaによって設立されたグループ セマンティ…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] WordPress PlugIn Akismet コメントのスパムを防ぐプラグイン Wp Multibyte Patch 日本語処理の問題点を補完する必須プラグイン WPtouch スマートフォンからの閲覧に最適化させるプラグイン Ktai Style …
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き・Mobile版 GoogleMap 脱線話（復活） [http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き ThemeRoller GoogleMapを表示する ・・・出来ませんでした・・・。 明日またトライです！ Facebookいいねボタン・Twitterボタンの設置 FacebookはFacebookページを作成しないと作成…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き Mobile版、お問合せフォーム 下記のcheckboxのif文で時間を取られました。 チェックphpで入力されていない項目をif文で振り分けたかったのですが、チェックボックスはまだまだわか…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobile 一般的なリスト data-role属性「listview」 <body> <div data-role="page"> <div data-role="header"> <div data-role="content"> <ul data-role="listview"> <li>list</li> <li>list</li> <li>list</li> <li>list</li> <li>list</li> </ul> </div></div></div></body>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] Safari 詳細設定で開発メニューの表示をチェックする。 jQuery Mobile 基本を打ち込む(基本的な単一ページテンプレート) <html lang="ja"> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </meta></meta></head></html>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery基本形 タブコンテンツ ツールチップ ビルボード_横スライド：シンプル ドロップダウンメニュー 横スライド：ホイール対応 Rotating Image Slider ポラロイド風写真配置 jQuery Masonry 脱線話（…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] * 脱線話（復活） -[http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQueryメソッド スタイルを変更する - CSS <style> #div1 { margin: 10px; width: 100px; height: 100px; background-color: #369; border: dotted 1px #036; } #div2 { margin: 10px; width: 100px; height: 1…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQueryとは JavaScriptのライブラリのひとつ ブラウザ依存を気にしなくてよい DOMの操作が簡単 記述の仕方は、CSSに似ている write less, do more. オープンソース（MITライセンス+GPLライセンス） http…
[授業][Dreamweaver][PhotoShop][JavaScript] 課題サイトコーディング製作続き smoothScrollを使ってみる 製作時間：１分 Billbord画像をJavaScriptで開くたびに違う画像に置換する 製作時間：10分 <script>
[授業][Dreamweaver][PHP][WordPress] WordPress昨日の続き 管理画面で背景画像を変更できるようにする functions.php // --------------------- カスタム背景 ------------------------- add_custom_background(); header.php </head> <body <?php body_class(); ?>> /* ---------------------</body>…
[授業][Dreamweaver][PHP][WordPress] WordPress昨日の続き スパム対策 Akismet WordPress.comにてAPIキーを取得 RSSフィードへのリンクを追加する <link rel="alternate" type="application/rss+xml" title="RSSフィード" href="<?php bloginfo('rss2_url'); ?>" /> ................ <p class="feed"> </p></link>
[授業][Dreamweaver][PHP][WordPress] WordPressで1から作成！ index.phpを作る ヘッダーにタイトルまで入れる <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
[授業][Dreamweaver][PHP] フォームの内容が空の場合に警告 index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの内容が空の場合に警告を表示する</title> <link rel="stylesheet" href="style.css" media="all"> </head> <body> <div id="wrap"> <div id="head"> <h1>フォームの内容が空の場合に警告を表示する</h1> </div> </div></body></html>
[授業][Dreamweaver][PHP] GoogleMasterTool googlexxxxxxxxxxxxxx.htmlファイルをサーバーのindex.htmlのトップ階層にアップロード sitemap.xmlを自動生成などで作成して同じようにアップロード GoogleMasterToolで認証コードを打って登録終了 SEO対策 titl…
[授業][Dreamweaver][PHP] GoogleMasterTool googlexxxxxxxxxxxxxx.htmlファイルをサーバーのindex.htmlのトップ階層にアップロード sitemap.xmlを自動生成などで作成して同じようにアップロード GoogleMasterToolで認証コードを打って登録終了 SEO対策 titl…
[web] 中目黒のママカフェ 中目黒駅の側にある癒しのカフェテリア。子育てママを応援するカフェ＆ダイニング | Laughul（ラッフル）です。苦節2ヶ月やっとこさ第１段階完成にこぎ着けました。 まだまだ完璧とは言えませんがクライアント様にOKを出して頂きま…
[授業][Dreamweaver][PHP] GoogleAnalytics リアルタイムサマリー コンテンツのページ解析 ユーザーの分布・地域 滞在時間が0・直帰率100%は検索エンジンのクローラーが動いてきてると判断できる 直帰率は低い方がいい！ マイレポート 新規訪問数をチェック …
[授業][Dreamweaver][PHP] APIの説明 GoogleAnalytics 実際に設定 IDを設定する コードを埋める <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxx-x']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('scrip…
