ｉｔ研修講座

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

ｉｔ研修講座

Recomendados

Recomendados

Más contenido relacionado

Similar a ｉｔ研修講座

Similar a ｉｔ研修講座 (20)

Último

Último (12)

ｉｔ研修講座