1)head内に、lightbox用のjsファイルと、cssファイルのリンク、そして以下のjavascriptを挿入します。 <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(function() { $('a.lightbox').lightBox(…</link>

１ヶ月作ってきた「クマヒゲの世界一やさしい」のケーキショップサイト。 ビルボード部分にJQueryのsliderを導入してみましょう。【準備】 1)昨日制作の５枚のビルボード画像をjpgでそれぞれ保存。名前はmain_photo.jpg、main_photo2.jpg、main_photo3.jpg、…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

昨日に引き続き、tableの演習です。 本日はベジエ曲線の演習ですが、DTP出身者が早くできて 時間が余ると思いますので、できた人からこちらの演習をします。以下のようなテーブル２つを同一htmlに作ってください。 クリックで拡大しますので、そのサイズで製…

CGIに飛ばす場合は、 <form action="order.cgi" method="post"> ですが、昨今ではphpで動いているサイトがほとんどなので商用ではあまりCGIを使わなくなりました。phpに送信する場合は、actionの中身をnull(action=""と記述する）にして phpを書き足します。 <form action="" method="POST"> <input type="text" name="textbox" value=""> <input type="submit" value="送信"> </form> 入力文字： </form>

今日はformを習いました。 formを送信するにはpealやphpでかかれたCGIが必要になってきますが、 passwordで別ページに飛ぶにはCGIを使わなくても簡単なjavascriptで対応できます。 メンバーページや会員ページに飛ばすのに便利です。 以下のjavascriptをhead…

昨日はhtmlでtableの概念を学びました。 テーブルの体裁はhtml側でもかなり指定できますが、 基本、体裁は全てcss側でやるのがW3C推奨です。以下の3パターンの表組みをcssのみで体裁を整えて作成しましょう。【手順】 html を1ファイル作り、3パターンのtabl…

auのCMSサービスでJIMDOが在ります。Jimdoは、Jimdo社（ドイツ）が提供する簡単にホームぺージが作成できてしまうサービスです。2009/03/25、KDDIウェブコミュニケーションズが業務提携して、日本でも使えるようになりました。おそらく現存するCMSの中で一番…

MOZIRAが推奨しているプロパティ順序です。 Suggested order: display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content

CSS Validation Service カスケーディングスタイルシート(CSS)を検証 ここでチェックできます。ただし、以下の説明があるように、メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析が必要です。つまり、正当なHTMLを用いるべきです。c…

MOZIRAが推奨しているプロパティ順序です。 Suggested order: display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…