授業記録
Navigation Position Navigation Position Little Boxes Menu Navigation Position
ドロップダウンメニュー DropDown Menu 確認ページ Rotating Image Slider Rotating Image Slider確認ページ
確認ページ HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>おかず</title> <link rel="stylesheet" href="css/base.css" type="text/css"> </head> <body> <section id="container">…</section></body></html>
2カラム 3カラム←確認ページ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>カラム練習</title> <style type="text/css"> * { margin:0; padding:0; } #container { width:750px; height:auto; margin:40px auto; background-color:#fff; } #header { width:100%; …</meta></head></html>
昨日の授業で演算子・if文を書いてる時にふとFizz Buzz問題を思い出したのでやってみました。 Fizz Buzzとは 1から100までの数を表示させる。ただし3の倍数の時は数字の代わりにFizz、5の倍数の時は数字の代わりにBuzz、3と5両方の倍数の時はFizz Buzzと表示…
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>…
配列演算 これだとあんまり配列使う意味がないかな? 演習 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…
昨日途中まで作って今日まで持ち越すのもなんなので、完成させました。 まだ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() (整数の乱数を求める)
onClickで別ウィンドウ 確認ページ onMouseで画像変更 確認ページ onMouseで色変更 確認ページ 背景色変更 確認ページ 初級CSS課題【S14】〜【S16】UPしました。 http://kikin.han-be.com/html_css.html
授業で作成したナビゲーションのオーバーロールを復習。 もちろん見た目は全部一緒です。 CSS http://kikin.han-be.com/lessonWork/1107/navTestCss1.html jsイベント http://kikin.han-be.com/lessonWork/1107/navTestJs1.html jsライブラリ(Daniel Nolan) …
手間取った 今日の授業はWANTS CAKEサイトのIE対策をしてました。 IE対策と元のレイアウトの微調整をしていたら思ったより時間がかかってしまった…。IE対策はちゃんとCSSや各要素の構造を理解していないと手間取ってしまいますね。しかし一筋縄でいかないと…
変更 jimdoのレイアウトを変更してみた。ちょびちょびと変更していこう。 てか、独自レイアウトの編集がしにくい。ソース編集して保存ボタンを押したら保存するのにも3秒くらいかかるし、プレビュー確認してまた編集の画面に戻ると前回の場所じゃなくHTMLの…
ラップアラウンド body背景画像をラップアラウンドを使い作成。 写真からグラデーション 写真の一部切り取り、画像解像度で縦横の比率のチェックを外し、横幅を調整する。 ゲシュタルト ドイツ語における、形、形態、状態 ゲシュタルト崩壊 心理学における概…
css 基本的にはそれぞれのグループにを指定したほうが良い。は透明色。設定しなければデフォルトでこの色になる。 htmlには全角スペースを使用しない。検索されちゃう。 スマートフォンに対してはきかない。 photoshop ダブルクリックした直後[ctrl + shift …
「縦並びボタン」と「横並びボタン」 今日はメニューボタンのテストがありました。全然思ったより時間かかってしまった。ある程度のコードは頭の中で組み立てれたけど、横並びで躓いた箇所があって何回か先生のソースを見てしまった…。 これくらいなら手が止…
FTPとは? File Transfer Protocol（ファイル・トランスファー・プロトコル）の略で、日本語に訳すと「ファイル転送プロトコル」となります。ネットワークでファイルの転送を行うための通信プロトコルです。 通信プロトコルとは? ネットワークを介してコンピ…
illustrator練習 カニの色塗りだったがやはり悪戦苦闘…。ただAlt,Ctrl,Shiftの使い方がわかってきたので少し前進したか。今日は2時間程自習があるみたいだかillustratorの練習をしよう。
illustrator この講座で初めて使ったんだけどまだまだ思うように操作が出来ず曲線などはうまく書けない。 この段階では理屈で考えるよりとりあえず手を動かして体に染み込ませないとだめだな。 html/css 今のところは問題なくついていけてる。ただタグに関し…
