2012-07-01から1ヶ月間の記事一覧
WordPressでブログサイトを作る WordPress レッスンブック参照 最終段階で、背景画像が表示されなくて困ったのですがvintonさんのブログを見て解決できました。 <body>を <body <?php body_class(); ?>> にするようです。 メモ 記事ごとのスラッグに、検索されたいキーワードを入れる twenty te</body></body>…
関数の汎用化 税抜き価格を計算する <html> <head> <meta charset="UTF-8"> <title>税抜価格</title> <script type="text/javascript"> var zeinuki; function zei(kakaku) { zeinuki = kakaku/1.05; alert( '税抜き価格は' + zeinuki + '円です'); } </script> </head> <body> <ul> <li>久保田 萬寿(720ml 税込3664円)</li></ul></body></html>
座田学さんのお話 物を作る業界は自分をわかってもらうことが大事 自分は何をしていきたいか常に考え、先手、先手を打っていく ◯◯したいから、この会社に入る。という明確な目的が必要 やりたいことがある、気になるから採る クライアントからの、無理難題の…
タイマー(setInterval)でスライド 今回は基礎から離れてタイマーを使ってみました。 実物へのリンク <html> <head> <meta charset="UTF-8"> <title>タイマーでスライド</title> <script type="text/javascript"> var i = 1; function slide() { i++; if (i == 6) { i=1; } document.getElementById( 'img').src = 'img/flower' + i + '.jpg'; </script></meta></head></html>…
配列の演算 <html> <head> <meta charset="UTF-8"> <title>配列</title> <script type="text/javascript"> var a = new Array(9, 12, 17); var b = new Array(33, 16, 82); var kai; function kakezan0() { kai = a[0]*b[0]; alert( '答えは' + kai + 'です' ); } function kakezan1() { kai = a[1]*b[1]; alert(kai); …</meta></head></html>
テキストを打ってみる <html> <head> <meta charset="UTF-8"> <title>PHPの練習</title> <style type="text/css"> h1 { font-size: 18px; color: #69C; } </style> </head> <body> <h1>画面に文章を表示</h1> </body> </html> <h1>クォーテーションの使い分け</h1> "…
PHP print, echoどちらでも同じ 引数=パラメータ 関数=ファンクション 時間表示のファンクションはサーバー時間が取得されるので、東京時間にするコードを記述 Eclipse インストール、設定 Mac: Eclipse classic 4.2英語版 Win: Eclipse 4.2 Juno Pleiades A…
WordPress テーマ サーバーのデーター量が重くなるので、テンプレートは1つ決めたら他は捨てた方がいい テーマをDLしたら、展開したフォルダをXampp内のWordPress→wp-content→themesに入れる 今回はBizVectorを入れておく WordPressは情報の整理がうまい→検…
HTML5でカラムレイアウト 楽しいおかず 実物 <html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず-グリッドレイアウト</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>
WordPress localhostのwordpressにログイン XAMPPを起動させる ブラウザのURL欄にlocalhost/wordpress/と打ちブログを表示させる ブログ下のログイン画面からダッシュボードに移動 テーマ HTML5でカスタマイズするならTwenty eleven XTMLでカスタマイズする…
変数の演算 インクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-インクリメント</title> </head> <body> <script type="text/javascript"> var a = 10; a ++; //a=a+1と同じ alert(a); </script> </body> </html> デクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-デクリメント</title> </meta></head></html>
7/17のメモ タブ関係 jQuery UI TabsのDLページでDeselect all componentsをクリックすると、チェックが外れる →必要なもののみ選択 アコーディオンはサイドメニューより、見せたいコンテンツの中に使う スマートフォンではタブは使えないので、CSS3でなく画…
基礎の基礎から少しずつ、JavaScriptのおさらいをしてみます。 イベントハンドラ 写真をクリックするとアラートが表示される。 <html> <head> <meta charset="UTF-8"> <title>イベントハンドラ</title> </head> <body> <img src="kori.jpg" width="481" height="320" onClick="alert('かき氷食べたい')"> </body> </html> 関数を利用する 写真をクリックすると関数が呼び出されて、アラートが表示される。
Tabメニュー jQuery UI 実物はこちら jQUery TOOLS 実物はこちら Yetii 実物はこちら タブ切り替えパネル 実物はこちら CSSでアコーディオンパネル 実物はこちら Dreamweaverで作成する Tab付きパネル アコーディオン 挿入→Spry→Spryタブ付きパネル or アコ…
職業人講話のメモ 一人目の方 習ったことやサイトで見て、いいと思ったものを自分なりに応用していく 土日に、その週習ったことを復習する 基本的なことをやっておけば良かった いろんなものを見る 色とバランス 分からないところは検索 習ったことを、最初…
jQuery UI jQuery UIからAccordionのソースをDL UI Core: Core, Widget, Mouseにチェック Interactions: Draggable、Widgets: Accordionにチェックでok アコーディオン2 最初から全て閉じられているver ここで実物が見られます HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオンメニ</title></meta></head></html>…
動画編集 Media Encoder 追加から動画ファイルを読み込む ソースの属性と同じというオレンジのところをクリックすると書き出し設定が出る キューポイントにアクションを設定できる 設定をしたらOK "現在のエンコード"を開いて"キューを開始"をクリック F4Vは…
表示を切り替える HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>方丈記 - 著：鴨長明</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="print, screen"> <script src="js/01.js" type="text/javascript"></script> </link></meta></head></html>
DOM(Document Object Model) Scripting DOMによる要素の指定 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMで文字色を設定</title> <link rel="stylesheet" href=""> <script src=""></script> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></head></html>
歩くアニメーション 素材を組み合わせて人体にする。手は複製して明度を下げる 全てのパーツを選択してシンボルに変換（ここではグラフィック） シンボル内で、基準点を動きの軸となるところに持っていく 2フレーム目にキーフレームを挿入(F6)し、手足や頭の…
【HTML5課題21】 補足情報も含めて表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題21</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題15】 地図のPDFを表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題15</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
デジタル時計 var hour:TextField; var mini:TextField; var sec:TextField; this.onEnterFrame = function() { var obj_date:Date = new Date(); this.hour_txt.text = obj_date.getHours(); this.mini_txt.text = obj_date.getMinutes(); this.sec_txt.tex…
リップル効果 リップル: さざ波、波紋のこと 色を付けた背景に静止テキストで文字を打つ 修成→分解 修成→タイムライン→レイヤーに分配 テキストを一つずつ、分解(Ctrl + B)してシンボル化(F8) 4フレーム目と７フレーム目それぞれにキーフレームの挿入 全テキ…
HTML5 Googleに限り、hは読まれない →sectionのトップはh1にする 見出しで階層構造を作らない articleとはrssで読まれるような記事単位のこと HTML5 Outliner (Chrome拡張機能): HTML5で作られたページのアウトラインを見られる 検索させたいならarticle i要…
【HTML5課題09】 面積の単位を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題09</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題07】 ルビをふって表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題07</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題04】 「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題04</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題01】 ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題01</title> <link rel="stylesheet" href=""> <script src=""></script> …</link></meta></head></html>
Zen-coding Zen-codingをインストールしている場合、Cドライブからzen_settings.jsを検索 Dreamweaverで開き、HTML5部分を書き換える(ソースは先生のブログからコピー) 保存して再起動 html:5と打ち、Ctrl + , でHTML5が打たれる HTML5 DOCTYPEのhtmlは大文…
