導航:首頁 > 萬維百科 > 怎麼把需要的網頁設計為首頁

怎麼把需要的網頁設計為首頁

發布時間:2020-11-26 04:45:35

1、網頁設計應該如何布局

網頁布局類型

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。 1.

「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內

2. 拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

3. 標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。

4. 左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。

5. 上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。

9. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。

2、網頁設計中如何將網頁設為首頁

這個就要看你網站設計的方案中咯,你將其中的一個網頁為主要網頁,內含導航,將首頁鏈接到這頁面上面,其他為子頁,其他網頁中導航首頁也都鏈接到這主頁面上面之後,通過域名點開網站後就有可以看到這樣頁面咯。

3、html網頁設計怎麼把自己的網址改一下?

你現在地址欄的叫路徑,是文件在本機然後輸入正確的路徑可以打開網頁,弊端是文件在本機且只有本機這台電腦可以訪問,優點是不需要聯網
你想要的自定義網址是要把你的HTML文件上線,然後通過聯網訪問存儲你HTML文件的伺服器或者虛擬主機的IP地址才能打開。這個IP地址不便於記憶,為了便於記憶和傳播,你需要有一個www.xxxx.com這種的域名,通過解析綁定伺服器或虛機的IP地址訪問。
域名和虛機最好在同一家服務商購買,目前都是按年收費,個人使用的話可以注冊.top等冷門域名阿里雲上一年只要9元。
至於存儲,個人使用建議購買虛擬主機,阿里雲上根據你所需配置購買,最低配的200多。如果覺得貴可以找其他一些小服務商,價格相對便宜些。
有了域名和虛機,需要在管局備案,現在手機就可以操作,無非就是實名制+說明你的用途,方便快捷
備案完成後解析完成後你可以通過ftp上傳工具,將你做好的HTML文件上傳到虛機指定文件夾,首頁命名為index.html
這樣任何人就可以在聯網前提下通過輸入你所注冊的域名(也就是網址)訪問你的網頁文件了

4、網頁製作中如何設置「設為首頁」和「加為收藏」?

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.XXXX);return false;">設為主頁</a>
<a href="javascript:window.external.AddFavorite('http://xxx', 'XXXX)">收藏本站</a>

現在這個很少有人在用了

5、用dreamweaver設計網站時怎麼吧一個網頁設置為首頁呢?

所謂的首頁,只是一個代名詞,我們看到的第一個為首,第一個頁面就是首頁,你把其他頁面的相關鏈接指向這個第一個頁面就行了。dreamweaver里沒有什麼特別的設置;實在要設置也是後台那邊把域名的相關東西指向這個頁面。但絕對不是用dreamweaver來設置。

6、網頁設計製作詳細流程

分析如下:

1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面,代碼、拆分、設計,一般默認設計界面,對於新手這個功能具有可視化,能更好的製作網頁。

3、下面我們來製作網站站點,在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件,並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件,不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹,點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁,先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」,下面屬性可以設置文本字體、添加超鏈接等等,點擊頁面屬性,可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合,添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本,點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁,這樣籃球資訊網文本變成藍色。這是網站內部鏈接,相反就有外部鏈接。添加如圖,一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁,點擊網頁中兩個鏈接都能到達指定網頁。

(6)怎麼把需要的網頁設計為首頁擴展資料:

網頁設計

設計網站要注意兩個要點:整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。

風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。

網頁配色小技巧:

1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感;

2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;

3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網頁配色中,還要切記一些誤區:

1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;

2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

7、網頁設計,怎麼做?

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。

二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。

三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。

六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者

8、DW怎麼把首頁設為模板,子網頁用模板設計

剛進入dreamweaver點擊新建下方的更多,然後選擇空白頁,頁面類型選擇html模板,布局選無就行了。

插入一個表格(菜單欄中選擇插入,再找到表格),表格里的布局自己根據需要設置,在這里我設置為行數為5,列為1,表格寬度為1000像素。插入表格後,選中整個表格,選中後表框會加黑加粗,在下方設置為居中對齊。

在表格第一行插入圖像(菜單欄中選擇插入,再找到圖像),第二行加入滾動字幕。第三行插入表格(方法同上),1行4列,表格寬度為百分之一百。插入表格之後,再選中第三行的表格,選中後表格邊框會加黑加粗,在下方設置表格為居中對齊,寬度為20%。

第三行中選入一些文字,如首頁,李白,杜甫,白居易。新建一個css文件,再建一個css,設置好類型中的顏色和背景中的顏色,加以區分。選中第三行,使用剛才新建的css,再新建一個css,表格的邊框使用該css。

在第四行插入可編輯區域。點擊確定,可編輯區域中的文字即EditRegion3可以去掉,換行可以擴大可編輯區域的面積。

在第五行插入可編輯區域,我還插入了一條水平線,並加上了版權。最後保存。此時模板已經建好。

新建,模板中的頁,找到新建的模板,創建,保存為index.html(即網站的主頁),再重新打開新建的模板,在可編輯區預報輸入李白的資料,保存為li.com,此時你會發現只有在可編輯區域才能輸入內容,其他區域都是不可操作的,這就是模板的特點。同理,在新建兩個作為杜甫和白居易的網頁。

現在就差用超鏈接把上面做的幾個網頁連接起來了。在模板中選中首頁,在下方html中的鏈接中輸入首頁的名稱,即index.html,同理,選中李白,杜甫,白居易將他們連起來。超鏈接做好後在文字下方會多出一條橫線。

做完了之後在index.html中打開可以看看做出的效果,點擊圖中的小地球圖標就可進行查看。

9、HTML網頁設計中的將本頁「設為主頁」的代碼是怎樣的啊?

<a href=# onClick="this.style.behavior=』url(#default#homepage)』;this.setHomePage
(』http://www.aaa.com');">將本站設為首頁</a>
<script language="JavaScript">
function bookmarkit(){window.external.addFavorite(』http://www.aaa.com',』』)}
if (document.all)document.write(』<a href="#" onClick="bookmarkit()">將本站加入收藏夾</a>』)
</script>

使用方法:

怎樣使用特效代碼?
只要把這些代碼復制、粘貼到你的網頁源代碼中,保存,再在瀏覽器中打開,你就會看到效果了!
怎樣在我的網頁中插入代碼?
使用DreamWeaver:
在編輯狀態下按F10即彈出源代碼窗口,將特效代碼粘貼進去即可。
使用FrontPage:
點擊編輯窗口左下角的「HTML」選項卡即出現源代碼窗口,將特效代碼粘貼進去即可。
使用「記事本」等編輯器:
直接用這些編輯器打開網頁文件,出現的就是源代碼,將特效代碼粘貼進去即可。

在什麼地方插入代碼?
一般來說,在網頁源代碼的<body>與</body>之間的任何地方插入代碼都可以(除非特別指明,例如要求插入到<head>與</head>之間)。提示:在<td>與</td>之間插入代碼,一般不會出錯。
該怎樣修改代碼?
插入代碼之後,把代碼中的文字替換成你自己的內容即可。
注意:為避免出錯,請不要改動除中文文字之外的代碼,否則程序可能會不能運行!

與怎麼把需要的網頁設計為首頁相關的知識