** ap div
↑ ↑
網頁布局技術 →模板、庫
↓ ↓
div+css 框架
一、**
⒈用**建頁 面
建空白頁→儲存到站點→插入→**
兩行之間用shift+enter鍵換行
⒉認識**
⑴「標題」部分可用來定義表頭樣式
①「無」:對**不啟用列或崗標題
②「左」:可以將**一列運標題以便每一 行輸入一標題
③「頂部」:可以將**一行作為標題行,以便為**每列加標籤
④「兩者」可輸入列行的標題
{**中:
開始結束定義**標題, **的行 **的列 x表示跨列數
x表示跨行數}
⑵新增行和列
將游標定位在單元格中 修改→**→插入行(列)命令,或選擇「插入」→**物件→上(下)面插入行,左(右)列
刪除行,列 修改→**→刪除行,列 或者右擊開啟快捷鍵
⑶合併/拆分單元格
修改→**→合併單元格(快捷鍵ctrl+alt+m)/拆分單元格(快捷鍵ctrl+alt+s)
二、ap div
ap div 又稱絕對定位元素(ap元素),是分配有絕對位置的,用來精確控制瀏覽器視窗物件位置的html頁面構成元素。ap div的出現使網頁技術從二維空間括展到三維空間,成為了網頁設計新發展方向。
⑴ap div 的建立 插入→布局物件→ap div命令→最左下有乙個按鈕(繪製ap div按鈕),將按鈕拖拽到設計窗中→單擊布局→按按鈕移動游標,滑鼠形狀變成「+」字形→按左鍵向任意方向拖動,畫出大小合適的矩形,釋放左鍵
(如果要一次性新增多個ap div,就按住ctrl鍵的同時,單擊「繪製ap div」按鈕就可以繪製多個ap div)
如果要對層ap div的預設屬性設定進行改變,
編輯→首選引數→ap元素
⑵「ap元素」面板
開啟「ap元素"面板 從主選單選視窗→"ap元素" 或者按f2就可以開啟
⑶將**轉換為ap div
選中頁面中欲轉為層的**→修改→轉換→將**轉換為ap div→彈出「布局工具」
↓防止重疊、顯示ap元素面板、 顯示網路和靠齊到網路(借助網路定位ap元素) 將ap元素轉換為**同上↑
三、div+css
⑴檔案→新建→空白頁(彈出「新建文件」→選擇基本頁為html)→插入→布局物件→div標籤
單擊「新建css樣式」→類→僅限該文件
⑵建立css樣式表(可採用3種方式建立)
①使用選單命令
格式→css樣式→新建
<1 選擇器型別
「類(可用於任何html元素)」在整個html中可以被多次呼叫,適用性廣
「id(僅應用於乙個html元素)」唯一出現的元素進行定義,一般用在塊級內容的最外層
「標籤(重新定義html元素)」
「復合內容」
{「類」在類名前加「 . 」類名可包含任何字母和數字組合,「id」必須以「#」開頭可包含任何字母和數字組合
⑵使用「css」 面板
「css樣式」面板整合浮動板組,處於隱藏狀態 視窗→ css樣式(快捷鍵shift+f11)
⑶css編輯器
在「新建css規則」 對話方塊中建立新類.mycss,單擊「確定」 彈出「.mycss的csd規則定義」
四、框架
插入→框架→上方及左側巢狀
五、模板和庫
⑴在站點中新建一張空白頁面,插入**在**2行2列處 插入→模板物件→可編輯區域→核取方塊
⑵庫 把**、影象等,直接拖到「庫」面板,即可自動生成乙個庫專案
在頁面文件 修改→庫→增加物件庫
網頁設計與製作(四)
1.標籤指定選擇器 標籤指定式選擇器又稱交集選擇器,有兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格,如h3.special或p one。3段落文字巢狀在段落中,使用strong標記定義的文字 紅色 巢狀之外由 後代選擇器不限於使用兩個元素,如...
網頁設計與製作(五)
所謂盒子模型就是把html頁面中的元素看作是乙個矩形盒子,也就是乙個盛裝內容的容器。每個矩形都由元素的內容 邊框和外邊距組成。1.網頁就是多個盒子巢狀排列的結果。2.內邊距出現在內容區域的周圍,當給元素新增背景或背景影象的時,該元素的背景色或背景圖也將出現在內邊劇中 3.外邊距是該元素與相鄰元素之間...
網頁設計與製作的學習(三)
標籤指定式選擇器又稱交集選擇器,由兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格。段落一段落二 段落三方塊1 後代選擇器用來選擇元素或元素組的後代,其寫法就是把外層標記寫在前面,內層標記寫在後邊,中間用空格分隔。當標記發生巢狀時,內層標記就成為...