<html> <head> <meta charset="utf-8"> <title>wonder land～ハンドメイドアクセサリー～</title> <link rel="stylesheet" href="css/screen.css" media="screen,print"> <link rel="stylesheet" href="css/lightbox-0.5.css"> <link rel="stylesheet" href="css/common.css"> </head> <body> <div id="container"> </div></body></html>
組み込みオブジェクトJavaScriptがあらかじめ用意しているオブジェクト Object すべてのオブジェクトの元となるオブジェクトDate 日時操作機能をもつオブジェクトMath 計算機能をもつオブジェクトArray 配列操作機能をもつオブジェクトString 文字列操作機能…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオンメニュー</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <style> body, di, dt, dd { margin: 0; padding: 0; } #conatiner { width: 500px; margin: 50px auto; } .accordion { padding: …</meta></head></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/banner.css"> </head> <body> <div id="nav"> <ul> <li id="contact"><a href="#">お問い合わせ</a></li> <li id="food"><a href="#">カフェフード</a></li> <li id="drink"><a href="#">カフェドリンク</a></li> </ul></div></body></html>
FWで画像の切り出し作業後、商品紹介ページのHTML、cssの作成 （1） <html> <head> <meta charset="utf-8"> <title>ウォンツケーキ店 | テンプレート</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contents"> <div id="header"> <…</div></div></body></html>
～練習の為の架空サイトの作成～ まず、FLASHにて画像の切り出し作業の後 レイアウトをもとにHTMLの作成 <html lang="ja"> <head> <meta charset="utf-8"> <title>ウォンツケーキ店 | テンプレート</title> <link href="css/base.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contents"> <div id="header"> <h1><a href="index.html">ウォンツケーキ店 | …</a></h1></div></div></body></html>
<b>JQ 表示、非表示の切り替え</b> hide()メソッド ●要素を隠す 例） <script> $(function(){ $( '#list' ).hide( ); }); </script> 時間の設定 ●「slow」か「fast」のいずれかで指定する ●ミリ秒で指定する（slow：600ミリ秒、fast：200ミリ秒） show（）メソッド ●要素を表示する ●…
<html lang="ja"> <head> <metacharset="utf-8"> <title>provence</title> <body> <container> <header> <h1>provence</h1> </header> <wrapper> <content> プロヴァンス（la Provence）は、フランス革命以前のフランスに置かれて<br> いた州のひとつであり、フランスの南東部に位置する。フランス王国併合前<br> （15世紀末）にあった独立国（プロヴァンス伯爵領）の名前でもある。「プ<br> ロヴ</content></wrapper></container></body></metacharset="utf-8"></head></html>…
●jQueryはjava scriptのライブラリの一つです。 ●Cssと記述方法が似ています。 ＜記述する場所＞ <head> <script src="js/jquery-1-9-1.min.js"></script> </head> <body> <script src="js/jquery-1-9-1.min.js"></script> </body> ●ネットワーク経由でコンテンツを提供するサービスです。 ●＄()でhtmlをjQueryオブジェクト化することから始まります。 $('h1').show();//表示させる。 …
と 宣言をしてhtmlを書くと過去のバージョンでも書くことができる。brは改行に使うもので行間を空けるのに使うものではない。行間を空ける際はmargin: bottonを使う。hrは水平線h1~h6は見出しに使う。sectionは本でいう章articleは本文asideはsidebarと同じ…
＜変数＞ 変数をするには宣言が必要、宣言をするには Var 変数名 複数の宣言をするにはカンマで区切る。 ＜変数の値の代入＞ 変数名＝値; (値は1つしか入れられない） ＜変数の表示＞ 変数の中身を表示するには「console.log」や「alert」の（）に変数名を指…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>おいしい卵料理レストラン Cockeyolly</title> </head> <body> <div id="container"> <div id="header"> <h1><img src="img/logo.gif" width="82" height="78" ait="おいしい卵料理レストラン Cockeyolly"><h1> </div> <div id="content"> <h2></h2></div></div></body></html>
JavaScriptで画像置換 <html lang ="ja"> <head> <meta charset="utf-8"> <title>ナビゲーション</title> <link rel="stylesheet" href="cafe.css" media="all"> </head> <body> <div id="nav"> <ul> <li><a herf="#"></a></li></ul></div></body></html>
JavaScript 一行ずつマシン語に変換しながら変更。WEBでは主にこちらを使用＜コンパイラ方式＞ コンパイラを使ってオブジェクトファイル作成＜変数＞ 変数（variable）とはプログラムのソースコードにおいて一定期間記憶し必要な時に利用できるようにデータ…
朝の天予報で本日は雨が降るとの予報でしたが外れましたね！ 帰り道は暑くて 「アイスが食べたい！！」病になりました(笑)。 本日もpositionを使ったレイアウトの勉強をしました。● display:inline を使うと横並びに表示ができる● formにはhやtable要素が入…
本日はpositionを利用したカラムレイアウトの勉強をしました。私は覚えが悪く、レイアウトが上手く組めなくて涙ものでした(/_;) positionとは•ボックスの配置を相対位置か絶対位置かを指定する•指定するのは、配置方法（基準位置）absoluteとは●絶対位置への…
<html lang="ja"><head><meta charset="UTF-8"><link rel="stylesheet" href="style.css"> <title>cat cafe ikebukuro店</title> </head> <body> <h1>CatCafeのにゃんこ紹介</h1> <h2">●あたる（白キジトラ・オス）</h2> <p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。</p><h2>特徴</h2><p>大きな目と耳。まがったし…</p>
