XHTML+CSSで作るWebサイト講座

XHTML+CSSで作るWebサイト

XHTML+CSSで作るWebサイト初級編で学習する内容

XHTML+CSS初級編

XHTMLとCSSのテンプレートを活用し、ほんの少し修正を加えるだけで、ビジネス用のWebページとして公開できる、効率的な作成方法を学習します


Lesson1 Webサイトの構成

Webサイトの構成

WWWサーバとは

URL(Uniform Resource Locator)とは

 

Lesson2 Web サイト作成の流れ

Webサイトの公開目的の明確化

Webサイトの掲載内容の準備

Webサイト公開の準備

Webサイトデザインの検討

Webページの作成

 

Lesson3 XHTMLの基礎知識

XHTMLファイルを作成するステップ

 

Lesson4 テンプレートをダウンロード

テンプレートのダウンロード

フォルダの作成

 

Lesson5 ホームページ・ビルダーで編集

初期設定

テンプレートを利用してXHTMLの編集

ファイルを開く

Lesson6 CSSファイルの関連付け

CSSファイルの作成

CSSの関連付け

CSSをはずす方法

CSSとの関連付けの再設定

 

Lesson7 テンプレートの編集

head 要素の編集

Web ページのタイトル(見出し)の記述

サブメニューを追加する

「著作権名」の変更

その他のページの変更

 

Lesson8 画像の編集

ヘッダー画像の変更

画像編集の準備

オリジナル画像の作成

ページタイトルの記載

 

Lesson9 CSS(スタイルシート)の編集

CSS を開く

トップページ[index.html]のCSSを編集する

バナーのリンク先と文字の装飾を変更する

 

学習の目安 12時間


XHTML+CSSで作るWebサイト中級編で学習する内容

XHTML+CSS中級編

XHTMLとスタイルシートの使い方や記述方法、XHTMLとCSSの関係や役割を理解し、ビジネスの場に活かせるWebページを実践的に作り上げながら知識を習得します。


Lesson1 Webサイトの作成準備

保存先フォルダの作成

XHTML ファイルの新規作成

CSS(スタイルシート)の外部ファイル作成

XHTML ファイルとCSSファイルの関連付け

 

Lesson2 レイアウトの基本

レイアウトを<div>で作成

デザインをCSS(スタイルシート)で作成

float で左右に配置

横幅の指定

 

Lesson3 ラインの作成

ラインの作成

背景の指定

 

Lesson4 タイトルと見出しの作成

タイトルの記述

見出し本文の記述

 

Lesson5 箇条書きの作成

ulタグとliタグで箇条書き

Lesson6 Class属性の活用方法

divタグとclass属性

 

Lesson7 フォントサイズと色の変更

CSS(スタイルシート)を指定する3 つの方法

テキストの色の指定

 

Lesson8 marginとpaddingの活用方法

余白の指定

全ての余白をリセット

「padding」と「margin」のおさらい

上下左右の余白を個別に指定

 

Lesson9 文章の配置

文章の配置の指定

 

Lesson10 テンプレートの完成

Webページを中央へ配置

 

Lesson11 Webページの作成

XHTMLソースの貼り付け

レイアウトの基本構成

リンクでWebページを関連付け

 

学習の目安 15時間



講習依頼について

  1. 「お申し込み」メールフォームに、ご依頼内容と連絡先など記入してお送りください。
  2. 後日、担当者よりメールまたは電話にてご連絡いたします。
  3. 依頼内容・料金のお打合せをおこない、日程調整をいたします。
  4. ご予約いただいた日時に出張訪問または、ネット授業をおこないます。
  5. グループ講習の場合は事前の確認メールで受付となります。

※料金の目安は「出張訪問サポート料金」 「ネット授業料金」をご覧ください。

※事前の打合せで講習内容と料金を明確にいたします。

※不明の点はお気軽に「お問合せ」ください。


出張訪問サポート
ネット授業
お申し込み
お問合せ