網頁設計基礎知識

2022-11-26 23:57:04 字數 2191 閱讀 3448

一、教學目標

1.**的概念與開發規範。

技術。安裝與配置。

二、課時分配

本專案共4個任務,建議安排4課時。

三、教學重點

**的概念與開發、動態網頁技術和本地站點伺服器配置。

四、教學內容

任務1**的組成與開發規範

任何乙個**在開發之前都需要定製一套開發約定和規則。這類規則可以實現對**整體風格的統一,**編寫的維護和後續擴充套件。乙個優良可行的規範可以使網頁設計師在工作中得心應手,取得事半功倍的效果。

階段1 **的組成

1.**名稱

2.****

通常,把採用網域名稱系統命名的**稱為「網域名稱」或「**」(**的ip位址也可以稱為「**」),網域名稱位址以層次化表示。

(1)字尾

最右邊的字尾用於標識網域名稱的性質,如cn表示中國、edu表示教育單位。

(2)名稱

是網域名稱中間的**名稱,如這個網域名稱的**名稱就是sina。

(3)字首

最左側的字首用於標識**的類別,如:www表示網路服務。

通常,可以根據字首看出**對應的是什麼內容,如下所示。

www:**服務。

ftp:資料上傳**服務。

bbs:論壇服務。

mail:郵局服務。

down:**服務。

news:新聞服務。

movie:電影服務。

music:**服務。

(4)協議

在**的左側會有http的協議標識,這表示ie瀏覽器的請求會由http負責傳送到伺服器,伺服器中儲存的網頁內容也會由http負責傳送到使用者的瀏覽器視窗中。

3.伺服器

通常,將存放**內容的計算機稱為「伺服器」,因為這樣的計算機提供了**訪問等服務。

4.網頁

網頁就是可以通過ie等瀏覽器看到的**檔案,網頁是**的基本組成單元,它是**具體內容(如文字、**、**等)的載體,需要通過不同的網頁儲存各種各樣的內容。

5.超連結

在**中,超連結(也稱「鏈結」)是不可或缺的組成部分,通過鏈結可以實現**中欄目與內容、頁面與頁面,以及文字/**與電子郵件、程式、**、**和****等方面的關聯。

階段2 **開發流程

在任何**專案開始實施之前都應該有乙個工作步驟也就是工作流程。下面列出了乙個**常用的較為合理的開發流程圖,能夠比較好地體現開發的整個環節,如圖所示。

階段3 **資訊的收集和準備

收集了各方面的內容,確定了相應的互動功能後,下一步就是這些內容的分組。分組的目的是為了根據瀏覽者的訪問習慣,有序地展示內容,吸引訪問者看下去,同時在分組過程中還可發掘潛在的資訊內容。資訊分組的最終目的是為了確定整個**的導航系統。

階段4 **的目標定位

1.目標定位必須有明確的依據

2.目標定位必須了解哪些資源可被利用

3.目標定位在規模上要具有可擴充套件性

4.目標定位必須了解目標人群的特徵

階段5 **的風格和創意

1.色彩運用

色彩是「整體形象」最重要的元素。

2.版面設計

乙個好的版面設計可以突顯重點,讓瀏覽者對「主次」內容很容易加以區分。

3.程式開發

通過結合asp、php等動態網頁技術實現的互動程式,能讓瀏覽者及時對**內容給出互動性的意見。

4.特效使用

flash動畫、j**ascript、j**aapplets、dhtml等的合理使用會讓網頁看起來更為生動活潑。

創意思考的過程可分五個階段:資料收集階段、資料整理階段、創意產生階段、調查驗證階段和開發製作階段。

階段6 **的形象設計與配色

下面將介紹一些**形象設計中配色的使用技巧。

1.了解**所要傳達的訊息和品牌

2.了解**的目標人群

3.配色過程中不要濫用顏色

4.閱讀主體內容部分建議使用對比色

5.配色要有時效性

階段7 **的框架與布局

**的框架與布局大致可分為「國」字型、拐角型、「t」字型、「l」字型、綜合框架型、flash型、變化型。

下面列出了一些在**的框架與布局設計時應該注意的地方。

1.解析度是設計網頁時必須考慮的問題

網頁的整體寬度可分為三種設定形式:百分比、象素、象素+百分比。

2.空間的合理利用也極為重要

只有合理的安排、有機的組合,使頁面達到平衡,即使在頁面的一邊騰出大面積留白,並不會讓人感到空,卻會給人留下廣闊的思考空間。

第1章網頁設計基礎知識

一 教學目的和要求 本章通過介紹 相關知識 html語言以及相關技術。使學生掌握html標記語言的基本結構 基本語法 標記格式和語法 熟悉html標記的 二 教學內容 相關知識 html語言的檔案結構 html標記及屬性介紹 html構建網頁例項。三 教學重點與難點 重點 html語法 html屬性...

PCB設計基礎知識

1,1mil 0.0254mm 2,線與線之間,線與焊盤之間的距離應 0.33mm 13mil 3,焊盤的直徑要比孔的直徑 0.6mm 4,優化佈線的時間是初次佈線時間的2倍 5,鋪銅一般鋪地線 注意模擬地和數字地的分離 6,為保證pcb佈線的電氣效能,網路檢查正確通過後,進行drc檢查 7,pcb...

容器設計基礎知識

容器設計一般原則 一 筒體 1 用鋼板制,以內徑為標準 2 用鋼管制,以外徑為標準。二 封頭 1 橢圓形封頭 jb t4737 95,jb t4729 94 2 摺邊錐形封頭 jb t4738 95,jb t4739 95。三 容器法蘭 1 常壓容器無密封要求的,可採用角鋼法蘭,按jb t4735 ...