表格
iframe浮動頁框
插入/影像
iframe浮動頁框
插入/影像
首先~新建一個HTML網頁
插入--表格
因為這是在教<DIV>之前的排版法等等要來做浮動視窗~所以大概了解即可(其實會用試算表的人都會)
創一個4列一欄的表格(列是直的 欄是橫的)
表格框度等等等....基本上由CSS設定
註解:是搜尋引擎會去抓取的文字
而摘要是設計師自己要維護查看用的
設定好了按一下<table>把他設成置中吧
而一個表格大致有以下標籤
<table>表格標籤
<tr> 列標籤
<td> 資料儲存格
<th> 標題儲存格
<caption> 註解
<summary>摘要
基本上可以把<td>&<th>理解成差不多的東西
都是這一列裡的某欄內容
只是一個是標題而已
插入--表格
因為這是在教<DIV>之前的排版法等等要來做浮動視窗~所以大概了解即可(其實會用試算表的人都會)
創一個4列一欄的表格(列是直的 欄是橫的)
表格框度等等等....基本上由CSS設定
註解:是搜尋引擎會去抓取的文字
而摘要是設計師自己要維護查看用的
設定好了按一下<table>把他設成置中吧
而一個表格大致有以下標籤
<table>表格標籤
<tr> 列標籤
<td> 資料儲存格
<th> 標題儲存格
<caption> 註解
<summary>摘要
基本上可以把<td>&<th>理解成差不多的東西
都是這一列裡的某欄內容
只是一個是標題而已
一個新網頁基本上的字型、顏色當然要設定~不過這次利用body標籤來新增css(其實跟以前頁面屬性一樣)
特別說這次上下都不要預留像素所以請切換到方框去設定Margin的上下皆為0px
特別說這次上下都不要預留像素所以請切換到方框去設定Margin的上下皆為0px
接下來~表格的高度必須要符合完整得網頁大小所以一樣新增規則(為了讓他頂天立地XDDD)
把Height 設為 100%
把Height 設為 100%
由於這次是做橫的~所以請把直得導覽列改成橫的(方法跟關於我們那邊一樣)
接下來要開始來新增iframe勒
建議先切換成分割畫面
剛剛說過<td></td>包含的就是那一欄的內容
原本因該都是空白符號刪掉後打入
<iframe src="banner.html" name="banner" width="850" height="60" frameborder="0" scrolling="no"></iframe>
src 搜尋要顯示出來的網頁
name 為這個區塊命名(以方便辨識為原則)
width 寬 & height 高
frameborder 是否顯示邊框(0 = 否)
scrolling 是否顯示捲軸(用不到就選否、不一定就選auto)
接下來的導覽列也同理~
而最後的版權宣告......字打一打就好
<iframe src="index.html" name="content" width="850" height="100%" frameborder="0" scrolling="auto"></iframe>
而最重要的部份~要讓他把剩下的版面全部補滿需要把高設為100%
而且為了讓剛剛的導覽列連結能顯示在此必須把自己命名的name
同固定頁框的作法去導覽列網頁的連結目標中設定成content
建議先切換成分割畫面
剛剛說過<td></td>包含的就是那一欄的內容
原本因該都是空白符號刪掉後打入
<iframe src="banner.html" name="banner" width="850" height="60" frameborder="0" scrolling="no"></iframe>
src 搜尋要顯示出來的網頁
name 為這個區塊命名(以方便辨識為原則)
width 寬 & height 高
frameborder 是否顯示邊框(0 = 否)
scrolling 是否顯示捲軸(用不到就選否、不一定就選auto)
接下來的導覽列也同理~
而最後的版權宣告......字打一打就好
<iframe src="index.html" name="content" width="850" height="100%" frameborder="0" scrolling="auto"></iframe>
而最重要的部份~要讓他把剩下的版面全部補滿需要把高設為100%
而且為了讓剛剛的導覽列連結能顯示在此必須把自己命名的name
同固定頁框的作法去導覽列網頁的連結目標中設定成content
但是很遺憾~光是這樣還無法讓主要畫面拉長撐開版面
請按剛欄的iframe把屬性裡的高也設為100%
請按剛欄的iframe把屬性裡的高也設為100%
還是很遺憾~這樣也還不行
必須把原始碼第一行~標準化那邊給刪掉!?
%不符合標準化
.....原來有比ie更找人麻煩的瀏覽器喔
(這也是排版不建議使用表格的原因)
必須把原始碼第一行~標準化那邊給刪掉!?
%不符合標準化
.....原來有比ie更找人麻煩的瀏覽器喔
(這也是排版不建議使用表格的原因)
浮動頁框上面就已經結束
接下來講了一下插入影像(?
按下插入影像後
接下來講了一下插入影像(?
按下插入影像後
(有把偏好設定裡面的輔助功能開啟時)
這邊可以先設定替代文字
注意!為求標準化就算是空白也必須下拉選擇空白!不可直接確定
這邊可以先設定替代文字
注意!為求標準化就算是空白也必須下拉選擇空白!不可直接確定
之後對<img>按快速標籤編輯器可發現兩個重點(title要自己補)
alt (替代文字)給搜尋引擎搜尋的條件之一,若圖片有特別意義,需加上替代文字
title(標題)圖片設定超連結,一定要加上標題的文字敘述,給朗讀軟體讀出來
以上~本堂完
alt (替代文字)給搜尋引擎搜尋的條件之一,若圖片有特別意義,需加上替代文字
title(標題)圖片設定超連結,一定要加上標題的文字敘述,給朗讀軟體讀出來
以上~本堂完
再不知不覺中~初階課程剩下最後一堂勒
(不過我連進階一起報還是要去上到開學前)
話說他附得那本書我根本沒看過~貌似東西比較多耶
不過沒在用的話還真不知有啥好看的
~~做網頁很簡單~找主機放網頁很麻煩
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
.....為啥去配個眼鏡
還可以聊天聊這麼久啊囧