国产丝袜视频一区二区三区大长腿|丁香九月婷婷综合|久久久久久久久大|极品无码人妻视频|青青草中文无码|黄p网站免费观看|欧美性爱精品乱码翘臀|亚洲精品第十一页|91精品久久久久久久久久久久久久|曰曰干夜夜噜

首頁 > 熱門提問 > html網(wǎng)頁制作入門

html網(wǎng)頁制作入門

提問

問題
列表

  • 網(wǎng)頁制作是什么意思呀!

    查看答案>>

  • 網(wǎng)頁編程入門應該首先學些什么?

    查看答案>>

  • 學習網(wǎng)頁制作需要看那些書

    查看答案>>

  • 網(wǎng)頁設計基礎問題。。

    查看答案>>

  • 網(wǎng)頁設計學要學習什么web前端呢?二者有何不同。都要學習什么

    查看答案>>

網(wǎng)頁制作是什么意思呀!

網(wǎng)頁制作網(wǎng)頁實際是一個文件,他存放在世界某個角落的的某一臺計算機中,而這臺計算機必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址( URL )來識別與存取,當我們在瀏覽器輸入網(wǎng)址后,經(jīng)過一段復雜而又快速的程序,網(wǎng)頁文件會被傳送到你的計算機,然后再通過瀏覽器解釋網(wǎng)頁的內容,再展示到你的眼前。 要領一:確定網(wǎng)站主題 做網(wǎng)站,首先必須要解決的就是網(wǎng)站內容問題,即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材:第1類:網(wǎng)上求職;第2類:網(wǎng)上聊天/即時信息/ICQ;第3類:網(wǎng)上社區(qū)/討論/郵件列表;第4類:計算機技術;第5類:網(wǎng)頁/網(wǎng)站開發(fā);第6類:娛樂網(wǎng)站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續(xù)細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設計制作出優(yōu)秀的作品。 對于內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖制作一個包羅萬象的站點,這往往會失去網(wǎng)站的特色,也會帶來高強度的勞動,給網(wǎng)站的及時更新帶來困難。記住:在互聯(lián)網(wǎng)上只有第一,沒有第二! 要領二:選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務網(wǎng)站,其所有建設的價值,都凝結在其網(wǎng)站域名之上。失去這個域名,所有前期工作就將?柯淇鍘?br> 目前,做個人網(wǎng)站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網(wǎng)易的虛擬域名服務,其實這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網(wǎng)站的第一筆財富,要把域名起得形象、簡單、易記。 要領三:掌握建網(wǎng)工具 網(wǎng)絡技術的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的Web頁面制作工具,下面是幾款具有代表性的網(wǎng)頁制作器: (1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML規(guī)范,使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 (2)所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網(wǎng)頁。而且,F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼,并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 (3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 另外,個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具,并能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬件和網(wǎng)絡知識也是必備的。 當然,互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片制作技術。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。 要領四:確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點: ①欄目與板塊編排 構建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網(wǎng)站建設初學者,最容易犯的錯誤就是:確定題材后立刻開始制作,沒有進行合理規(guī)劃。從而導致網(wǎng)站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊涂,制作者自己在擴充和維護網(wǎng)站也相當困難。所以,我們在動手制作網(wǎng)頁前,一定要考慮好欄目和板塊的編排問題。 網(wǎng)站的題材確定后,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質是一個網(wǎng)站的大綱索引,索引應該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是: ●盡可能刪除那些與主題無關的欄目; ●盡可能將網(wǎng)站內最有價值的內容列在欄目上; ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。 另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET硅谷動力(www.enet.com.cn)的站點分新聞、產(chǎn)品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意: ●各板塊要有相對獨立性; ●各板塊要有相互關聯(lián); ●各板塊的內容要圍繞站點主題; ②目錄結構與鏈接結構 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結構的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點本身的維護,以后內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如: ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯(lián)的文件,影響工作效率;上傳速度變慢,服務器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。 ●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關性強,不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便于維護管理。 ●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。 其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。 網(wǎng)站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點并不是分布在一個平面上,而是存在于一個立體的空間中。一般的,建立網(wǎng)站的鏈接結構有兩種基本方式: ●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什么位置,不會“不知身在何處”,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。 ●星狀鏈接結構(一對多),類似網(wǎng)絡服務器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由于鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內容。 因此,在實際的網(wǎng)站設計中,總是將這兩種結構混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計,在實際的網(wǎng)頁制作中是非常重要一環(huán),采用什么樣的鏈接結構直接影響到版面的布局。 ③進行形象設計 網(wǎng)站的設計可以從以下幾點出發(fā): ●設計網(wǎng)站標志(LOGO)。LOGO是指網(wǎng)站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創(chuàng)意應當來自網(wǎng)站的名稱和內容。比如:網(wǎng)站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志,采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。 ●設計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒?!皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站型象和延伸內涵的色彩,要用于網(wǎng)站的標志,標題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網(wǎng)站的標準色彩不超過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。 ●設計網(wǎng)站字體。和標準色彩一樣,標準字體是指用于標志,標題,主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風格,可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那么辛苦設計制作便可能付之東流了。 ●設計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進行對外宣傳,可以收到比較好的結果。 要領五:確定網(wǎng)站風格 “風格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的,這就形成了網(wǎng)站的“風格”。 風格是有人性的,通過網(wǎng)站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的,還是墨守成規(guī)的。 總之,有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網(wǎng)站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳??傊?,風格的形成不是一次定位的,你可以在實踐中不斷強化、調整、改進。 要領六:有創(chuàng)意的內容選擇 好的內容選擇需要有好的創(chuàng)意,作為網(wǎng)頁設計制作者,最苦惱的就是沒有好的內容創(chuàng)意。網(wǎng)絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站,如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,網(wǎng)站設計制作者也應當放棄這個創(chuàng)意。另外,主頁內容是網(wǎng)站的根本之所在,如果內容空洞,即使頁面制作地再怎樣精美,仍然不會有多少用戶。從根本上說,網(wǎng)站內容仍然左右著網(wǎng)站流量,內容為王(Content Is King)依然是個人網(wǎng)站成功的關鍵。 要領七:推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位,在推廣個人網(wǎng)站之前,請確保已經(jīng)做好了以下內容:網(wǎng)站信息內容豐富、準確、及時;網(wǎng)站技術具有一定專業(yè)水準,網(wǎng)站的交互性能良好。一般來說,網(wǎng)站的推廣有以下幾種方式: (1)搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點是在技術上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網(wǎng)址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內容的Main頁面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址,以保證收錄網(wǎng)站的質量,在分類查詢時獲得的信息相關性比搜索引擎站點(靠Spider自動搜索的)更強。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多,因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網(wǎng)址提交到最合適的目錄下面,要認真詳細的介紹網(wǎng)站,千萬不要有虛假、夸張的成分。 (2)廣告交換技巧 很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗,當與一個個人站點交換鏈接時,對方把網(wǎng)站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那里。通常在首頁,廣告交換才會有很好的效果。 (3)目標電子郵件推廣 使用電子郵件宣傳網(wǎng)址時,主要有如下技巧:可以使用免費郵件列表來進行,只要你申請了免費郵件列表服務,你就可以利用郵件列表來推廣你的網(wǎng)站;可以通過收集的特定郵件地址,來發(fā)送信息到特定的網(wǎng)絡群體,在特定網(wǎng)絡群體中推廣自己的網(wǎng)站;發(fā)送HTML格式的郵件,即使其內容與接收者關系不大,也不會被被當作垃圾信件馬上刪掉,人們至少會留意一下發(fā)送者的地址。不過,在進行郵件推廣的時候要注意網(wǎng)絡道德。 要領八:支撐網(wǎng)站日常運行 當個人網(wǎng)站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網(wǎng)站獲取資金通常有以下兩個渠道: (1)銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位,一般來說,每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性,以往的廣告經(jīng)驗,技術以及設計要求等也會影響到廣告的銷售。 一般來說,WEB廣告的收費有三種方式: ①CPM (Cost Per Million/Thousand) 放一個廣告,它按每1,000人次來訪問站點收費。這方法對網(wǎng)站經(jīng)營者最為合適,只要有人瀏覽該網(wǎng)頁,就得錢,不管訪問者對廣告有無反應——是否會看或點擊該廣告。 ②點透(Click-through) 通過Banner廣告點到了廣告商的站點,這才算數(shù),廣告商青睞這個,他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了,據(jù)一些調查資料表明,只有3%的訪問者會去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對于網(wǎng)站的經(jīng)營者來說,比上面兩個都更加冒險。 通常的,個人網(wǎng)站的廣告收費方法往往是第一、第二種方法的結合,站點和廣告商都可少冒點險。 (2)與大型網(wǎng)站合作 另外,通過與大型網(wǎng)站合作,獲取經(jīng)費,也可以維持個人網(wǎng)站的日常運行。不過,個人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。 有時間和充沛的體力,再加上對新技術和技巧的學習和應用,你就能為自己在網(wǎng)上建一個家了。
0 有幫助? 展開

網(wǎng)頁編程入門應該首先學些什么?

 一、網(wǎng)頁編程最基礎最簡單的是HTML語言,你可以上網(wǎng)下一些資料,先學HTML,  二、等你基本掌握一些最常用的HTML代碼后,可以借助dreamweaver等網(wǎng)頁制作軟件,不用自己手敲代碼就能輕松設計一些簡單的網(wǎng)頁,  三、接著,你可以學CSS,利用CSS可以實現(xiàn)很多功能,比如一些網(wǎng)頁中字體、標題的樣式設定,比如網(wǎng)頁中圖片的位置的定位。  四、以上是靜態(tài)網(wǎng)頁的制作,等你能熟練制作靜態(tài)網(wǎng)頁后,就可以學一些動態(tài)網(wǎng)頁腳本,一般比較常用的有Javascript何VBScript,利用動態(tài)腳本可以實現(xiàn)許多功能,比如網(wǎng)頁上一些很有趣的動態(tài)效果。  五、接著你可以學習網(wǎng)頁的后臺程序,你可以從簡單的入手,我最開始學網(wǎng)站后臺制作就是從ASP+access,可以嘗試著做一些簡單的網(wǎng)頁與數(shù)據(jù)庫的連接,可以找一本網(wǎng)站制作的書,系統(tǒng)地看下整個網(wǎng)站制作的總體步驟,可以找本帶有網(wǎng)站制作例子的書,按照上面地去做。 學習網(wǎng)站編程,要多練才能熟,有些代碼很好理解,但是如果不多聯(lián)系,等到自己用的時候就寫不出來,你要是需要可以把郵箱告訴我,我給你發(fā)些課件,是關于網(wǎng)站制作的一些課件,我也是從HTML入手,從簡單到難,慢慢做的,如果認真做,會發(fā)現(xiàn)做網(wǎng)站其實蠻有意思的。補充:隨著Web2.0標準的推廣,網(wǎng)頁設計的理念發(fā)生了很大變化,普遍實現(xiàn)了結構與表現(xiàn)的分離?!?1世紀高等學校規(guī)劃教材·計算機科學與技術:網(wǎng)頁編程》正是適應新環(huán)境的一本教材?!?1世紀高等學校規(guī)劃教材·計算機科學與技術:網(wǎng)頁編程》分為13章,內容包括HTML(標準通用標記語言下的一個應用)基礎、文本及版面控制標記、圖像、超級鏈接、表格與框架、表單與特殊對象、CSS樣式表、網(wǎng)頁的CSS布局、JavaScript腳本語言、文檔對象模型DOM、XML基礎、Ajax和RIA簡介
0 有幫助? 展開

學習網(wǎng)頁制作需要看那些書

首先,可以告訴想學網(wǎng)頁制作的朋友。學習制作網(wǎng)頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什么。 建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網(wǎng)頁設計感興趣,有較充足的學習時間,熟悉office辦公軟件。當然,這些不是一定必須的。 第一階段:開始時最好是學些網(wǎng)頁編輯軟件,如:FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊制作。 第二階段:會用網(wǎng)頁制作軟件后,已會制作一個較完整的網(wǎng)站了。但為了能使自己設計制作的網(wǎng)頁盡善盡美,還是學習網(wǎng)頁的核心技術吧!網(wǎng)頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。 第三階段:結合你自己已掌握地知識來開發(fā)網(wǎng)站,可以開發(fā)出別人給你定義的目標網(wǎng)站。到了這個時候,你就成為真正的網(wǎng)站開發(fā)者了。 怎樣制作網(wǎng)頁,不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要,希望能夠給想要學習制作網(wǎng)頁的朋友一個參考。
0 有幫助? 展開

網(wǎng)頁設計基礎問題。。

我了個去啊,您這是一點不會吧?你確定這樣你要做個人網(wǎng)站。。。還不如直接找個人幫你做掉算了,真是,,,,讓我想到的是考試答卷啊。您這個╮(╯▽╰)╭1、試描述建設個人網(wǎng)站的基本步驟。    前期準備工作,你要有一個域名和域名空間,好了不要問我什么是域名,域名空間就是你文件的存放地。    之后,設計-網(wǎng)頁基礎排版和圖像處理;靜態(tài)頁面-html+css靜態(tài)頁面編輯;程序-把做好的靜態(tài)頁面嵌套到程序里面,你就可以通過后臺進行管理了。    最后調試,測試網(wǎng)站鏈接等無問題后上傳網(wǎng)站到空間,正式發(fā)布運行。2為什么制作網(wǎng)頁時要遵循使用標準字體、標準色彩的原則?    首先網(wǎng)站是不支持除標準字體之外的字體的,除非你使用的字體恰好瀏覽者的字體庫也有這種字體否則都會變成“宋體”,所以使用標準字體之外的字體也就毫無意義了。    當然有一種叫做@font-face的字體,可以 將外部字體載入到網(wǎng)頁,但是他有一個致命的缺陷——針對中文字體相當?shù)牟煌晟啤6沂褂眠@種方法你要將字體轉換成.eot、.svg、.ttf、.woff四種格式字體,并在樣式中定義字比如:1234567891011@font-face {    font-family: '953-cai978regular';    src: url('../font/953-cai978-webfont.eot');    src: url('../font/953-cai978-webfont.eot?#iefix') format('embedded-opentype'),         url('../font/953-cai978-webfont.woff2') format('woff2'),         url('../font/953-cai978-webfont.woff') format('woff'),         url('../font/953-cai978-webfont.ttf') format('truetype'),         url('../font/953-cai978-webfont.svg#953-cai978regular') format('svg');    font-weight: normal;    font-style: normal;}    至于顏色,你可以查下相關web安全色的問題,我就不多給你解釋了。3使用表格和框架布局網(wǎng)頁有什么不同之處?試描述二者結合布局網(wǎng)頁的優(yōu)勢    表格和框架的話,我不想說太多了,這個根本是本質上的區(qū)別,沒啥好解釋的,就簡單說下方便你理解就算了。     表格的話你可以理解為Excel差不多,就是在html頁面上建立一個table表格,把需要的內容放在相應的單元格就可以,不過html中的表格可以做布局用(現(xiàn)在很少有人用了)。    框架的話,不建議你去研究,這個基本上在網(wǎng)頁制作中很時候用到了,不過像現(xiàn)成的QQ客服代碼和API地圖代碼插入就是框架結構。    這個兩個你都不需要知道他們的優(yōu)勢,因為基本不用這兩種進行布局?,F(xiàn)在大多數(shù)是采用div+css的布局,而且現(xiàn)在html5+css3的技術很強大了。    另外框架有個致命缺點就是會出現(xiàn)內部滾動條,你要是不明白我說的是什么意思,你自己做一個頁面只用框架并且把高度和寬度撐開你就知道了,太影響美觀了有木有啊o(>﹏<)o4回答關于文本和圖像的使用的下列問題:(1)如何輸入無行距回車和連續(xù)多個空格?    不是很清楚你說的無行距回車是啥,如果是像word一樣的換行的話只要一個<br />就搞定了,單個空格是   多個空格我們基本不用,大多數(shù)采用 margin/padding 直接控制幾個像素的距離。(2)什么是替換文本,替換文本在圖片正常瀏覽和非正常瀏覽時如何表現(xiàn)?    替換文本就是字面的意思,比如我在當前位置插入一個圖片,但是由于不明原因它不能顯示了(360急速模式下默認是一個裂圖,你懂的),現(xiàn)在替換文本就會顯示出來了。也就是說我設置了替換文本是“你看不到我”,那么當圖片不顯示的時候你就看到這句話了(前面說了360顯示裂圖,IE是這樣的,你要是一定要顯示這句話就要牽扯到瀏覽器默認格式的問題了,現(xiàn)在先不和你說有點小復雜)。    如果圖片正常情況下 你是看不到替換文本。    值得注意的是替換文本是屬性是alt ,瀏覽器本身具有糾錯性很多人用alt顯示提示信息,其實這個不是title才是,alt的作用是替換文本。不過現(xiàn)行的主流瀏覽器都默認支持這種錯誤。5按照鏈接源端,網(wǎng)頁中的超鏈接可以劃分為哪幾種?按照鏈接目的端又可以分為哪幾種?    額~這個問題我也不是很清楚,我不明白你說的源端是什么。    你可以自己在w3c school上關于a標簽這節(jié)內容上看看。    http://www.w3school.com.cn/html/html_links.asp    (你要是想系統(tǒng)的學html也可以上w3c school 上學,挺全面的)6什么是圖像熱點?如何創(chuàng)建圖像熱點鏈接?    熱的就是。。。專業(yè)解釋是啥我也忘了。就你能聽懂的方法說吧,網(wǎng)頁上的文字和圖形都可以創(chuàng)建鏈接,問題來了,網(wǎng)頁上的圖形不管你做成啥樣也就只能是正方形或是矩形(flash做的不算),那如果我想要一個菱形或是圓形的鏈接怎么辦?熱點就有用了。    你要是不用軟件想自己創(chuàng)建一個熱點鏈接就算了,省省力氣吧,語法倒是不難。123456<map name="mymap"><area href=URL1 shape=rect coords="x1,y1,x2,y2"><area href=URL2 shape=circle coords="x,y,r"><area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn"></map><img src=image_url usemap=#mymap>    但是,你看那x1、y1的了嗎,算坐標算死了,還不一定找的準。使用軟件直接操作,語法也不用你寫,很方便的。7使用CSS樣式有哪些優(yōu)勢    css樣式就是把定義文本、圖像、布局等一系列的代碼全部放在一個統(tǒng)一的“附加樣式表”里,這樣整個html文檔看起來會很干凈。    而且,有些樣式是重復調用的,如果有一個統(tǒng)一的樣式表只要該一個class即可,就不需要去找每一行的內嵌樣式,省時省力。    所以css優(yōu)勢就是:增強代碼可讀性、便于修改。8什么是內部樣式表,什么是外部樣式表?試舉例說明如何使用外部樣式    好吧,這個其實和上面是一樣的,看下面代碼,插入css樣式的三種方式:1234567891011<link href="CSS/document.css" rel="stylesheet" type="text/css"><!--調用外部樣式表,單獨一個.css文件--><style type="text/css">html{width:100%;background:#c8e5ee;}</style><!--內部樣式,直接寫在html文檔的頭部里--><p style="color:red; padding-left:50px;">我是紅色字體哦~</p><!--內嵌樣式,直接跟著他要作用于的標簽里-->9行為是由事件和動作組成的。什么是事件?什么是動作?它們之間有什么關系?試以一個行為為例說明    這個不想理你,你想知知道的太寬了,現(xiàn)在和你說了你也 理解不了。    這個事件的問題你還是放在以后有時間在考慮了解吧,太簡單的沒用,難的你現(xiàn)在也做不到。以后你要是想學JS的時候用到的會比較多。    不過現(xiàn)在JS很多開源代碼給你抄,你不會也沒關系,也可以做出你想要的效果。不要一下想把所以的東西都學會這是不科學的,o(╯□╰)o    我也是學了有1年不到才開始不會出現(xiàn)兼容問題的。
0 有幫助? 展開

網(wǎng)頁設計學要學習什么web前端呢?二者有何不同。都要學習什么

  如果你還是在校學生,那你得好好上課,大學的教材普遍來講都是知識面淺的。雖然很多知識看起來用處不大,學起來也很枯燥,讓你覺得浪費時間。但這些書本上最基礎的知識你都不能掌握,那你以后怎么追求更精湛的技術呢。所以不要逃課,把基礎知識掌握了,別小看這個基礎知識,它非常重要,基礎扎實是否也會決定你在一個職業(yè)能走多遠?! ∥沂钱厴I(yè)了后從文員轉到編輯再到技術員當然這期間工資就像是階梯一樣,雖然這差距也不是很大,都離不開那些曾經(jīng)被我遺落角落的專業(yè)課本。生活上的壓力迫使我這樣做,我知道自己要什么,當一個文員沒有追求,感覺過著30、40歲人的生活,接電話、發(fā)email、整理報表,每個月都有白領的工資...浪費的不僅僅是自己的青春,還有這大學幾年昂貴的學費。后來就愈來愈想掌握一門技術,想去培訓學校學習一段時間,但是現(xiàn)實是我沒有錢,閉關一個星期,重拾課本,再看看那些討厭的table,雖然out了,但是確實會發(fā)現(xiàn)很多基礎再基礎不過的東西,利用互聯(lián)網(wǎng),不明白的就百度,作為一個過來人,我覺得我自己走了不少彎路,所以,有必要提醒你們一下,一定要明確自己的目標,擺正自己的位置,最好掌握一門技術?! ×私鈝eb前端  Web前端開發(fā)是從網(wǎng)頁制作演變而來的,名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中,網(wǎng)頁制作是Web1.0時代產(chǎn)物,那時網(wǎng)站的主要內容是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進入Web2.0時代,各種類似桌面軟件的Web應用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁的內容更加生動,網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗,這些都是基于前端技術實現(xiàn)的。說得直白點就是美工photoshop,交互設計,flash,js,html+css。就小規(guī)模公司而言,一個技術員都得會這幾樣技能,這樣很鍛煉人的,慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細,所以,你可以精通一門,熟悉其他的,進軍大公司?! 【W(wǎng)頁開發(fā)工具  學習web前端開發(fā),網(wǎng)頁開發(fā)工具有FrontPage,會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具,我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面,融合了html5一些新的內容。包括網(wǎng)格布局什么的。  學習內容  HTML、CSS和JavaScript。html是內容,css是表現(xiàn),javascript是行為。前端開發(fā)的門檻其實非常低,與服務器端語言先慢后快的學習曲線相比,前端開發(fā)的學習曲線是先快后慢。所以,對于從事IT工作的人來說,前端開發(fā)是個不錯的初入點。也正因為如此,前端開發(fā)的領域有很多自學成“才”的同行。html是最基礎的,現(xiàn)在流行的是html5設計,先學會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學javascript。如果你把每天看電影、看電視劇的時間用來學習,我想一個星期入門是沒有問題的?! 』A知識:  1. html + css。這部分建議在 www.w3school.com.cn 上學習,邊學邊練,每章后還有小測試。之后可以模仿一些網(wǎng)站做些頁面。本站提供的個人博客模板www.yangqq.com/download/都是比較簡單的單頁,可以下載下來模仿自己做一個。理解css每個元素的屬性,樣式的實現(xiàn)不一定只有一種寫法,多想一想還有沒有什么需要改進的地方?! ?、JavaScript。不是所有的網(wǎng)頁都必須有js,但是要想實現(xiàn)一些超酷的功能和界面的時候,就需要涉及到js。如果沒有其他編程語言的基礎的話,學起來可能要費些力,還是建議先在 w3school上學習。之后建議馬上看《javascript語言精粹》  3、Photoshop、flash。熟悉會一點兒就行了,沒必要全部都學得精通,當然如果你在學習的過程中,發(fā)現(xiàn)你ps或者flash比較感興趣的話,也可以嘗試做美工這一行。  4、html5和css3。可以先了解一下,然后再入手。畢竟IE的瀏覽器大多還不支持?! ?、瀏覽器兼容。懂web標準,熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox,Chrome、Safari、IE、Opera。雖然IE6很多都不兼容,但現(xiàn)在還使用的人還是有的。W3C驗證地址:http://jigsaw.w3.org/css-validator/ 通過驗證指定URI的CSS內容,可以幫我們檢查一下有沒有錯誤?! ?、熟悉一門后臺編程語言 asp、php、jsp等  web前端設計師前景  遇到很多想換行的朋友,第一句就問,這行賺錢嗎?我相信一句話,沒有付出,是沒有回報的!前面已經(jīng)說過了,咱們這行門檻是很低的,所以薪資階段也不一樣。2000初入這行的現(xiàn)在還普遍,工作經(jīng)驗2年以上,有很多代表性作品的時候,工資在4000左右;高手級別的估計在6000左右,大師級別這個階段的薪資參考:10000以上(上海北京深圳為例)網(wǎng)頁設計師課程一般包括:Photoshop、Fireworks、用戶界面設計實操,xhtml、css、dreamweaver、網(wǎng)站架構與網(wǎng)站策劃、flash動畫制作,域名與空間、ftp、dhtml、javascript、動態(tài)交互網(wǎng)站(asp、php、aja)。
0 有幫助? 展開
img

在線咨詢

建站在線咨詢

img

微信咨詢

掃一掃添加
動力姐姐微信

img
img

TOP