HTML/CSS/XHTMLの使い方

HTML/CSS/XHTMLの使い方が簡単に解ります!

まず最初に、HTMLは、そんなに難しいものではありません。動画ビデオなら、初心者にも簡単に学ぶことができます。メモ帳だけあれば、他には特別なソフトは必要ありません。そして、HTMLとCSSについて知ると、ウェブサイトを作る力が格段にアップします。HTMLはウェブで仕事をする上で、様々な分野で役に立つからです。「397時間動画パソコン教室2013HTML/CSS/XHTMLの使い方では、最新のXHTMLやCSSについて学ぶことができます。

  • たった一日でホームページ作成の能力が身につきます。
  • 安易なホームページビルダーに頼らず、白紙の状態からサイトを作ります。
  • HTML/CSS、さらに最新のXHTMLの使い方が手に取るように解ります。
  • 三つのサイトを作る実践講座でしっかりしたサイト作成の知識が身につきます。
  • イメージしたサイトが自分で間単に作れるようになります。
  • この動画辞典は、HTML逆引き辞典と同様で、使い方が一目で理解できます。

HTML/CSS/XHTMLの使い方!動画の内容

動画でわかるHTML/CSS/XHTML講座は【11時間】に及ぶ動画での解説となります。

タグの役割を知ろう

ホームページを作る準備をしよう

ファイルの種類がわかるようにするには <拡張子の表示>
HTMLファイルを保存するフォルダを作るには <作業フォルダの作成>
HTMLファイルを作るには <HTMLファイルの作成>
HTMLファイルを更新するには <HTMLファイルの更新>

ホームページに表示する文章を作ろう

ホームページの基本部分を作るには <基本タグ>
日本語が正しく表示されるようにするには <文字コードの指定>
ホームページにタイトルを付けるには <ホームページのタイトル>
いろいろな見出しを付けるには <見出し>
本文を入力するには <段落と改行>
一部の文字を強調するには <文字の強調>
箇条書きのリストを作るには <リスト>

リンクを張ってホームページをつなげよう

ほかのホームページにリンクを張るには <外部へのリンク>
見出しにリンクを張るには <見出しへのリンク>
メールを送ってもらえるようにするには <メールアドレスへのリンク>

スタイルシートでデザインを整えよう

スタイルシートを使う準備をするには <スタイルシートの基本設定>
背景の色を変えるには<背景色>
文字の色を変えるには<文字色>
見出し文字の大きさを変えるには<フォントサイズ>
行間を空けて読みやすくするには<行間の調整>
ページの左右に余白を作るには<余白の設定>
強調文字の見た目を変えるには<フォントのスタイルと太さ>
リンクの設定された文字の色を変えるには<リンク色の変更>
スタイルシートだけのファイルを作るには<CSSファイルの作成>
CSSファイルを編集するには<CSSファイルの利用>

ホームページに画像を表示しよう

ホームページに画像を表示するには<画像の表示>
文字を画像の横に回り込ませるには<画像の配置と回り込み>
画像と文字の間を空けるには<余白の設定>
タイトルロゴを表示するには<タイトルロゴの表示>
アイコン画像を表示するには<アイコン画像の利用>

表を使って項目を見やすくしよう

項目を表にして表示するには<表の利用>
表組を線で区切るには<表の枠線>
表の見出しを目立たせるには<見出しセルの設定>
表に全体の説明文を付けるには<キャプション>
セル内の余白を設定するには<余白の設定>
セルの幅を変えるには<セルの幅>
スタイルシートで表を飾るには<スタイルシートの利用>

たくさんのページでホームページを構成しよう

トップページを作るには<トップページの作成>
サブページを作るには<サブページの作成>
リンク集を作るには<リンク集の作成>
プロフィールページを作るには<プロフィールページの作成>

動画でわかるhtml/css上級【3時間】

01 スタイルシートとは何か?今後のネットビジネスの展望
02 terapadのインストール
03 terapadを簡単に立ち上げる方法
04 スタイルシートを使う方法
05 スタイルシートの内容を見るどういう仕組みなのか?スタイルシートを使う準備をしていく
06 htmlの中身を確認する
07 cssファイルを作る方法と、cssの中身について
08 リンクタグを使って、htmlとcssを結びつける基本的なデザインを覚えよう
09 文字をデザインしたページを見てみよう<基本的なスタイルシート>
10 文字に色を付けるには<文字色>
11 文字の大きさを変えるには<フォントサイズ>
12 文字の種類を変えるには<フォントの種類>
13 文字を太くするには<フォントの太さ>
14 文字を斜体にするには<斜体>
15 行間を広げるには<行間の調整>
16 大見出しの文字を中央揃えにするには<左右の揃え方>
17 大見出しを白抜きにするには<見出しの背景色>
18 小見出しを枠線で囲むには<枠線>
19 特定の語句に色を付けるには<インライン要素のデザイン>
20 ページのまわりに余白を空けるには<ページまわりの余白>
21 段落の先頭に字下げを設定するには<字下げ>
22 画像のまわりに文章を回り込ませるには<画像の配置位置>
23 さまざまなリンクのデザインを見てみよう<リンク>リンク文字の色を変えるには<リンク文字の色>
24 リンク文字の下線を消すには<リンク文字の装飾>
25 マウスポインタを合わせたときのリンクのデザインを変えるには<マウスオーバー>背景をデザインしよう
26 背景に画像を設定したページを見てみよう<背景>ページの背景に画像を敷くには<背景画像>
27 背景画像を1つだけ表示させるには<背景画像のくり返し>
28 背景画像を表示する位置を変えるには<背景画像の表示位置>
29 背景画像を動かないようにするには<背景画像の固定>
30 サンプルファイルの他のページ<複数ページの確認><デザインの統一>他のフォルダのファイルを使うには<相対パス>
31 作成したCSSファイルを別のページにリンクさせるには<複数ページへの組み込み>
32 複数のページのデザインを変えてみよう<複数ページの変更>
33 表の枠線の見た目を変えるには<表の枠線のデザイン>
34 表の枠線の太さを変えるには<表の枠線の太さ>
35 セルに色を付けるには<セルの色>
36 セル内の文字の揃え方を変えるには<セル内の表示位置>
37 表の枠線を一本線にするには<表の枠線の表示形式>
38 入力フォームに入力したときの文字色を変えるには<フォームの文字色>
39 入力フォームに背景色を付けるには<フォームの背景色>
40 入力フォームの枠線のデザインを変えるには<フォームの枠線>
41 段組みのレイアウトを取り入れよう<段組み>
42 ページの中身をブロックに分けるには<divタグ>
43 段組みを作るには<floatプロパティを使った段組み>
44 クラスの説明 特定の要素
45 小見出しごとに違うデザインにするには<クラス>
46 ブロックの中のデザインを変える方法
47 特定のリンクの色だけを変える
48 他のページにメニューを追加するには<メニューブロックの追加>

動画でわかるxhtml/html/css【4時間】

00 イントロダクション はじめにご覧ください
01 ホームページを設計するには ブログとSEOについて
02 テキストエディタを使ってページの土台を作る
03 テキストエディタを起動して呪文を書く
04 ファイルを名前をつけて保存する
05 呪文がきちんと書けているか確認する
06 呪文の構造を見る
07 ウェブページにタイトルをつける
08 コンテンツを作っていく
09 今書いたコードをブラウザで見てみよう文章を表示する
10 コラム XHTMLとhtmlの違い、タグと要素
11 コピーライト(著作権)を表示する
12 文字の大きさを変える
13 スタイルシートの基本、cssデザイン設定の書き方
14 フォントの種類を変える方法
15 すべての文字の色を変えるには
16 一部の文字色を変える方法
17 文字を強調する方法
18 文字の斜体を解除する
19 文章のコンテンツを作っていこう
20 中見出しの文章を増やす
21 さらに中見出しの文章を増やす、コンテンツの見出しの大きさを指定、中見出しの大きさを指定
22 改行をする
23 行の間隔を広くする
24 リンクを作る ページをリンクで結ぶ
25 リスト形式でメニューを作る
26 メール送信用のリンクを作る
27 リンクの色を変える
28 リンクにカーソルを重ねたときの色を変える
29 一部分のリンクの色を変える
30 メニューを横に並べて表示する
31 リンク部分の下線を消す方法
32 トップページに戻るリンクを用意する
33 コンテンツ全体を罫線で囲む
34 Divについて解説する
35 背景に色をつけるには
36 メニューバーを作成する
37 ヘッダーバーを作成する
38 見出しにマークをつける方法
39 見出しに下線を表示する
40 画像を追加する、alt属性を設定する
41 サイトに画像を追加する
42 一部の画像のレイアウトを変更する
43 コンテンツの横幅を指定する
44 文字や画像を中央揃えで表示する
45 段落などを画面の中央に配置する
46 コンテンツの感覚を調節する
47 テーブルを作成する
48 テーブルのデータを書く場所を用意する
49 文字と罫線の間隔を指定する
50 テーブルの大きさを指定する
51 文字の位置揃えを指定する
52 テーブルの背景色を指定する
53 罫線のデザインを指定する
54 罫線をつなげて表示する
55 コメント送信フォームを作成する
56 フォームのデザインをアレンジする方法
57 サイト完成!サーバーにアップロードしよう!
58 ページの左側にメニューを表示する

動画でわかるhtml/css/逆引き大辞典【1時間】

●基本的な内容

HTMLのバージョンを示す
最低限必要な要素
全体の文字色を設定する
全体の背景色を設定する
全体の背景画像を設定する
目的に応じて範囲を設定する
コメントを入れる

●文書情報

タイトルを付ける
文字コードを示す
キーワード・内容の紹介・制作者名を入れる
スタイルシートやスクリプトの言語を示す
基準URLを設定する
自動的にページを読み込む

●テキストの種類

見出しを表す
段落を表す
連絡先を示す
強調する
短い引用文を表す
長い引用文を表す
出典(参照先)を表す
略語を表す
追加したことを示す
削除したことを示す
定義対象の用語であることを示す
プログラム関連のテキストを表す
ルビをふる
特別な文字を表示させる

●スタイルとレイアウト

改行させる
横罫線を入れる
テキストのスタイルを指定する
空白や改行をそのまま表示させる
センタリングする
行揃えを指定する
文字色を指定する
フォントの種類を指定する
フォントサイズを指定する
フォントサイズを相対的に変える
フォントの基本サイズ を指定する

●リンク

他のページにリンクする
同じページの特定の位置にリンクする
他のページの特定の位置にリンクする
リンク部分の文字色を設定する
リンク先を別のウィンドウに表示する
リンクでメールソフトを起動する

●リスト

マーク付きのリストを作る

●フォーム

フォームを作る
送信ボタンを作る
リセットボタンを作る
汎用的なボタンを作る
画像で送信ボタンを作る
自由にデザインできるボタンを作る
1行の入力フィールドを作る
複数行の入力フィールドを作る
パスワードの入力フィールドを作る
表示されないフィールドを作る
ラジオボタンを作る
チェックボックスを作る
メニューを作る
メニューの選択肢をグループ化する
リストボックスを作る
ファイル選択の機能を付ける
項目をグループ化する
ラベルテキストと項目を一体化させる
フォームの内容がメールで届くようにする

●CSSの組み込み

CSSの書かれたファイルを読み込む
style要素の内容として組み込む
任意の要素にstyle属性の値として組み込む

●CSSを適用する対象

特定の要素に適用させる
複数の要素に適用させる
すべての要素に適用させる
IDやクラスを指定した要素に適用させる
リンク部分に適用させる
1行目に適用させる
1文字目に適用させる
特定の要素に含まれる要素に適用させる

●フォント

文字色を指定する
フォントを指定する
フォントサイズを指定する
フォントの太さを指定する
フォントスタイルを指定する
フォントをまとめて指定する

●テキスト

行間を設定する
行揃えを指定する
縦方向の位置を指定する
文字間隔・単語間隔を設定する
1行目のインデントを設定する
空白や改行をそのまま表示させる
改行しないで表示させる
全体を大文字または小文字で表示させる

●背景

背景色を指定する
背景画像を指定する
左右への配置と回り込みを指定する
回り込みを解除する
センタリングする

以上の充実の内容が動画で見ることが出来ます。



先着500名さまに限定価格で提供中!今すぐ確認してください。
↓↓↓
>> こちらをクリックしてください <<


安心の返金保証もついてるぞ!

この教材で勉強してパソコンの能力がまったく上達しない場合の完全返金保証がついています。
★※返金については:コチラをクリックしてサイト内の記述をご確認ください。★