導航:首頁 > 萬維百科 > 網頁設計站點怎麼做

網頁設計站點怎麼做

發布時間:2020-10-23 15:13:03

1、網頁設計導航是怎麼做的

1、打開Deamweaver8,新建一網頁文件。接著輸入以下導航菜單的內容:

<html xmlns="網址">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>導航欄示例</title>

</head>

<body>

<ul id="navigation">

<li></li>

<li><a href="#">首  頁</a></li>

<li><a href="#">我的博客</a></li>

<li><a href="#">互動交流</a></li>

<li><a href="#">開心一刻</a></li>

<li><a href="#">懸 賞 令</a></li>

<li></li>

</ul>

</body>

</html>

2、此時對應效果如圖:

3、接下來准備相關的導航按鈕圖片(可以事先利用PS製作好)。

4、然後將以下CSS代碼加入到<head></head>之間:

<style type="text/css">

body {text-align:center;}

#navigation

{ list-style-type:none; height:auto;}

#navigation li { width:154px; height:60px; text-align:center;

float:left; padding-top:18px;font-size:20px; font-family:"微軟雅黑", "宋體", "隸書";

background-image:url(images/noactive.jpg);}

a {width:154px; height:72px;}

a:link { text-decoration:none; color:#FFFF00;}

a:visited { text-decoration:none; color:#FFFF00; }

#navigation li:hover { color:#CC0000; text-decoration:underline;

background-image:url(images/active.jpg);}

a:hover{ color:#CC0033;}

#left {background-image:url(images/left.jpg); width:22px;}

</style>

5、在加入CSS代碼之間,網頁此時的效果如圖:

2、怎麼創建網站製作網頁

設計主頁首先要選擇合適的工具軟體,現在比較流行的網頁製作軟體是 FrontPage 和版 DreamWave。他們各有優缺點,權FrontPage 是微軟出品的網頁編輯軟體,也是 Office 系列軟體的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟體包中可以找到。如果對 Office 有一定的基礎,會用 Word 的人,很開就可以學會使用 FrontPage ,它的最大優點之一就是易學易用。另外 FrontPage 製作的網頁在 IE 瀏覽器中的效果也特別好。但是,如果你希望網頁在 Netscape 或其他瀏覽器上有良好表現,那麼使用 FrontPage 就有些麻煩。不是說不可以,只是很容易出錯。在這方面 DreamWave 就好很多,畢竟是第三方的軟體。DreamWave是由 MacroMedia 公司出品的網頁製作軟體,最新版本是3.0,功能也同樣很強大。不過學習起來要難一些,而且 IE 瀏覽器的一些高級功能就無法實現了。各有所長,只有自己權衡了。另外不要將兩個編輯軟體交替使用,否則會出現混亂。

3、如何用Photoshop做網頁設計

如果是給個人做,怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少,出了效果圖後,要給客戶看。等客戶確定不再修改時再做網頁,目的就在於防止客戶反復修改,動布局!
另外會做網頁效果圖,代表你的設計能力。用dreamweaver直接做的後果是邊想邊做,容易把設計思路搞混了!
據我所知,這樣的教程基本沒有。因為做網頁效果圖只要基本的操作,有時從別的網頁截一塊下來處理一下,直接用到自己的效果圖上。

一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。
是否可以解決您的問題?

4、介紹個如何製作網頁的網站~~~

如果初級來製作,你需要源網頁製作三劍客
如果進階製作,你需要PHOTOSHOP配合,以及IIS(asp環境)
如果高手製作,那麼你需要以上的以外還要有N種工具太多了
常規的網站軟體:Dreamweaver
fireworks
flash
處理圖片最流行的還是ps也可以使用isee、光影魔術手之類的都可以只要
是你感覺那個適合就用那個嘍
後台資料庫:access或SQL、mysql都行

5、如何自學網頁設計

1、在桌面上右鍵點擊滑鼠,出現對話框之後,點擊新建。

2、新建一個文本問檔,用於寫網頁代碼。

3、打開記事本,現在我們就可以編寫簡單的HTML代碼了。

4、現在,我們把文本的命名改成1.html。

5、一個簡單的HTML網頁就搭建完成了,可以通過瀏覽器打開試試看。

6、如何製作一個簡單的網頁 求大神

建站需要域名伺服器和建站程序

域名和伺服器可以用騰訊雲的,大服務商比較穩定

建站程序可以用常用的開源程序來做的,如pageadminCMS,wordpress等等

網上資源很多,教程也很多,新手也容易上手,如果找不到好的,可以直接某寶幾塊錢可以買上千個模板,直接套模板建站,好看實用,後期再在原模板上做修改調整或者開發

建站大概流程就是

域名實名認證,伺服器如果是國內的先備案,都可以在服務商後台操作的

都好了之後,域名解析到伺服器

伺服器配置環境,win系統直接用寶塔配置換,PHP+MYSQL+IIS就可以的

伺服器開設空間,綁定域名和開設資料庫,這個都用寶塔來操作

上傳網站程序到開設空間對應的文件夾里

訪問域名搭建網站

網上都可以找到對應的教程 的,新手還是比較容易上手的哈

安全方面,伺服器要再裝一個安全狗,這樣網站不容易被入侵

7、網站建設公司都是怎麼做網頁設計的

1、前期調研階段
網頁設計前期調研階段是企業進行網站建設網頁設計製作流程必須經歷的,前期調研工作是否充分,直接決定著整個決策設計方案的定位的正確性,跟其他設計准備的工作一樣,要從客戶主觀角度入手,包括市場、消費、地域、競爭對手等多個角度進行准備與策劃。
2、設計風格定位
為了保證製作的網站可以符合客戶企業的信息,我們可以通過獨特的視覺傳達系統來吸引瀏覽者的注意,並使特定的信息可以准確快速的傳播。在完成調研分析以後,接下來就是對網頁風格和表現形態進行定位,是簡約風還是古樸風、是時尚還是端莊、是典雅還是個性等等一系列風格;以及色調是純色還是灰色、是高明還是低暗,是對比色還是同色系等等,在表現形態上是採用什麼樣的界面是靜態效果還是三維效果,還是互動較強的動態效果等。
3、設計製作階段
經過上述兩個網頁製作流程,下一步就到網頁製作的階段,在企業整體視覺傳達設計的效果下,網頁的界面設計定位策略的引導下進行網頁設計製作階段的工作。設計製作的網頁應於企業或者網站標志做到統一,網頁的色調與企業的色調要和諧,形式與內容相互統一,如有不符合網站整體風格設計全部刪除,一切不吸引瀏覽者的裝飾都要摒棄,使參與設計界面構成的元素與內容進行有機的結合。
4、網頁界面發布調試階段
其實,到這一步驟也就預示著網站建設網頁設計製作流程已經到了最終階段,最後當網頁設計完成之後,就進入網頁的發布階段。這也是網頁設計的最後階段,設計的成功與否取決於用戶們的最終的瀏覽體驗,經過運行調整之後,網頁設計製作的工作在這里就要宣布完成了。

8、怎麼製作自己的網頁?

★建設自己的網站較好的步驟☆

必須注意的是:建立自己的網站是一件浩大的工程,一般比較麻煩。所以應當按照一定的步驟一步步來。

我覺得建站可以按照以下步驟進行:
1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些)
3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。
4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁)
5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁)
6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧)
7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面,刪了准備文件,就OK了!

不過也可以這樣使用FP建站:

1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。
4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面,刪了准備文件。完畢。

如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。

9、優秀的網站頁面設計說起來很簡單,可具體怎麼做?

額……理論知識這個東西,不懂的人的確是看不懂呀……我這說了估計還是理論知識,建議這種理論知識不要強迫自己理解, 用來學一學作為後期對別人給自己做的網站的檢查可能更好一點~

首先應該有一個設計方案,把想放在網站頁面設計上的東西做一個規劃,比如說網站的整體風格,欄目和項目的具體樣式有一個初步的規劃,定下了初稿之後,才能更好的進行下一步。這一步呢就需要你來好好思考一下了!

如果是跨國公司或者韓國本土公司,需要做韓語網站的話,還需要把相對應的項目翻譯一下,這樣才能讓網民有更高的閱讀體驗。並且這種情況建議使用三種語言,中文+該國語言+英語。


接下來就是具體的分步驟的網站頁面設計了。一般來說分三個部分,首頁,欄目頁,內容頁。那麼大部分公司網站如何製作的呢?很大一步部分的公司網站都會選擇把公司的logo放在左上角或者右上角等比較醒目的位置上。

頂部做一個導航欄,假如網頁的整體背景使用的是公司圖片的話,最好建議導航欄設計的與眾不同一點,但是不要遮擋別的信息。欄目頁,和內容頁就比較簡單,頂部底部不變,中間按照自己的需求改一下就ok了。


除了頁面布局的規劃、色彩的搭配、字體的選取需合理得當,還應合理利用標簽、靜態網頁還是動態網頁的選擇上有一個篤定的規劃。標簽建議不要太少或太長,合理地利用網頁標題、描述、關鍵字才能在同行業中具有競爭力。網頁選擇上建議選擇靜態網頁,靜態網頁更容易被搜索引擎檢索。除此之外,網頁文件名的設置也格外重要,忌設置一些復雜、深奧的文件名。


總而言之,優秀的網站頁面設計需要明確設計思路、有條不紊的欄目設置、熟悉製作流程、重視鏈接的插入、標簽的設置、文件名的命名以及獨立性、關聯性的考量。只要遵循圍繞主題進行的設計理念,才可以擁有一個適合自己公司,對公司有幫助的網站~

以上就是設計小能手redtrans_cs小姐姐的意見了~以下提供點我做的某韓國公司網站的一小部分參考~


10、如何在電腦上製作網頁?

1、首先,我們要打開DW,新建一個html文檔。

2、新建後會出現一個界面,如下圖。裡面的代碼都是自動生成的。

3、然後在</head>上面打上標題,如下圖。通常我們是用<h3></h3>的格式,然後在裡面填入標題,在刷新一下,就會在右邊出現了。

4、接著我們再編輯正文,我們可以用<p></p>來編輯。編輯後刷新,就可以看到下圖的效果。

5、如果你覺得只有文字,顯得太單調,又可以輸入<img scr=>,點擊回車就可以選擇你想要的圖片。

6、刷新一下就完成了。

與網頁設計站點怎麼做相關的知識