2011-11-01から1ヶ月間の記事一覧

世界時計と宿題

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…

LinuxのUbuntuをインストールしてみた

昔使ってたvistaのノートPCにLinuxをインストールしてみました。このvistaはもともとスペックがあまり高くないということもあるのですが、だんだん調子が悪くなってきてファイルを開くだけでもえらく時間がかかり、とても使える状態ではありませんでした。で…

PHOTO ALBUM

昨日途中まで作って今日まで持ち越すのもなんなので、完成させました。 まだfloatの段組みで時間かかっちゃうかなぁ。 ※一部修正しました。contentページのサイドバーのバックのカラーを指定し忘れていたのと、コンテンツのソースの順番を「nabigation⇒写真⇒…

Smooth Scroll

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関数

Math.floor() (小数点以下切り下げ) Math.round() (小数点以下を四捨五入) Math.random() (乱数を発生) Math.floor() & Math.random() (整数の乱数を求める)

CSSテスト

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>

EclipseにAptanaとZen-Codingをプラグインしてみた

少し前にPHPの開発環境としてEclipseを導入したんですが、HTML/CSS環境も作ろうと思いEclipseのプラグインを追加しました。 Aptana EclipseベースのフリーのWebオーサリングツール。 Zen-Coding HTML/CSSをショートカット+スニペットで簡略化してコードを書…

JavaScriptでの画像の見せ方,色の変更

onClickで別ウィンドウ 確認ページ onMouseで画像変更 確認ページ onMouseで色変更 確認ページ 背景色変更 確認ページ 初級CSS課題【S14】〜【S16】UPしました。 http://kikin.han-be.com/html_css.html

Javascriptでの画像置換

サムネイル 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のホームページをレイアウトしました。 ただこれで完成ではなくてとりあえずのレイアウトです。どういうスタイルにするのか自分で考えると、たったこれだけの制作でも時間がかなりかかってしまった。結局最…

IE漬け

手間取った 今日の授業はWANTS CAKEサイトのIE対策をしてました。 IE対策と元のレイアウトの微調整をしていたら思ったより時間がかかってしまった…。IE対策はちゃんとCSSや各要素の構造を理解していないと手間取ってしまいますね。しかし一筋縄でいかないと…