Java Script

1月24日(火)

横スライド制作 Wordpress制作 可変グリッドのブログにしたので、カスタマイズと言ってもたいした事をしている訳では無い。のに、遅々として進まず・・・。 これよりも、メインのポートフォリオの方が厄介だ。まだ構想が決まっていない上に、データがどこか…

wordpressのカスタマイズ1月19日(木)

wordpressのカスタマイズの続き。 昨夜テンプレートのテーマを散々眺めて、結局は最初に選んだシンプルな可変グリットに決めた。海外のサイトは、やはりテイストが違うなあ。眺めてたら数時間があっという間だ。 ポートフォリオのデザインは、最初から作ろう…

パンダカフェ@1月15日(日)

休日は、パンダカフェをいじっていました。 とにかくリンクを埋めないと、次のWordpressに気分的に進めなかったので。 8割は出来ましたが、どうも未解決な所が出て来て、相当な時間を費やすも分からず・・・。 パンダカフェ|茶の花 【つまづき課題】 ◎menu…

CSS3とポラロイド@12月26日

CSS3 凄いな、CSS3。角丸も、グラデーションもドロップシャドウも全てCSSで作れる事に感激しました。 これは、是非頑張って覚えたいです。 ポラロイド ポラ画像がでかすぎたかも。 © Luc Viatour (CC BY-SA 3.0)

横スクロール&Lighbox@12月14日

◎ソースからjqueryを別名保存で使用 ◎CSSで囲み罫を角丸にする -moz-border-radius:4px;-webkit-border-radius:4px; cursor: pointer; ・・・カーソルの形が指。 cursor: default; ・・・カーソルの形が普通の矢印 outline: none; または overflow: auto; タ…

phpのform@12月13日

phpを複数に分ける理由 ひとつにまとめると一回でしか使えないが、頭に$arrayを置くことで、これを複数で使いまわせる。 この場合は。bodyを読み込んだ瞬間に読み込まれる。 どの段階でメモリーに入れるかが大事。 <body> <h2>出発地のご案内</h2><form><selectsize="5"name="city"> $value){ print "<option value={$value}>{$value}</option></selectsize="5"name="city"></form></body>

xzmppでテストサーバー@12月1日

xamppでテストサーバーを作り、下のasciiのサイトを見ながらjQueryの練習。 1:「xzmpp」を立ち上げる。 「xampp」フォルダー内の「htdocs」に「jquery」フォルダー作成 2:DWの新規サイトで「jquery」サイトを作り、サイト管理のサーバーで,+をチェック…

jQuery@11月16日

jQuery lightBox ◎「jQuery lightBox」のサイトからダウンロードして、DWで作成。 jQuery lightBox そのままじゃダメ。プロならカスタマイズが必要。 ◎『CDN Hosted jQuery』の中のGoogle Ajax API CDN を直リンクして作ってみても、同じ効果が得られる。 (…

変数って難関@11月15日

コピペしたものの・・・・。 ◎変数宣言には「var」キーワードを使用する。 ◎document.write();は、ブラウザ。 alert();は、アラートボックスで表示。 1. 変数を使って「来年は、西暦2012年です。」とブラウザに表示させなさい var year=2011; var nextyear; …

ガチョーン@11月10日

画像置換(ウィンドウを開く方法) onClick="window.open ('URL','ウィンドウ名','幅, 高さ, 左からの距離, 上からの距離')" onClick="window.close()" ガチョーンなFlash ガチョーン的な効果のあるFlashをやる。谷啓が分かったのは、数名だと思うな(私含め…

画像置換@11月9日

データを持ち帰り損ねたので、途中だった画像置換を作成しました。フレームの白地が狭かったかな。画像がセンターに入ってくれず、微調整しました。 画像置換1 onMouseOver="this.src='images/◎◎.jpg'" onMouseOut="this.src='images/◎◎.jpg'" <html lang="ja"> <head> <meta charset="utf-8"> <title>画像置換1</title> <style type="text/css"></meta></head></html>…

Javascriptでボタン作成@11月7日

テストはボタン作成。先生のサイトを良く見ずに、ボタンを10個も作って切り抜くという、遠回りなやり方をしてしまった。いかに効率的に作るか、作業前に考えよう。 簡単なJavascriptのボタン ◎画像は、バラバラに作る ◎「hover」時の画像名には「_o」を使用…

Javascript

ついつい、後回しにしていたJavascriptの復習をしました。 超初歩で、つまずき中・・。 回答を見ないと、分からないので、繰り返すのみかも。 4日の授業内容 2×8−6÷2=13 2×(8−6)÷2=2 1−2+3=2 1−(2+3)=-4 9%4=1 ◎””の中が文字、( )の中が計算 <html lang="ja"> <head> <meta charset="utf-8"> <title>演算</title></meta></head></html>…