このページの短縮URL(リンク用) 第03章:サイト作成に関する重要知識 – オンライン無料パソコン講座 | PCセミナー

第03章:サイト作成に関する重要知識

第03章:サイト作成に関する重要知識」の学習内容です。

§03-01…ブラウザーの種類

(01) これまでは作成したWebページをInternet Explorer(IE)で閲覧・確認してきました。しかしながら、IEには「8~11」など複数のバージョンが存在し、バージョンによっては作成したページのレイアウト...

§03-02…CSSを適用しないでブラウジングする

(01) OperaやFirefoxでは、Webページを閲覧する際に、CSSを適用させないようにすることができます。Firefoxで[表示]メニューから[スタイルシート][スタイルシートを使用しない]をクリックしましょう...

§03-03…CSSの初期化・基本設計

(01) さて、OSやブラウザーなどの環境により、初期状態でのフォント・margin・paddingなどの仕様が若干異なります。できる限りその差異を埋めるためには、CSSの先頭に以下のような記述をしておきます(「tran...

§03-04…HTMLにコメント

Webページ側にコメント(表示されない文字列)を書き込みたい場合にはコメント文字列を「 <!–あいうえお–> 」のように、「<!–」と「–>」の中に...

§03-05…CSSにコメント

CSSファイル側にもコメントを書き込むことができます。CSSファイルにコメントを書き込む場合には先頭に「@charset “shift_jis”;」と入力した状態で 「/*あいうえお*/」のように...

§03-06…1つの要素に複数のclass属性を設定する【参考学習】

ひとつの段落に複数のclass属性を設定することができます。属性値を半角スペースで区切るだけです。以下の例では、「main」と「sub」という二つのclass属性を持つ段落を作成したことになります。 <h2 cla...

§03-07…CSSの文法チェック(CSS Validator)

(01) CSSの文法が間違っていないかを調べることができるWebサービスもあります。「W3C CSS 検証サービス」を開きましょう。URLは 「http://jigsaw.w3.org/css-validator/」で...

§03-08…CSSの優先順序1

(01) CSSの書式情報は、下にあるものが優先されます。 h2{ padding:1em; } h2{ padding:0.5em; ←優先 } (02) また、HTMLファイルは複数のCSSを読み込むことができます。...

§03-09…CSSの優先順序2【参考学習・id属性について】

(01) class属性と同様に扱える属性として、id属性があります。ただしHTMLファイル内で一度使ったid属性値は同じファイル内では使えません。class属性値のように同じページ内で重複値は取り扱えません。 <...

§03-10…文字のサイズと画面サイズについて考える

(01) ユーザーによりブラウジング環境は異なります。様々なOS・ブラウザー・通信回線・ハードウェアからあなたのWebサイトが閲覧されることが想定されますが、特に気をつけておくべき点として、モニタの環境があります。特に横...