2012-04-01から1ヶ月間の記事一覧
テキストリンク 画像リンク メールリンク <a href="移動先のアドレス">○○○のページへ移動</a> <a href="移動先のアドレス"><img src="画像の場所" width="幅" height="高さ" alt="大替え文字"></a> <a href="mailto:xxx.net">お問い合わせ(メールソフトが起動する)</a>
以下の内容をHTML文章にしてブログに載せなさい DTDは「XHTML 1.0 Strict」 DTDがわからない場合は、テキスト「上級レイアウト」を読むこと Layout WorkflowNavigationA1 NavigationA2 NavigationA3 NavigationA4 NavigationA5スタイルシートによるレイアウ…
<html> <head> <title>HTML03</title> </head> <body> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dl> <dt>2012年4月25日オープン</dt> <dd>復刻版の商品が再入荷しました。</dd> <dt>2012年4月26日</dt> <dd>クロックスが入荷しました。</dd> <dt>2012年4月</dt></dl></body></html>…
<html> <head> <title>HTML02</title> </head> <body> <h1>デザインの話</h1> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。</p> <h2>パッケージの色</h2> <p>パッケージにはいろいろな色があります。歴史とと</p></body></html>…
<html> <head> <title>[HTML01]文書構造の練習</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序ある検証の項目</li> <li>順序ある検証の項目</li> <li>順序ある検証の項目</li> </ol> <img src="~~~~" width="100" height="100"> <dl> <dt>9月2…</dt></dl></body></html>
CSS05 背景色と余白 <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css"> body{ padding:3em; margin:0px; } h2{ font-size:1.1em; color:white; background-color:#3914af; margin:0px; padding:1em; } p{ background-color:#dccbff; margin:0px; padding:1em; } </style> </meta></head>
リンクの背景色(擬似クラス) <html xmlms="http://www.w3.org/1999/xhml" lang="ja" xml:lang="ja"> <head> </head></html>
CSS課題:文字の修飾 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 CSS01「文字色と背景色」 <DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS01</title> <style> h1{ font-size:36px; color:#FF8856; } h3{ font-size:px; backgr</meta></head></html></doctype>…
window.document.write("~~"+~~+"~~") 文字と変数をつなげる。 今度は「//」忘れましたが表示されました。
<html lang="ja"> <head> <meta charset="UTF-8"> <title>JS01</title> </head> <body> <script type="text/javascript"> <!-- var num1=10; var num2=8; var num3=12; var num4=4; var total=num1*(num2+num3)/num4; window.document.write(total); //--> </script> <noscript> </noscript> </body> </html>
TV電話を売りたいのですが相手は誰がよいでしょう?テレビに付けてお年寄りに売る。 だんだん周りのお年寄りも減ってくる 体が弱ってくると外に出る機会が減る 一家に一台あるので、取り入れやすいと思うんですが電話でいいじゃんってなりそうですが、通話料…
CMS Content Management System の略 サイト作成の際決まった作業などを簡素化するシステム CMSとは - はてなキーワード「Jimdo」ホームページ作成サービス|誰でも簡単・無料HP - Jimdo
「Webデザインの勉強」と検索しますこんな結果のサイトがあります。わたしのサイトです。 外部からのリンクはゼロです。もちろん自分からも。(過去にも一切していません。)サイト登録なども一切していません。 ソースは以下のとおりです。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="description" content="Webデザインの勉強"> <meta name="keywords" content="Webデザインの勉強"> <title>Webデザイ</title></meta></meta></meta></head></html>…
【準備課題57】現在では、ほぼ使われなくなった「font-size="3"」という相対指定 この相対指定には「1〜7」まであります 同様に、見出しは「h1〜h6」まででは、この7までと6までの違いはなぜか答えなさい 7までと6までの違いがわかりませんでした。「f…
本来、body内は必要充分なテキストが入力してあるところから進めることが理想です。 その内容は「本文(ほんもん)」として、記述します。 その中から、内容を一目で把握できるように「見出し」を立ち上げます。 つまり、見出しで表すことのできる、文節の塊…
title要素 文章の表題を示す タイトルバーに表示される。 文字コードを指定する場合はその下に記述する。 <head> <meta equiv="Content-Type" content="text/html;charset=UTF-8"> <title>~~~~</title> </head>
link要素の入力練習 <link rel="stylesheet" type="text/css" href="css/base.css" media="screen, print"> 《課題》 このとき、「media="all"」と記述しない理由を答えなさい。 不要なデバイスを省きスタイルシートの読み込むロスを抑えるため。 適応するメディアの種類を指定している。 参考サイト link要素|(X)HTML辞典 CSS 概説 | Media Ty</link>…
<meta name="keywords" content=""> <meta name="description" content=""> 《課題》 この2つのmeta要素には、それぞれ何を記述すればよいか答えなさい。 Keywords <meta name="keywords" content="キーワード1,キーワード2,キーワード3"> -検索キーワードの単語 左ほど重要なキーワード Description <meta name="description" content="~~"> ページの概要を記述する</meta></meta></meta></meta>
XHTML 1.0 「空タグ」とはタグの最後を /> で終わらせるタグ <meta http-equiv="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とJavaScriptが利用されていることは記述しない </meta></meta></meta>
Document Type Definition 書き方を定義するファイル どのようなタグや属性が使われているかの定義 スキーマ言語 HTML 4.01 Transitional <html lang="ja"> XHTML 1.0 Transitional </html>
SEO対策SEO(検索エンジン最適化)とは - IT用語辞典 e-Words
プロモーション パッケージの補色効果(黄色と青紫) 大衆が好む味 青と黄色は補色であるので。 参考サイト 補色同士を隣接させると、お互いの彩度が増したように見える。 http://www.sipec-square.net/~mt-home/students/miyazono/project/sakkaku/page01.h…
Uniform Resource Locatorの略インターネットにおける情報の「住所」にあたる。 情報の種類やサーバ名、ポート番号、フォルダ名、ファイル名などで構成される。URL(Uniform Resource Locator)とは - IT用語辞典 e-Words
Hyper Text Transfer Protocolの略サーバー(Webサーバー)とクライアント(Webブラウザ)が、HTML文書をはじめとした各種情報をやり取りするために利用する通信プロトコルのことである。HTTPSという暗号化された通信手段もある。HTTPとは 「ハイパーテキス…