【正文】 15:25:4815:25:4815:253/4/2023 3:25:48 PM ? 1越是沒有本領(lǐng)的就越加自命不凡。 2023年 3月 4日星期六 下午 3時 25分 48秒 15:25: ? 1比不了得就不比，得不到的就不要。 在表格 2的第 2行單元格中插入 1行 2列的表格 4，設(shè)置寬度 100%；選擇第 1列單元格，設(shè)置【水平】居中對齊，【垂直】居中，寬度 30；選擇第 2列單元格，設(shè)置【水平】左對齊。 應(yīng)用表格 1在打開 的【 CSS規(guī)則定義】對話框中，選擇【背景】分類，設(shè)置【 Backgroundcolor】為 CCC。 應(yīng)用表格 應(yīng)用表格 ? 【練習(xí)】制作購物車 新建 HTML網(wǎng)頁文檔，設(shè)置標(biāo)題為“購物車”。嵌套層次過多將嚴(yán)重影響網(wǎng)頁的下載速度，建議盡量少用復(fù)雜的、嵌套層次多的表格布局。若要讓瀏覽器根據(jù)單元格的內(nèi)容以及其他列和行的寬度和高度確定適當(dāng)?shù)膶挾然蚋叨龋瑢⒋擞蛄艨眨J(rèn)設(shè)置）。 HTML代碼用 table、 tr、 td分別指代表格、行、單元格。優(yōu)先級順序為內(nèi)嵌樣式表 內(nèi)部樣式表 外部樣式表。 創(chuàng)建網(wǎng)頁文檔 選中整個表格，在屬性檢查器中設(shè)置【對齊】為 “居中對齊 ”。（僅對外部樣式表而言） CSS樣式表一旦設(shè)置完成并對文字進行了設(shè)置，則無法隨意改變，若修改了 CSS屬性則修改了應(yīng)用文字的樣式，要對部分樣式進行設(shè)置必須設(shè)置新的樣式表。 創(chuàng)建網(wǎng)頁文檔 ③在對話框中輸入相應(yīng)的中文或英文關(guān)鍵字， 如果關(guān)鍵字較多，應(yīng)注意關(guān)鍵字間要用半角的逗號分隔。 創(chuàng)建站點 創(chuàng)建站點 （ 3）在左側(cè)列表中選擇【服務(wù)器】項目，單擊【添加新服務(wù)器】按鈕。 站點文件夾、站點名稱、站點內(nèi)所有文件的文件名應(yīng)以英文加數(shù)字的方式來命名。 ? （ 4） BODY /BODY標(biāo)記之間的文本是正文，是在瀏覽器要顯示的頁面內(nèi)容。 網(wǎng)頁基礎(chǔ)知識 ? 靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ) ：內(nèi)容與格式相對穩(wěn)定，容易被搜索引擎檢索；設(shè)計與管理的工作量大，交互功能低。 ? 圖像： 用于網(wǎng)頁的圖像文件一般為 JPG和 GIF格式。 網(wǎng)頁基礎(chǔ)知識 ? 導(dǎo)航欄： 是整個網(wǎng)站設(shè)計中的一個較獨立的部分，在頁面中的位置是固定的，一般有 4中常見的現(xiàn)實位置，頁面左側(cè)、右側(cè)、頂部和底部。 網(wǎng)頁基礎(chǔ)知識 ? 動態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁實際上并不是獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時服務(wù)器才返還一個完整的網(wǎng)頁；在服務(wù)器端運行的程序、網(wǎng)頁、組件，屬于動態(tài)網(wǎng)頁，它們會隨不同客戶、不同時間，返回不同的網(wǎng)頁，例如 ASP、PHP、 JSP、 、 CGI等。 ? （ 2） HEAD/HEAD是 HTML文檔的頭部標(biāo)簽，在瀏覽器窗口中，頭部信息是不被顯示在正文中的 ,在此標(biāo)簽中可以插入其它標(biāo)記，用以說明文件的標(biāo)題和整個文件的一些公共屬性。 創(chuàng)建站點 ? 問題 1：為什么要先新建一個文件夾？ 站點是一系列文檔的組合，它的作用是 存儲、管理網(wǎng)站中各種的網(wǎng)頁文檔以及相關(guān)的素材如 Flash、圖像、視頻等等。 （ 2）打開 DW軟件，執(zhí)行【站點】 /【新建站點】命令，打開【站點設(shè)置對象 XNML】對話框，這是站點名稱為 XNML，設(shè)置【本地站點文件夾】為“ F:\xnml”。一般情況下，關(guān)鍵字是對網(wǎng)頁的主題、內(nèi)容、風(fēng)格或者作者等內(nèi)容的概括。 網(wǎng)頁制作完成后，在 IE瀏覽器中查看效果：保存文件，按 F12鍵在 IE瀏覽器中預(yù)覽網(wǎng)頁。 創(chuàng)建網(wǎng)頁文檔 【提示】 單擊【屬性檢查器】的【頁面屬性】按鈕，選擇【外觀 CSS】，設(shè)置背景顏色與頁邊距。例如表格的代碼 table，是表格居中的代碼應(yīng)該書寫在其中。例： 上下框架型與左右框架型類似，區(qū)別僅在于上下框架型是一種上下分為兩頁的框架結(jié)構(gòu)。（通常是居中對齊）。 在表格 3中設(shè)置單元格背景圖像為 ，添加文字 “嵌套表格 ”，字號為 68像素，字體為隸書，顏色為 990000（可根據(jù)背景設(shè)置成適宜的顏色）。 在表格 1的第 7個單元格中，插入 1行 1列 的表格 5，在表格 5中添加文本；在表格 1的第 8個單元格中，插入 1行1列 的表格 6，插入文本，設(shè)置 文本 “居中對齊 ”。 1選擇第 3列單元格，輸入“全場購滿 100源 免快遞運費了解配送收費標(biāo)準(zhǔn)”。 選擇表格 3的第 1列單元格，設(shè)置【水平】居中對齊，寬度 30，插入 。 :25:4815:25Mar234Mar23 ? 1故人江海別，幾度隔山川。 2023年 3月 4日星期六 3時 25分 48秒 15:25:484 March 2023 ? 1空山新雨后，天氣晚來秋。勝人者有力，自勝者強。 2023年 3月 4日星期六 3時 25分 48秒 15:25:484 March 2023 ? 1做前，能夠環(huán)視四周；做時，你只能或者最好沿著以腳為起點的射線向前。 應(yīng)用表格 1將光標(biāo)放在表格 1的第 2列單元格中，設(shè)置【垂直】頂端，插入 3行 1列的表格 5，寬度為 100%。 選擇第 25行單元格，設(shè)置高為 80；在單元格中插入商品圖像和按鈕圖像，輸入相關(guān)的文本。 合并第一行所有單元格，設(shè)置單元格高度為 5，背景顏色 A902D9。 使用 CSS設(shè)置文本的樣式。 應(yīng)用表格 （ 7） “背景 ”顏色框：使用顏色選擇器選擇的單元格、列或行的背景顏色。 三者優(yōu)先級關(guān)系表現(xiàn)為：單元格＞行＞表格 應(yīng)用表格 ? 表格基本屬性： （ 1）邊框：指定表格邊框的寬度（以像素為單位）。 }，表示文字大小 12像素，顏色白色。單擊【確定】，文字樣式改變；同理新建規(guī)則 s2，應(yīng)用于第三行的文字。相關(guān)代碼書寫在頭部標(biāo)簽中。效果如下圖。 創(chuàng)建站點 （ 4）選擇【高級】選項卡，設(shè)置【測試服務(wù)器】的【服務(wù)器模型】為“無”，單擊【保存】。 ③由于創(chuàng)建的是靜態(tài)網(wǎng)站，不涉及交互性的問題，所以 【 服務(wù)器模型 】 設(shè)置為無， ② ③兩點可以省略。 網(wǎng)站策劃：定位網(wǎng)站內(nèi)容、劃分網(wǎng)站欄目。 網(wǎng)頁基礎(chǔ)知識 網(wǎng)頁基礎(chǔ)知識 ? HTML 開始標(biāo)簽 ? HEAD 頭部標(biāo)簽 ? TITLE 一個簡單的 HTML示例 /TITLE ? /HEAD 文件頭結(jié)束 ? BODY 文件主體開始 ? /BODY 文件主體結(jié)束 ? /HTML 結(jié)尾標(biāo)簽 ? 標(biāo)記在使用時必須用必須用 “” 括起來，標(biāo)記擁有單標(biāo)記和雙標(biāo)記之分。 網(wǎng)頁基礎(chǔ)知識 ? 超級鏈接： 實現(xiàn)從一個網(wǎng)頁指向另一個目的端的鏈接。網(wǎng)站標(biāo)志應(yīng)體現(xiàn)該網(wǎng)站的的特色、內(nèi)容以及其內(nèi)在的文化內(nèi)涵和理念。 網(wǎng)頁基礎(chǔ)知識 ? 網(wǎng)頁的種類 ? 靜態(tài)網(wǎng)頁： 靜態(tài)網(wǎng)頁是實實在在保存在服務(wù)器上的文件，每個網(wǎng)頁都是一個獨立的文件；運行于客戶端的程序、網(wǎng)頁、插件、組件，均屬于靜態(tài)網(wǎng)頁，例如 html頁、 Flash、 JavaScript、 VBScript等等，它們是永遠(yuǎn)不變的，常見其文件后綴名為 .html。如： Title一個簡單的HTML示例 /Title。 網(wǎng)站維護：服務(wù)器的軟、硬件維護，系統(tǒng)升級，數(shù)據(jù)庫優(yōu)化和網(wǎng)站內(nèi)容更新。 創(chuàng)建站點 （ 3）選擇【主目錄】標(biāo)簽，設(shè)置【本地路徑】為創(chuàng)建的站點根文件夾。 標(biāo)題不宜過長或過短，一般以 6~10個漢字比較理想，最好不要超過 30個漢字；網(wǎng)頁標(biāo)題應(yīng)能概括網(wǎng)頁的核心內(nèi)容；網(wǎng)頁標(biāo)題應(yīng)含有豐富的關(guān)鍵字。 按回車鍵換行，在【屬性】檢查器中設(shè)置【格式】為 “段落 ”，從記事本中復(fù)制文章第一個段落，將其粘貼到文檔窗口中。 頁面分為三個部分：第一部分是標(biāo)題 “歡迎光臨電腦學(xué)習(xí)