exercise CSS01〜10 文字の装飾

●画像のような表示になるよう指定しなさい ●色・文字サイズは自由設定(バランスは考慮すること) ●解答は、エンベッド ●DTDは各自選択

 EXERCISE CSS08/背景画像を設定(垂直方向に繰り返し)

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

 EXERCISE CSS07/背景画像を設定(水平方向に繰り返し)

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

 EXERCISE CSS06/背景画像を設定

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

EXERSICE CSS10/背景画像(繰り返さない)

<body> <h1>古池や蛙飛び込む水の音</h1> <p>芭蕉の「古池や蛙飛び込む水の音」の、連歌の発句として脇を予想したもとの形は「古池や蛙飛んだる水の音」でした。<br> 明らかに、「蛙飛んだる水の音」のほうが勢いがあり、連衆から脇句を引き出す挨拶の意味も込められていましたが、</p></body>…

EXERSICE CSS09/背景画像と枠線

<body> <h1>Page Design</h1> <p>背景に色数を減らした画像を用意します。背景画像は、縦方向び繰り返しを指定しています。<br> また、見出しの文字は、大きく、インパクトの強い色を指定し、目を引くようにしています。<br> このように、やり方次第でデザインの幅が広がります。いろい</p></body>…

FLASH

FLASH まとめ01 ActionScript3.0: AIRアプリ及びAndroidアプリなどスマートフォン ActionScript2.0: Flashムービーのパッケージ及び組み込みUI ActionScript Lite: 携帯電話 ワークスペース 「デザイナー」に設定 - ボタン作成 アップ:マウスが外れてい…

CSS まとめ01

Webページにスタイルシートを貼り付ける方法インライン方式 実際の HTMLの要素に直接 style属性を使って設定 エンベッド方式 head要素の中に style要素を使って埋め込み 外部リンク方式(リンキング方式) 別途スタイルシートだけを記述した文書を作成参考サ…

Dreamweaver 環境設定

1,ウィンドウ→ワークスペースのレイアウト→コーダー に設定 2,サイト(メニューバー)→サイトの管理→新規→サイト名をつけてローカルフォルダを選ぶ環境設定 [スタイルシート] [コードフォーマット] [コピー/ペースト] [サイト] [フォント] ショートカット [C…

フォームの基本構造

textarea 複数行の入力フィールドを作成するタグ cols="" (入力欄の幅を文字数で指定) rows="" (入力欄の高さを行数で指定) ○参考リンク○ 基本フォーム http://www.kanzaki.com/docs/html/htminfo31.html タグリスト http://www.tagindex.com/html_tag/f…

色の指定方法

CSSで色を指定するには下記の5通り。#f00 / #と3つの文字(16進数) #ff0000 / #と6つの文字(16進数) rgb(255, 0, 0); /RGBの0〜255までの数字をカンマで区切って指定 rgb(100%, 0%, 0%) / RGBの0〜100%までの割合をカンマで区切って指定 red /色の名前で指定…

exersise CSS1/文字色と背景色

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

EXERCISE

以下の内容をHTML文章にしてブログに載せなさい DTDは「XHTML 1.0 Strict」 - - <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>HTML04</meta></head></html>

【HTML03】文書構造の練習

以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 - 【HTML03】文書構造の練習 インテリアショップ a Interiorインフォメーション インテリアショップ「a Interior」での商…

【HTML03】文書構造の練習

以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 - 【HTML03】文書構造の練習 インテリアショップ a Interiorインフォメーション インテリアショップ「a Interior」での商…

定義リスト、table要素

定義リスト dl dt dd dl リスト本体を定義 dt リストの項目を定義 dd リストの内容を定義 table要素 table,tr,td,th ○table 表の大枠を示す。表の大きさや罫線など設定。 ○tr 表の行を示す。 ex)3行の表を作成する場合は、この要素を3つ配置する。 ○td 表の…

課題/HTML01

・以下の内容をHTML文章にしてブログに載せなさい ・サンプルなど見ないで入力すること(できるようになるまで繰り返す) ・DTDとmetaは不要 <html> <head> <title>【HTML01】文章構造の練習</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説</p> <ul> <li>検証の項目 <li>検証の項目 <li>検証の項目 </ul> <p>解説</p> <ol> <li></li></ol></body></html>…

HTML02

以下の内容をHTML文章にしてブログに載せなさいサンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 <html> <head> <title>HTML02</title> </head> <body> <h1>デザインの話</h1> <br> <p>物にはいろいろな形があります。歴史と共に多様なデザインが生まれてきました</p> <p>物にはいろいろな</p></body></html>…