グーグルマップで表示2_A~Bまでの道のり表示

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps API SDK</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></meta></head></html>

グーグルマップで表示(場所は地元)

<html lsng="ja"> <head> <meta charset="UTF-8"> <title>グーグルマップ(Static Maps API)</title> </meta></head></html>

youtubeを埋め込む

youtube動画埋め込みテスト

php_form get postの違い

formで使うgetとpostの違い get→送信した時に書いた内容がアドレス内に表示される。検索物はだいたいこれ。グーグルマップとか。getでないと個別のアドレスが全部表示されないのでgetじゃないとブログ等に貼れない。post→表示されない。入力された個人情報と…

wordpress テーマの場所

dreamweaver上での現在適用されてるテーマの場所について。 wp-content→themes→テーマの置いてある場所(どこにあるかは、テーマの外観のところに書いてある。現在のテーマというとこ)→header で見つかる。 wordpress上でもテーマ編集で見える、が黒文字オン…

おいしいご飯

<html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず</title> <link rel="stylesheet" href="css/style1.css"> </link></meta></head></html>

確認テスト_パス

確認テスト2番 <html lang="ja"> <head> <meta charset="UTF-8"> <title>パス確認テスト</title> </head> <body> <img src="../images/btn.jpg"> </body> </html> 確認テスト1番2番4番 <html lang="ja"> <head> <meta charset="UTF-8"> <title>パスの確認テスト</title> <link rel="stylesheet" href="css/style.css"> <…</link></meta></head></html>

word press 1

wordpressのテーマは公式以外でも色々ダウンロードできる。入れ方は、 wordpressフォルダのwp-content内のthemesに入れるだけ。ダウンロードしたものそのまま入れて大丈夫。 設定について ダッシュボード内の設定でパーマリンクの設定大事。一番上のデフォル…

<html lang="ja"> <head> <meta charset="UTF-8"> <title>垂直タイプのアコーディオン式メニュー</title> <link href="style.css" rel="stylesheet"> </link></meta></head></html>

dream weaverで簡単にアコーディオンとタブ

挿入→spry→タブ付パネル、アコーディオン でそれらが自動で書かれる。 が、余計なものも色々かかれるので基本それだけはNG ほかの機能もそんな感じらしい。ただし、大まかなレイアウトを作ってその後に自分で調整する的な使い方はできるらしい。

actionscript 時間の取得

this.onEnterFrame = function() { var obj_date:Date = new Date(); this.hour.text = obj_date.getHours(); this.mini.text = obj_date.getMinutes(); this.sec.text = obj_date.getSeconds(); } .getHoursで時を、.getMinutesで分を、.getSecondsで秒をそ…

html5 課題19・20・23

<html lang="ja"> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> </head> <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け!ぜひ食べに来てくださいね。</p> <img src="images/donburi.jpg" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。"> </article></body></html>

フォトショップ ダブルトーン

色調を白黒にする→モード、グレースケール→モード、ダブルトーン。これで黒ともう一色好きな色を追加したり、色味を変えたりすると↓みたいに加工できる。黒以外の2色も可能。

JavaScript 3-2 配列

実践課題B <script> var product=['リラックスチェア','リラックスデスクブック','スタンド']; var price=[4000,12000,800]; document.write('<tr>'); document.write('<td>'+product[0]+'<\/td>'); document.write('<td>'+price[0]+'円<\/td>'); document.write('<\/tr>'); docu</td></td></tr>…

JavaScript 3 配列

↓javascriptで配列と同じようなことをやった場合 <script> var member = [ {name:'佐藤',age:35}, {name:'伊藤',age:38}, {name:'山田',age:28}, ]; alert(member[2].name+'さん'); alert('現在'+member[2].age+'歳です。'); </script>

action script7-3 配列  平均・ランダム・追加

問題1・平均 var num:Array=new Array(70,88,63,95,59); var goukei:Number=0; for(i=0; i<5; i++){ goukei=goukei+num[i]; } var heikin:Number; heikin=goukei/num.length; this.heikin_txt.text=heikin; newArray内の数字の平均が求められている 問題2・…

action script7-2 配列 length

問題1 var week:Array=new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"); var box:String; for(var i:Number=0; i<week.length;i++){ this.box.text+=week[i]+<span class="deco" style="color:#0000FF;">"\n"</span>;//←改行 trace(week[i]); } forの中身はArray内にあるものを順番に全部表示させていくよの意味。 問題2 var…

action script7 配列 Array

問題1 var num:Array=new Array(10,32,7,9,15); this.txt.text="数値は"+num[3]+"です。"; 問題2 var week:Array=new Array("日曜日","月曜日","火曜日","水曜日","木曜日","便曜日","土曜日"); trace("今日は"+week[3]+"です。"); this.sikaku.text=("今日…

JavaScriptの基礎課題1-4

課題1 「はじめてのJavaScript」と「p要素」でブラウザ上に表示させなさい。 答え document.write('はじめてのJavaScript');課題2 変数を使い、警告ダイアログボックスに「はじめてのJavaScript、アゲイン!」と表示させなさい。 答え alert('はじめてのJav…

action script6

横のスライドの作り方var base:Number; var rate:Number = 5;this.btn1.onRollOver = function() { base = main.m1._x; }this.btn2.onRollOver = function() { base = main.m2._x; }this.btn3.onRollOver = function() { base = main.m3._x; }this.btn4.onRo…

action script5

for文lineStyle(3,0x112233,80); for(i=1;i p=i*30; moveTo(p,30); lineTo(p,360); moveTo(30,p); lineTo(360,p); }これで方眼紙になる。 求め方はこんな感じ↓i 割ったときあまりないと綺麗な方眼紙に。 pじゃない値の出し方はmoveToはpと同じ数。TolineTo…

light box

light.js 基本は赤字で表示されているところだけ編集すればいい。 53行目 this.resizeDuration = 700; lightboxが表示されるまでの時間=アニメーションする時間。1000=1秒で大きいほど開くときと閉じるときの時間が長くなる。180行目 top = $window.scrollT…

action script4

randomの活用var r:Number;btn.onRelease=function(){ r=Math.floor(Math.random()*6)+1; if(r==1){ rnd_txt.text="大吉"; }else if(r==2){ rnd_txt.text="吉"; }else if(r==3){ rnd_txt.text="中吉"; }else if(r==4){ rnd_txt.text="小吉"; }else if(r==5){…

JavaScript 2

平成を西暦に変換1 ブラウザ上に直接西暦が出る。heisei fullyearの値がmessageに代入され、そのmessageがブラウザ上に出るから 西暦出る。 西暦変換2 1の内容がダイアログとして出現する。 西暦変換3 今度は入力ダイアログが出現。入力した数値を西暦に…

action script3

課題4 var rate:Number = 10;btn1.onRelease = function(){ sun_mc._y -= rate; }btn2.onRelease = function(){ sun_mc._x += rate; }btn3.onRelease =function(){ sun_mc._y += rate; }btn4.onRelease =function(){ sun_mc._x -= rate; }4種類のボタンに応…

action script2

課題1 var angle:Number = 10;rotation_btn.onRelease = function() { sun_mc._rotation += angle; }ボタンを押す度に10ずつ動く=回転する 課題2 var angle:Number = 10;rotation_btn.onPress = function() { sun_mc.onEnterFrame = function () { sun_mc.…

JavaScript function

<html lang="ja"> <head> <meta charset="UTF-8" /> <title>アラート2ファンクション</title> <style type="text/css"> img { cursor: pointer; } </style> <script> function Photolnfo(){ alert('にゃー'); } </script> </head> <body> <p> </p></body></html>

プログラムのミスの見つけ方

・どこが間違ってるか分からなくなったら、少しずつtraseを使っていく。成功すればそこまでの内容は合っている、ということになるので、そうやって範囲を狭めていけば最終的にどこに問題があるか判る。関係ない所は//でコメントアウトする。・1行と1行の間は…

action script1

課題1 var num1:Number = 10; var num2:Number = 8; var num3:Number = 12; var num4:Number = 4;ans = num1 * (num2 + num3) / num4;trace (ans);課題2 var speedA:Number = 100; var speedB:Number = 140; var distance:Number = 560;timeA = distance / s…