html
サイトの構築 ページ構成を図にする 各ページの、共通部分を作る。(見出し、ナビゲーション、サイドメニュー） 各ページ毎の、内容部分を作る。(コンテンツ） 自分めも。次は・・・ 構成をつかむ。図にするとき。サイトが大きくなるほど、全体と個別になる部…
サイトの構築 ページ構成を図にする 各ページの、共通部分を作る。(見出し、ナビゲーション、サイドメニュー） 各ページ毎の、内容部分を作る。(コンテンツ） 自分めも。次は・・・ 構成をつかむ。図にするとき。サイトが大きくなるほど、全体と個別になる部…
フォームのメニュー ウィンドウ→挿入(パネル) そのほか、挿入→フォーム→各フォーム関連タグ プロパティパネルの入力 テキスト→パスワードに変更 ライブビュー ソースコード "ブラウザ表示" <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
googleドキュメントより、フォームを作成。生成されたiframeのタグを埋め込んで使う。 iframe内はgoogleの別ファイルなので、こちらのファイルからcssが適用出来ませんでした。 ソースコード ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>googleフォーム埋め込み</title> <style type="text/css" media="screen,print"> body{ background: #f</meta></head></htm>…
googleドキュメントより、フォームを作成。生成されたiframeのタグを埋め込んで使う。 iframe内はgoogleの別ファイルなので、こちらのファイルからcssが適用出来ませんでした。 ソースコード ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>googleフォーム埋め込み</title> <style type="text/css" media="screen,print"> body{ background: #f</meta></head></htm>…
フォームのメニュー ウィンドウ→挿入(パネル) そのほか、挿入→フォーム→各フォーム関連タグ プロパティパネルの入力 テキスト→パスワードに変更 ライブビュー ソースコード "ブラウザ表示" <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
フォームは情報の流れが逆方向。 通常ブラウザ・サーバーを介して、情報を受け取っている。 フォームは、ブラウザ・サーバーを介して、CGIに情報を渡したり、処理させる。formはブロック要素。input等のコントロール、label、submit等を含む１つのコンテンツ…
基本形１ ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } label{ margin-bo…</meta></head></htm>
テーブルによる整形 ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム2</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } form{ widt…</meta></head></htm>
検索フォーム ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>検索フォーム</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } #serch{ marg…</meta></head></htm>
テーブルによる整形 ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム2</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } form{ widt…</meta></head></htm>
基本形１ ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } label{ margin-bo…</meta></head></htm>
検索フォーム ブラウザ表示 <htm lang="ja"> <head> <meta charset="UTF-8"> <title>検索フォーム</title> <style type="text/css" media="screen,print"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; } #serch{ marg…</meta></head></htm>
フォームは情報の流れが逆方向。 通常ブラウザ・サーバーを介して、情報を受け取っている。 フォームは、ブラウザ・サーバーを介して、CGIに情報を渡したり、処理させる。formはブロック要素。input等のコントロール、label、submit等を含む１つのコンテンツ…
時間をかけたのが、ファイルの管理 ファイルの名前を共通にすれば、あとあと使いやすかった。 見出しの追加と、背景や色を入れていきます。 DW 数が多いリンク、画像の設定に、ツールとして便利。 土台になるhtmlとブロックにするのは、手打ちの方が作りやす…
参考 公開識別子(前半"-//W3C//~") 宣言するDTDがどんなものか システム識別子（後の"http://~"）DTDのあるURI xhtmlでは、システム識別子が必須 そこでDOCTYPEをタイプミスして、最高のマイナス７００点台とったコード。 まちがいコード <DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> びっくりマ…</doctype>
61 ウェブデザインの勉強 で上位表示されるこのサイトの理由はなぜか。 リンクなし。というかbodyの中に表示されるものないじゃん！ サイト登録もなし。サイトタイトル「デザインの勉強」で検索すると、なぜ上位表示されるのか。 <html lang="ja"> <head> <title>Webデザインの勉強</title> <meta name="description" content="Webデザインの勉強"> </head> <body> </body> </html> …
カレーは作って食べてみて匂い感じるリアリティ。 57 fontsize="数値"という相対指定がある。 この相対指定には1~7まである。 同様、見出しはh1~H6まで。 なぜ7と６で違いがあるのか？ フォントのサイズは文字の大きさの指定。それが１〜７まである。 見出し…
body と head head(不可視) ブラウザが理解するための部分。 ユーザーエージェントが表示するための条件。 外部との関連付け。 body(可視) 見に来た人が見る部分。 検索エンジンが、情報をもってく（インデックスする）部分。 51 DTDの比較 HTML 4.01 Transi…
<html lang="ja"> <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> <p></p></body></html>
講義内容から パラグラフとは 一つのテーマを示すまとまり。見た目の文章のまとまりではない。 トピックセンテンツ→見出し パラグラフの内容を一言で表すもの 本文・段落 並列した重要度の文（番号なしリスト） 時系列の文、レシピとか（番号リスト） 論理構…
html基本構造から用意 HD直下に管理フォルダ作成(書類フォルダは壊れやすい) ※macでデスクトップにHDが表示されない場合 finder→環境設定→一般→デスクトップに表示する項目を選択 文書構造とは ページ内容のツリー構造。パラグラフの概念の理解。 タイトル表…
講義内容から htmlを記述することは、見知らぬ誰かとつながること 個人サイトでも、リンクをたどってその情報を知りたい人の役に立つことが出来るかも知れない。 誰かの役に立てる→自分の価値を誰かが認めてくれる。 誰かを意識して発信することにより、初め…
＞＞｜ruby｜これで囲んだところがハイライトされて出て来る仕組み｜｜＜＜ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html";charset="UTF-8"> <title>テキストエディタについて</title> </meta></head></html>
