課題

スマートフォン - 作例1

▼「HTML5とCSS3で作る 魅せるiPhoneサイト」のサポートページ http://www.ishowcase.jp/book/ ▼完成URL http://jewelcafe.main.jp/0816/01.html iPhone参考サイト Adobe HTML5 特設サイト http://adobe-html5.jp/ 今から始めるiPhoneコーディング http://htm…

PHPまとめ - 基本

このテキストはPHPで記述しています。</div>'); ?>

wordpress sampleテンプレのカスタマイズ

☆背景画像がされない不具合の対策☆ header.phpファイル <body> → に変更</body>

HTMLを表示する。

・print('');で『''』の中にHTMLタグを入れられる。 ・▼逆にHTMLタグにPHPを入れるには <p></p> <html lang="ja"> <head> <meta charset="UTF-8"> <title>画面にHTMLを表示する。</title> </head> <body> PHPはHTMLの中に埋め込んで記述できます。</p>'); print('<p>改行する時は<br>brタグを記述します。</p>'); ?>

現在の時刻を表示する。

<html> <head> <meta charset="utf-8"> <title>現在の時刻を表示する</title> </head> <body> </body> </html>

PHPコード記述 (クォーテーション・改行)

*『よくわかるPHP教科書』P38〜の演習問題を参考に、整理しなから説明します。 phpでブラウザに文章を表示する。 ・print ("文字");もしくはecho ("文字"); (JavaScriptでの「document.write」と同じ役割) ・「;」(セミコロン)でプログラムの行を終える。 …

楽しいおかず by鎌倉bowls

▼完成URL http://jewelcafe.main.jp/okazu/index1.html IE6OK エラーなし clearfix使わなくてもoverflow: hiddenだけで大丈夫でした。 フロートはwidthが必須なのでクラスが沢山出来てしまいました。。。(でもimg要素はサイズ属性を指定しているので、いらな…

Fireworksでレイアウトの練習

文字はアンチエイリアスなしで。(ブラウザで見た時の状況にする)

アラート

【J01】 画像クリックでアラートを表示するJavaScriptを記述しなさい。 cursor: pointer;→マウスが出る <html lang="ja"> <head> <meta charset="utf-8"> <title>【J01】イベントハンドラの練習</title> <style type="text/css"> /*マウスが出る*/ p img { cursor: pointer; } </style> </head> <body> <p> </p></body></html>

【A05〜08】ムービークリップの回転・移動

ムービークリップを作成なさい。 ロードした時に、ムービークリップのX座標が左端から300の位置に 移動するスクリプトを記述しなさい。 onClipEvent (load) { var now = 300; } onClipEvent (enterFrame) { this._x = now; } 【A06】 ムービークリップをクリ…

【A01〜04】 演算

【A01】10×(8+12)÷4 の値は? 学習メモ データ型 変数名に「: コロン」 数値データ型(Number):数値を入れるための変数 var c:Number = 3; ストリングデータ型(String):文字列を入れるための変数 var s:String = "答えは"; var answer:String = s + …

Wants Cake サイト構築

《index.html》 IE6確認OK☆ エラーなし 『おすすめ商品』の3つはリストとしてマークアップしました。 画像でもli aにdisplay: block;と高さを設定しないとクリックした時にうっすらでるリンク範囲(四角い点々)がずれる。 nav以外の『詳細を見る』『大きな写…

CSS10〜11 float

CSS10 IE6問題なし エラーなし ▼完成URL http://jewelcafe.main.jp/kadai/css10/ CSS11 IE6問題なし エラーなし ▼完成URL http://jewelcafe.main.jp/kadai/css11/

練習問題 headerレイアウト position

headerレイアウト1 メモ positionを使って作成しました。 親boxにrelative、位置を指定するセレクタにabsoluteをかけてleftとtopを指定。 <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link href="0524.css" rel="stylesheet" type="text/css" media="print,screen"> </head> <body> <div id="container"> <div id="header"> <h1>I…</h1></div></div></body></html>

ベーシックな企業サイト

エラーなし。 ナビゲーション画像は授業で作った物を使いたかったので、サイズを直して構築しました。 文字の色・サイズなどがa・hover・stayで変わらないのであれば、縦ナビの課題CSS21のやり方がやり易い気もしたのですが。。 ↓完成URL http://jewelcafe.m…

CSS18〜21横ナビ

【CSS18】文字色 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 分からなかった事 1番左ボーダーをなくすのに苦労しました。。子孫セレクタの書き方が間違っていました。。解決して良かった♪ 学習メモ 子孫セレクタの書…

css12〜17縦ナビ

【CSS12】リストマーク色の変更 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 学習メモ ul(#nav)にmarginを入れないとリストマークが隠れてしまう。 リストマークのみカラー変更するには、liにリストマークにしたいカラーを設定して…

CSS6〜7 ボックスモデル練習

【CSS06】 以下の画像と同じように表示させるCSSを記述しなさい 文字の擬似クラスも設定しなさい(色は自由選択) XHTML 1.0 Transitional 記述場所はエンベッド <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

CSS3〜5 ボックスモデル練習

【CSS3】 空きはリセットをせず、個別に指定する XHTML 1.0 Transitional リストマークは、作成すること 分からなかった事 リストマークがやや下にずれてる気がする。。ulにlist-style-imageで貼り付けたが、背景画像としてliに読み込ませてbackground-posit…

CSS01〜CSS02 ボックスモデル

CSS01 以下の画像と同じように表示させるCSSを記述しなさい 記述場所はエンベッド <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

css11〜15ボックスモデル

画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 【CSS11】マージン <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

css6〜10背景画像の設定

背景画像を設定【CSS06】 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

HTML01〜04

【HTML01】文書構造の練習 以下の内容をHTML文章にしてブログに載せなさい。 DTDとmetaは不要 メモ table border="1" width="650"はDWで構築するとできてしまいますが、装飾部分なのでcss記述したら削除。 <html> <head> <title>【HTML01】文書構造の練習</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2></h2></body></html>…

練習問題 ナビゲーションブロックのスタイル

縦並びメニュー <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

css3〜5リンクの色(擬似クラス)

リンクの文字色(擬似クラス)【CSS03】 画像のような表示になるよう指定しなさい。 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

練習問題 疑似クラス

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

css1〜2 文字色と背景色

文字の装飾 文字色と背景色【CSS01】 画像のような表示になるよう指定しなさい。 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

練習問題 CSSで色を設定する。

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

授業課題(アドレス・リンク(テキスト・画像・メール))

<html> <head> <title>リンクの練習</title> </head> <body> <p><a href="#">リンクテキスト</a></p> <p><a href="http://www.yahoo.co.jp/">yahooへリンク</a></p> <p><a href="https://www.google.co.jp/"><img src="google.gif" alt="googleへリンク" title="googleへリンク" width="305" height="113"></a></p> <p></p></body></html>