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

ハロートレーニングWebデザインの勉強 Webデザイン フェリカテクニカルアカデミーWebサイト制作科

HTML

文法チェック

文法チェック テキスト、P.058-059 Markup Validation Service validator.w3.org URLでチェック ファイルをアップロード 直接データを入力 文法チェックをする理由 CSSを記述する前には正しい文法で記述されているかのチェックが必要です 文法ミスがあった場…

HTML記述演習

HTML記述演習 石垣島観光ガイド 石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気候は亜熱帯気候で、1年を通じて平均気温は27度もあります。亜熱帯気候のため、マング…

マークアップ - 実習手順

実習 テキストP.020〜033 以下のテキストを利用し、正しいツリー構造になるようマークアップの練習を行います 最初からテキストを真似るのではなく、自分なりの考え方マークアップをし、検証(バリデート)しながら修正をしていきます 新規ドキュメント作成 …

復習 - 正しい文書構造とページ遷移

セマンティックなマークアップ セマンティック=意味をきちんと考えた(例: そのテキストは「見出し」なのか「通常のパラグラフ」なのか、見出しならばh1~h6要素のどれでマークアップすべきか) セマンティックなマークアップによって、そのページは自然と…

HTML - 要素の入れ子(ネスト)と子孫関係

要素の入れ子(ネスト)と子孫関係 テキストP.035 HTML文書全体が、html要素を最上位(ルート)の先祖要素とする入れ子によるツリー構造になっています このとき注意が必要なのは「div要素」は、レイアウト指定のためのグループに利用するだけでツリー構造に…

HTML - 箇条書きと表組みとリンク

箇条書き <ul> <ol> <dl> テキストP.30〜32 必然性のある箇条書きを利用する ul(unordered list)順序が置き換わっても意味が伝わる並列な内容に使う。 行頭マークは「黒丸」 <ul> <li>私が好きな真っ赤なりんご</li> <li>あなたが好きなのはバナナ</li> </ul> ol(ordered list)順序が置き換わっ</dl></ol></ul>…

HTMLの概要

HTMLの役割 HTML(Hyper Text Markup Language) Webページを表示するためのマークアップ言語のひとつ マークアップとは、コンテンツの始めと終わりにタグと呼ばれるしるしを付けて、その部分になんらかの「意味付け」をすることを指します HTMLの基本構文 …

HTMLの入力

HTMLの入力 1. 新規HTMLファイルを作成します Bracketsで新規ファイルを作成し、「index.html」というファイル名で所定のフォルダーに保存します 2. 最低限必要なHTMLの骨組みを書きます HTMLは、「タグ」というしるしを使って書いていきます 「タグ」は、原…

HTMLを入力する準備

文字を入力するツール テキストエディター Adobe Brakets Bracketsは、HTML/CSS/JavaScriptで開発されている、HTML/CSS/JavaScript用の新しいオープンソースコードエディターです Webページ作成時点でDreamweaverに入ります Webに特化した機能群 高度な…

HTML - レッスンを始める前に

パソコンでの文字入力に慣れる 授業開始、5〜10分程度入力の練習をします コードドリル アカウント登録後、ログインをすると、以下のようになります。 通常は、アカウントなしでも入力練習はできます。 HTML&CSS|タイピング|mr100 Webクリエイター能力認定…