簡単な計算フォームを作ってみた http://www35.atpages.jp/kirix/ninja/original/calc/calc.html←確認ページ html <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>計算</title> <body> <form action="calc.php" name="form1" method="post"> <p></p></form></body></meta></head></html>
jqueryによるアコーディオン アコーディオン←確認ページ ソース <html> <head> <meta charset="UTF-8"> <title>アコーディオン</title> <style type="text/css"> * { margin:0; padding:0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-seri</meta></head></html>…
dt.dd横並び定義 html <dl> <dt>2011.11.29</dt> <dd>横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト</dd> <dt>2011.11.29</dt> <dd>横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト</dd> <dt>2011.11.29</dt> <dd>横</dd></dl>…
配列演算 これだとあんまり配列使う意味がないかな? 演習 var a = new Array(5 , 12 , 18); var b = new Array(33 , 14 , 65); function calc1() { var sum = a[0] * b[0]; alert(sum); } function calc2() { var sum = a[1] * b[1]; alert(sum); } function…
昔使ってたvistaのノートPCにLinuxをインストールしてみました。このvistaはもともとスペックがあまり高くないということもあるのですが、だんだん調子が悪くなってきてファイルを開くだけでもえらく時間がかかり、とても使える状態ではありませんでした。で…
昨日途中まで作って今日まで持ち越すのもなんなので、完成させました。 まだfloatの段組みで時間かかっちゃうかなぁ。 ※一部修正しました。contentページのサイドバーのバックのカラーを指定し忘れていたのと、コンテンツのソースの順番を「nabigation⇒写真⇒…
smooth.pack.js http://kikin.han-be.com/lessonWork/1116/smoothscroll1.html 忍者にjavascriptのソースをアップロードしたままなのでパスの指定はそこにしました。 smoothScroll.js http://kikin.han-be.com/lessonWork/1116/smoothscroll2.html smoothScr…
Math.floor() (小数点以下切り下げ) Math.round() (小数点以下を四捨五入) Math.random() (乱数を発生) Math.floor() & Math.random() (整数の乱数を求める)
ANTICA VINERIA GIULIANO http://kikin.han-be.com/lessonWork/1114/top.html←課題制作サイトへ TOPのソース <html lang="ja"> <head> <meta charset="UTF-8"> <title>ANTICA</title> <style type="text/css"> * { margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", …</meta></head></html>
少し前にPHPの開発環境としてEclipseを導入したんですが、HTML/CSS環境も作ろうと思いEclipseのプラグインを追加しました。 Aptana EclipseベースのフリーのWebオーサリングツール。 Zen-Coding HTML/CSSをショートカット＋スニペットで簡略化してコードを書…
onClickで別ウィンドウ 確認ページ onMouseで画像変更 確認ページ onMouseで色変更 確認ページ 背景色変更 確認ページ 初級CSS課題【S14】〜【S16】UPしました。 http://kikin.han-be.com/html_css.html
サムネイル Javascriptでの画像置換 ← 課題制作用ページに飛びます。
授業で作成したナビゲーションのオーバーロールを復習。 もちろん見た目は全部一緒です。 CSS http://kikin.han-be.com/lessonWork/1107/navTestCss1.html jsイベント http://kikin.han-be.com/lessonWork/1107/navTestJs1.html jsライブラリ(Daniel Nolan) …
ninja 課題制作用サイト課題制作をアップするninjaのホームページをレイアウトしました。 ただこれで完成ではなくてとりあえずのレイアウトです。どういうスタイルにするのか自分で考えると、たったこれだけの制作でも時間がかなりかかってしまった。結局最…
手間取った 今日の授業はWANTS CAKEサイトのIE対策をしてました。 IE対策と元のレイアウトの微調整をしていたら思ったより時間がかかってしまった…。IE対策はちゃんとCSSや各要素の構造を理解していないと手間取ってしまいますね。しかし一筋縄でいかないと…
IEのブラウザチェックツール「IETester」をダウンロードしました。 サイトはこちらです。IETster IETesterのダウンロード (1) IETsterのサイトへ行きます。 (2) Downloadのリンクをクリックします。 (3) ダウンロードしたファイルを実行。 (4) ライセンス利…
課題制作 完成品はこちら WANTS CAKE
5/100 WebDesignのgalleryサイト。 コンテンツ・ヘッダーの画像が規則正しくきれいに配置されています。画像の数は多いのですがスッキリまとまって見えます。 【S5-Style】Webデザインギャラリー / Web Design Inspiration
Webサーバが、Webブラウザからの要求に応じて、プログラムを起動するための仕組み。 CGIプログラムで動作する代表的なのは「掲示板」「アクセスカウンター」「ショッピングカート」「アクセス解析」「問い合わせ」や自動返信するオートレスポンダー等があり…
今後の事を考えるとEclipseに慣れていた方がいいと思いダウンロードしました。 Eclipse もともとはJavaのプログラマ向けの有償統合開発環境でしたが、2001年にオープンソース化され、Java以外のプログラム言語でも利用できるようになりました。 PDT(PHP Deve…
4/100 鳥取県の地域情報サイト。色使いが鮮やかで言葉遊びもおもしろいです。 WEBと地域の特徴を生かしたいいサイトだと思います。
変更 jimdoのレイアウトを変更してみた。ちょびちょびと変更していこう。 てか、独自レイアウトの編集がしにくい。ソース編集して保存ボタンを押したら保存するのにも3秒くらいかかるし、プレビュー確認してまた編集の画面に戻ると前回の場所じゃなくHTMLの…
ラップアラウンド body背景画像をラップアラウンドを使い作成。 写真からグラデーション 写真の一部切り取り、画像解像度で縦横の比率のチェックを外し、横幅を調整する。 ゲシュタルト ドイツ語における、形、形態、状態 ゲシュタルト崩壊 心理学における概…
課題画像リンク html <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
ポップ 子供向け英会話教室のサイトですが、ポップで可愛らしい感じで、コンテンツも大きく見やすいです。
黒ベース 黒ベースの下地に画像が色鮮やかに映えています。
リンク先 リンク先 グラデーション調整するのが難しい。
css 基本的にはそれぞれのグループにを指定したほうが良い。は透明色。設定しなければデフォルトでこの色になる。 htmlには全角スペースを使用しない。検索されちゃう。 スマートフォンに対してはきかない。 photoshop ダブルクリックした直後[ctrl + shift …
html <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
