網頁設計與製作

2021-09-13 03:31:11 字數 1864 閱讀 6668

**        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 後代選擇器用來選擇元素或元素組的後代,其寫法就是把外層標記寫在前面,內層標記寫在後邊,中間用空格分隔。當標記發生巢狀時,內層標記就成為...