最新網(wǎng)頁設(shè)計(jì)與制作講義-展示頁
2025-04-26 02:55本頁面
【正文】 等）計(jì)劃和收集資源 網(wǎng)頁的設(shè)計(jì)制作指定網(wǎng)頁標(biāo)題（定位格調(diào)）采集網(wǎng)頁內(nèi)容（突出個(gè)性）準(zhǔn)備網(wǎng)頁圖片（適當(dāng)壓縮）設(shè)定網(wǎng)頁框架（疏密有致）設(shè)定網(wǎng)頁背景（配合主題）創(chuàng)建其他頁面元素（留言板和計(jì)數(shù)器）網(wǎng)頁和網(wǎng)站的關(guān)系 網(wǎng)頁的技術(shù)實(shí)現(xiàn)測試網(wǎng)站申請站點(diǎn)域名、空間：、 一般100150元/年。（6）網(wǎng)頁的布局：在網(wǎng)頁布局過程中，應(yīng)該遵循的原則有：對稱平衡、對比、空白等。（4）網(wǎng)站的色彩搭配：常用的顏色：藍(lán)、黃/橙、黑/灰/白。（2）網(wǎng)頁的命名：名稱要合理、合法、易記、能體現(xiàn)主題，但要控制合適長度。類似于具體存在的教室。類似于教室的門牌號。 IP地址：每臺主機(jī)的唯一地址，作為該機(jī)器在互聯(lián)網(wǎng)上的唯一標(biāo)志。網(wǎng)站是組織網(wǎng)頁的最主要的手段；為網(wǎng)頁的存在提供空間和地址、是網(wǎng)頁之間相互連接的橋梁。網(wǎng)頁是承載信息的最主要的載體。以前是編程式的網(wǎng)頁制作；現(xiàn)在是軟件化的集成操作。網(wǎng)頁和網(wǎng)站是網(wǎng)絡(luò)的重要組成部分；因此對于現(xiàn)代大學(xué)生而言：掌握網(wǎng)頁的制作和網(wǎng)站的相關(guān)知識；已經(jīng)成為時(shí)不我待的必要技能之一?，F(xiàn)代社會是一個(gè)高度信息化的網(wǎng)絡(luò)世界；網(wǎng)絡(luò)成為傳播信息的最主要的工具；網(wǎng)絡(luò)對于現(xiàn)代社會的方方面面都有著舉足輕重的重要地位。它與Flash、 Fireworks合在一起被稱為網(wǎng)頁制作三劍客，這三個(gè)軟件相輔相承，是制作網(wǎng)頁的最佳選擇。學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室 授課教師 王老師 課程：網(wǎng)頁設(shè)計(jì)與制作課題：第一章 網(wǎng)頁制作基礎(chǔ)（第1課時(shí)）目的要求：理解網(wǎng)頁、網(wǎng)站的概念、了解網(wǎng)站的分類、了解網(wǎng)頁設(shè)計(jì)的基本原則、了解前期策劃和內(nèi)容組織、了解網(wǎng)頁的設(shè)計(jì)制作、了解網(wǎng)頁的技術(shù)實(shí)現(xiàn)。新課重點(diǎn)：網(wǎng)站的概念、網(wǎng)頁的設(shè)計(jì)制作、技術(shù)實(shí)現(xiàn)新課難點(diǎn)：理解網(wǎng)頁、網(wǎng)站的概念教學(xué)方法：課堂講解、例題演示，課件演示教學(xué)內(nèi)容及過程：網(wǎng)頁制作三劍客簡介Dreamweaver是Macromedia公司（現(xiàn)被Adobe收購）開發(fā)的專業(yè)用來制作網(wǎng)頁的配套軟件，最新版本為CS4（教學(xué)版CS3）。其中Dreamweaver主要用來制作網(wǎng)頁文件，制作 出來的網(wǎng)頁兼容性比較好，制作效率也很高，F(xiàn)lash用來制作精美的網(wǎng)頁動(dòng)畫，而Fireworks用來處理網(wǎng)頁中的圖像。網(wǎng)絡(luò)對于個(gè)人的生活和學(xué)習(xí)也成了幾乎不可或缺的必要手段。：認(rèn)識網(wǎng)頁 什么是網(wǎng)頁 網(wǎng)頁制作起源于HTML 語言：（HyperText MarkUp Language ）是由 CERN （歐洲粒子物理實(shí)驗(yàn)室）的科學(xué)家Tim BernersLee 于1989首先發(fā)明的。 網(wǎng)頁是我們登陸互聯(lián)網(wǎng)后看到的包涵內(nèi)容的頁面式的結(jié)構(gòu)內(nèi)容。 眾多的網(wǎng)頁是有序地組織在一起的，就構(gòu)成了網(wǎng)站。每一個(gè)確定的網(wǎng)頁在網(wǎng)絡(luò)上都有一個(gè)唯一確定的地址（URL）。 域名：表示單位、機(jī)構(gòu)或個(gè)人在互聯(lián)網(wǎng)上的名稱。 空間：網(wǎng)絡(luò)上存放網(wǎng)站內(nèi)容的具體服務(wù)器的相關(guān)磁盤位置。兩個(gè)比較新興的網(wǎng)絡(luò)名詞：個(gè)人博客和個(gè)人空間 頁面的保存和打印 頁面的編輯 網(wǎng)站的分類 網(wǎng)站根據(jù)內(nèi)容和功能分為不同的類型 網(wǎng)頁設(shè)計(jì)的基本原則 （1）網(wǎng)站的主題：根據(jù)網(wǎng)站的內(nèi)容進(jìn)行劃分。（3）網(wǎng)站的標(biāo)志。（5）網(wǎng)站的字體、字號（12號字體居多）。一般來說，網(wǎng)頁的布局有下面幾種常見的結(jié)構(gòu)。上傳站點(diǎn)內(nèi)容管理網(wǎng)站宣傳自己的網(wǎng)站作業(yè)：1：收集各種類型的網(wǎng)頁2：保存一些制作優(yōu)秀的網(wǎng)頁3：確定個(gè)人網(wǎng)頁的主題和名字4：收集個(gè)人網(wǎng)頁的相關(guān)資料5：預(yù)習(xí)后續(xù)章節(jié)的內(nèi)容39學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室 授課教師 王老師 課程：網(wǎng)頁設(shè)計(jì)與制作課題：第二章：網(wǎng)頁制作基礎(chǔ) 、第三章：站點(diǎn)的創(chuàng)建與規(guī)劃（第2課時(shí)）目的要求： 熟悉Dreamweaver CS3的工作界面、熟練掌握文檔的基本操作、掌握設(shè)置頁面屬性、熟練掌握創(chuàng)建并設(shè)置站點(diǎn)、了解如何規(guī)劃與搭建站點(diǎn)結(jié)構(gòu)、熟練掌握管理站點(diǎn)、掌握使用站點(diǎn)地圖。CS3 版本提供了更加完善的網(wǎng)頁編輯功能，并且在管理站點(diǎn)方面也有了很大改善。 它的工作界面主要分為“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“網(wǎng)頁編輯窗口”、“屬性面板”、“浮動(dòng)控制面板”6個(gè)部分。：網(wǎng)頁編輯窗口：屬性面板 屬性面板顯示的是鼠標(biāo)所選中的對象的屬性，不同的對象，屬性面板的內(nèi)容也不一樣。：創(chuàng)建文件 A：空白頁B：空模板C：模板中的頁D：示例中的頁E：其他：打開并保存文件：預(yù)覽文件（F12快捷鍵）：設(shè)置頁面屬性有好幾種方法可以打開頁面屬性的對話框：1：執(zhí)行“修改/頁面屬性”命令；2：快捷鍵Ctrl+J3：在頁面空白處單擊右鍵，進(jìn)行選擇；4：打開頁面后，在屬性面板中單擊“頁面屬性”按鈕；1：設(shè)置外觀2：設(shè)置鏈接3：設(shè)置標(biāo)題
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1