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とスタイルシートの使い方や記述方法、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時間
※料金の目安は「出張訪問サポート料金」 「ネット授業料金」をご覧ください。
※事前の打合せで講習内容と料金を明確にいたします。
※不明の点はお気軽に「お問合せ」ください。