京都IT研修講座

ＩＴ研修講座 NPO 法人全国女性シェルターネット企画講座 WEB サイト作成

ホームページの構成要素 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],css img js index.html layout.css side.css image01.gif image02.gif rollover.js iepngfix.js / inquiry about index.html index.html root

ＵＲＬと絶対パスと相対パス ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML の基本構成要素 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML HTML で記述されたドキュメントであることを宣言 head HTML ファイルの情報を記述 body ブラウザに表示する内容

タグの基本ルール ,[object Object],要素名属性名値属性開始タグ終了タグ要素

タグの基本ルール 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

DOCTYPE 宣言 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

文章を構成する基本のタグ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

文章を構成する基本のタグ 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

文章を構成する基本のタグ 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

課題 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ＣＳＳ　カスケーディングスタイルシート ,[object Object],[object Object],[object Object],[object Object]

1.Style 要素を使って head 内に指定する ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.Style 属性を使って要素に直接指定する ,[object Object],[object Object],[object Object],[object Object],[object Object]

3.Link 要素で外部の css ファイルをリンクさせる ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ＣＳＳの基本 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],セレクタ

複数のプロパティをまとめる定義方法 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セレクタの種類 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セレクタの種類 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セレクタの種類 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セレクタの種類 4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

課題 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

余白 ,[object Object],[object Object],[object Object],[object Object]

マージン ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

パディング ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

課題 3 ,[object Object],[object Object],[object Object]

ボックスの構造 ,[object Object],高さ height 幅 width 内容を表示する領域 padding border margin

課題 4 ,[object Object],[object Object]

課題 5 ,[object Object],[object Object],[object Object],[object Object]

画像について ,[object Object],[object Object],[object Object]

画像の張り込み ,[object Object]

回り込み ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

課題 6 ,[object Object],[object Object],[object Object],[object Object],[object Object]

リンクをはる ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

課題 7 ,[object Object],[object Object],[object Object]

2 段組レイアウト ,[object Object],float:left; width:400px; margin:0 10px 0 0; float:right; width:200px; width:630px; padding:10px;

課題 8 ,[object Object],[object Object]

京都IT研修講座

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to 京都IT研修講座

Similar to 京都IT研修講座 (20)

More from annulus

More from annulus (7)

Recently uploaded

Recently uploaded (14)

京都IT研修講座