京都　IT講座　9月

ＩＴ研修講座 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講座　9月

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to 京都　IT講座　9月

Similar to 京都　IT講座　9月 (20)

Recently uploaded

Recently uploaded (7)