Today & Tomorrow...

勝手気ままな、備忘録的な感じです。

【CSS012】

CSS

【CSS12】・ この場合、リセットはしない ・ 左右均等空き(上下空きは指定しない) <html> <head> <title>css12</title> <style type="text/css"> p{ color:#fff; margin-top: 50px; margin-right:auto; margin-left:auto; background-color:#009EFF; font-weight:bold; line-height: 1.5; padding: 3px; width</head></html>…

【CSS011】

CSS

【CSS011】・この場合、リセットはしない <html> <head> <title>css11</title> <style type="text/css"> p{ color:#fff; margin-top: 50px; margin-right:50px; margin-left:50px; margin-color:50px; background-color:#009EFF; font-weight:bold; line-height: 1.6; padding: 3px; width : 300px; } </style> </head> <body> <p>BOX and</p></body></html>…

【CSS010】

CSS

【CSS10】・背景画像(繰り返さない <html> <head> <title>css10</title> <style type="text/css"> body{ background-image: url("CSS10.gif"); background-repeat: no-repeat; background-attachment: fixed; } h1{ font-size:1.85em; font-family: serif; } p{ width: 320px; } h1,p{ margin: 40px 40px 0 160</style></head></html>…

【CSS015】

CSS

【CSS015】・この場合、リセットはしない ・空きは、すべて50px <html> <head> <title>ccs15</title> <style type="text/css"> body{ background-color:#CCCCCC; margin:15px; } p{ color:#58A6CD; padding:50px 50px 50px 50px; font-size:1.5em; background-color:#fff; border-style: solid; } </style> </head> <body> <p>BOX and PA</p></body></html>…

【CSS08】

CSS

【CSS08】・背景画像を設定(垂直方向に繰り返し) <html> <head> <title>背景画像を設定(水平方向に繰り返し)</title> <style type="text/css"> body{ background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/w/web-design-advance/20120415/20120415205559.jpg"); background-repeat:repeat-y;</style></head></html>…

【CSS07】

CSS

【CSS07】・背景画像を設定(水平方向に繰り返し) <html> <head> <title>背景画像を設定(水平方向に繰り返し)</title> <style type="text/css"> body{ background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/w/web-design-advance/20120415/20120415205559.jpg"); background-repeat:repeat-x;</style></head></html>…

【CSS09】

CSS

【CSS09】・背景画像と枠線 <html> <head> <title>css09</title> <style type="text/css"> body{ margin:0; background-color:#fff; background-image: url("CSS09.jpg"); background-repeat: repeat-y; } h1{ color:#860B1D; border-bottom:dashed 4px #999; } p{ color:#333 } h1,p{ padding: 5px 20px; margi</head></html>…

【CSS06】

CSS

【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" /> <title>【CSS06】</title> </meta></head></html>

【CSS05】

CSS

【CSS05】・背景色と余白 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

【CSS04】

CSS

【CSS04】 リンクの背景色(擬似クラス) <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

【CSS03】

CSS

【CSS03】リンクの文字色(擬似クラス) <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

【CSS01】

CSS

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

【CSS02】

CSS

【CSS02】 ・文字色と背景色 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

【実践課題AS01〜03・Desgin01・HTML01〜03】

?【実践課題1〜3】 Actionscriptの実行【AS01】 変数を使った計算式を書き、出力パネルに結果を表示させなさい。10×(8+12)÷4 の値は? 50 【AS02】 「車Aの時速は100km」「車Bの時速は140km」東京←→大阪の距離は560kmどちらが何時間早く着くか求めなさい…

【準備課題61】

【準備課題61】1. TV電話を売りたいのですが相手は誰がよいでしょう?ペットを飼っていて日頃から家を留守にしがちの方や高齢の親がいたりする方に売るのがよいかもしれません。2. ヨーロッパの城で、日本人が所有者の城の名前は?日本人が所有しているお…

【復習】

【復習】 昨日の授業の復習を交えて 今日の試験の問題を回答を書いてみましたが、 画像が表示できなかったり、 一か所だけ黒い黒丸になってしまったりしています… リンクの練習 MAIL 〒170-0013東京都豊島区東池袋 項目項目項目 順序のある項目 順序のある項…

【実践 Webデザインに必要なこと】

【実践 Webデザインに必要なこと】Jimdoのホームページをまずは登録してみました。授業の復習をしてみました。 123 4567 891011 1213 1415

検索結果の上位表示

「Webデザインの勉強」と検索します こんな結果のサイトがあります。わたしのサイトです。 外部からのリンクはゼロです。もちろん自分からも。(過去にも一切していません。)サイト登録なども一切していません。ソースは以下のとおりです。 Webデザインの勉…

4月26日

Html Validator (バリデーター) HTML Validatorとは、W3Cが提供する無料のサービスで、HTMLやXHTMLを用いて作成された文書のマークアップが仕様に準拠しているかどうかを チェックしてくれるものです。フォームからローカルファイルをアップロード、もしくは…

【準備課題59〜60】

【準備課題59】・「address要素」には、何を記述すればよいか答えなさい。address要素は文書の内容に対する連絡先(問い合わせ先)の情報を示すブロック要素です。 ?【準備課題60】 ・ XHTMLまでは、情報の優先順位で直線的にマークアップします これをレイア…

【準備課題57〜58】

?【準備課題57】 ・現在では、ほぼ使われなくなった「font-size="3"」という相対指定 この相対指定には「1〜7」まであります 同様に、見出しは「h1〜h6」まで ・では、この7までと6までの違いはなぜか答えなさい。 ?【準備課題58】リスト「ul」と「ol…

【準備課題56】

?【準備課題56】 ・body要素の入力練習 本来、body内は必要充分なテキストが入力してあるところから進めることが理想です。その内容は「本文(ほんもん)」として、記述します。その中から、内容を一目で把握できるように「見出し」を立ち上げます。つまり…

【準備課題53〜55】

?【準備課題53】 ・その他のmetaの入力練習 <meta name="keywords" content=""> <meta name="description" content="">《課題》・この2つのmetaの要素には、それぞれ何を記述すればよいか答えなさい。 ※ ?【準備課題54】 ・link要素の入力練習 <link rel="stylesheet" type="text/css" href="css/base.css" media="screen,print">《課題》・このとき、「media="all"」と記述しない理由を答えなさい。 ※ ?【準備課</link></meta></meta>…

【準備課題52】

?【準備課題52】 ・meta(必須)の入力練習 ・equiv(イコールの意味) XHTML 1.0 Transitional 「空タグ」の記述 <meta http-ewuiv-"Content-Type" content-"text/html; charset-UTF-8" /> <meta http-equiv="Content-Style-Type" content-"text/css"/> <meta http-equiv-"Content-Script-Type" content-"text/javascript"/> HTML5 ・自明のものとして、CSSとJapaScriptが…</meta></meta></meta>

【準備課題51】

?【準備課題51】 ・DTDの入力練習 ・Strict が目指す方向ではありましたが、現在それにこだわる必然性はありません 。・HTML 4.01 Transitional・XHTML 1.0 Transitional IE6対策として、記述しないことの多い「XML宣言」ですが入力できるようにしましょう。…

【準備課題46〜49】

【準備課題46】 ・「ドメイン名」を「トップレベル」「第2レベル」「第3レベル」で、何を記述するかを説明しなさい。「トップレベル・TLD」には 分野別トップレベルドメイン(gTLD: generic TLD)と国コードトップレベルドメイン(ccTLD: country code TLD)とイ…

【準備課題41〜45】

【準備課題41】 ・「meta」の意味と役割を説明しなさい。メタ(meta)とは、「高次な」「超−」「−間の」「−を含んだ」「−の後ろの」等の意味の接頭語。 METAタグはヘッド領域に記述されるタグで、文書で使用されている言語や文字コードの指定、キーワードや説…

【準備課題32〜40】

【準備課題32】 ・「www」とは何か説明しなさい。WWWとは、World Wide Webワールド ワイド ウェブの略で、インターネット上で提供され るハイパーテキストシステム。 【準備課題33】 ・「http」とは何か説明しなさい。HTTPとはHyperText Transfer Protocol(…

【準備課題31】

【準備課題31】 ・「フェリカテクニカルアカデミーWebマスター養成科 受講場所 SHIMAビル」をGoogleマップでブログに表示させなさい。map:x139.715466y35.724398:map:h300

【準備課題25〜30】

【準備課題25】 ・「王様の耳はロバの耳」の王様とは誰のこと? 王様はギリシャ神話のミダス王です。 【準備課題26】 ・「印象派」の絵画とは、どんな絵画のことか説明しなさい。印象派の絵画とは、光の動きや変化の質感をいかに絵画で 表現するかに重きを置…