読者です 読者をやめる 読者になる 読者になる

96's blog

WEBサイト制作科 6ヶ月コース

HTML

ノーマライズCSS

ブログ・HTML5の勉強「1カラム」 ノーマライズCSSとは デフォルトスタイルシートのブラウザ間の誤差をなくして補正(ノーマライズ)する、とのこと。 リセットCSSが適切に設定できれば、使わなくてもいいかな? サンプル ノーマライズCSSファイルはこちらか…

Twitter Bootstrap02

8 プログレスバー HTML <htmllang="ja"> <head> <title>Bootstrap 101 Template</title> <metacharset="utf-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkhref="css/bootstrap.min.css"rel="stylesheet"> </linkhref="css/bootstrap.min.css"rel="stylesheet"></metaname="viewport"content="width=device-width,></metacharset="utf-8"></head></htmllang="ja">

Twitter Bootstrap

BootStrap Download Bootstrapからダウンロード Getting started→Basic templateのソースを新規HTMLファイルに貼り付け ドットインストール→Bootstrap 3.0入門 (全18回) Twitter Bootstrapとは Webデザインのテンプレートのようなもの。 具体的には、HTMLの…

HTML08(レイアウトサンプル)

ブログ・Webデザイン初心者の勉強「サンプルE」 <htmllang="ja"> <head> <metacharset="UTF-8"> <title>jQueryの練習</title> <linkrel="stylesheet"href="style.css"> <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></script>

HTML07(カラムレイアウト)

ブログ・HTML5の勉強「グリッドレイアウト」 headerとnavはたて並びで。 制作したもの↓ 左1列と右2列にdivを分けて、中にheader、nav、sectionを配置。 小さい画像はそれぞれの中でさらにfloatさせてます。 navの中をul・liで作ったものをsectionの画像に…

HTML06(HTML5のまとめ問題、新機能を使ったフォーム)

まとめ問題 問題:ブログ・HTML5の勉強「まとめ(1)」 解答:ブログ・天下一web道会「HTML5 まとめ(1)」 フォーム ブログ・HTML5の勉強「フォーム関連機能(1)(2)(3)」 patternの中身は正規表現と呼ばれるもの。検索すると出てくる。

HTML05(HTML5 旧バージョンの対応、新しいマークアップの使い方)

旧バージョンのHTMLをHTMLの書式に変更 DreamWeaverで開く。 プロパティを表示 ページプロパティをクリック タイトル・エンコーディングでHTML5を選択し、適用・OK。 section~その区切りはアウトラインのですか?レイアウトのですか?~ sectionは文章構…

HTML04(HTML5)

HTML5について 2014勧告。 class名に半角スペースの使用が可能。でも今の段階ではまれ。 dirは扱いづらいので使わない方向で。 headにIE対策のJavaScriptとstyleを記述する。 ただし今現在のやり方なので、今後の動向をチェックしておく。 HTMlの記述 bodyの…

HTML03(サイト制作で大切なこと)

HTMLはアウトライン構造が命 サイト制作での最重要事項は、情報を伝わりやすい文章構造で組み立て、これに沿ってHTMLでマークアップすること。 そのためには、まず中身となる情報を見て構造を把握する。 具体的にはツリー構造。本でいえば、 1.本のタイトル…

HTML02

HTMLは文章構造 webサイトのデザインはまず文章構造の設定から。 あとから手直ししようとすると全体を作り直すことになる。 仕事の現場では、クライアントからの原稿をweb用に組み直すことも必要。 HTML5の一番の意義は、それまでのバージョンであいまいだっ…

HTML01

作業データはCドライブ直下に保存。(壊れにくい) ファイル名は半角アルファベットで。(文字のエラーを回避) USBでバックアップを取る。 TeraPad [EOF]=End Of File。 <head>UA(ユーザーエージェント)。ブラウザに対し表示方法を示す。 文字コードSJISはす</head>…