Web白描

Webサイト制作科補足メモ

HTML

縦ナビゲーション

ナビゲーション マウスクリックにより、次の情報に遷移可能であることを認知させる仕組み 文字以外の領域面ををクリック可能にするためには「display: block」が必須 縦ナビゲーション 文字が並ぶだけの場合、「li」に文字サイズとリスト間の空きを指定する …

CSS ★演習

演習 CSSの記述は、内部参照(embed)で記述 問題 CSS1 #1B888D #355584 <body> <h1>style要素</h1> <h2>style element</h2> <p>HTML文書内にまとめて設定します。</p> </body> 問題 CSS2 幅の指定は不要 #91BC86 #BC908F #F5F5DB <body> <h1>About wine</h1> <h2>Chianti Classico Riserva</h2> <p>1435年創業の由緒あるワイン</p></body>…

HTMLを書く- 文書構造(ページの内容)

bodyの中に何を書くか ページのテーマ内容の「文書構造」を記述します パラグラフ・ライティング shouronbun.com テキストP.20〜43 見出し heading(1〜6) 一般的には、「h1」〜「h4」までを使用します 段落(本文) paragraph パラグラフの最も重要なポイ…

HTMLを書く- 基本構造(ページの枠組み)

HTML Hyper Text Markup Language の略 HTMLドキュメント 新規ドキュメント作成 拡張子を「.html」として保存する 基本構造を入力する 基本構造 入力は、必ず「開始タグ」→「終了タグ」という順序で入力する DOCTYPE宣言 文書が「HTML5「で記述したることを…

HTMLの基本構造のマークアップ

HTML基本構造のマークアップ 全てのHTMLドキュメントに必須 HTML5のDOCTYPE宣言 lang属性:ページの主要言語を指定する HTML5の文字コードセットは原則「UTF-8」 ページタイトル:30字から40字で重要な後から始める <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの基本構造</title> </head> <body> </body> </html> CSSファイルの読…

HTMLの入力

入力練習の準備 管理フォルダーを作成(このとき、日本語使用不可) Cドライブ直下に「myName(自分の名前を英字で)」フォルダーを作り管理しなさい その中に「日付フォルダー」を作り、データを管理します(最初の段階では日付、後にプロジェクト名で管理…

文字を入力する

テキストエディター 文字を入力するツール(基本的に、メモ帳以外を使用します) Adobe Brackets(ブラケッツ) brackets.io 管理フォルダーを設定 「Getting Started」をクリックし、管理したいフォルダーを選択します 入力データを保存する準備 管理フォル…

制作環境を整えよう

準備するもの 自宅学習用のパソコン ブラウザー(Google Chrome) テキストエディタ(Adobe Brakets) 画像編集ソフト(無料版、体験版、有料版のいずれか) テキストエディター 初期の段階で「HTML」を記述する練習には「メモ帳」ではないエディターが必要…