網(wǎng)頁(yè)制作基礎(chǔ)的知識(shí)教學(xué)過(guò)程(電腦以及網(wǎng)頁(yè)制作)

1.電腦基礎(chǔ)知識(shí)以及網(wǎng)頁(yè)制作

都是電腦基礎(chǔ)知識(shí)類(lèi)的書(shū)籍。

，圖形制作，動(dòng)畫(huà)制作，頁(yè)面特效制作和后臺(tái)程序制作幾個(gè)部分。 u 申請(qǐng)的主頁(yè)空間，把你制作的主頁(yè)傳上去 我們制作的頁(yè)面放在我們自己的計(jì)算機(jī)上，別人是不能看見(jiàn)的。

為了讓別人看見(jiàn)我們制作的頁(yè)面，我們必須將他們放到一臺(tái)和internet一直連接的計(jì)算機(jī)（服務(wù)器）上。你可以到提供空間服務(wù)的站點(diǎn)申請(qǐng)主頁(yè)空間。

有空間以后就可以利用響應(yīng)的FTP（文件傳輸協(xié)議）工具軟件將我們制作的頁(yè)面?zhèn)魃先ァ＿@樣，就可以讓大家來(lái)分享我的精彩頁(yè)面了。

常見(jiàn)的FTP工具軟件有cuteFTP、leapFTP等，其功能和使用方法都比較類(lèi)似，具體使用方法可參見(jiàn)本站想應(yīng)的文章。 可能你開(kāi)始的主頁(yè)只是非常簡(jiǎn)單， 但是這是你的第一步，也是良好的開(kāi)端，然后再一步步學(xué)習(xí)：如何把網(wǎng)頁(yè)制作漂亮一些？如何制作動(dòng)畫(huà)？對(duì)于新手，千萬(wàn)不要一下子就想：我看到某某某網(wǎng)頁(yè)這么漂亮，它是怎樣做出來(lái)的？我很想馬上做出來(lái)，于是馬上就去研究復(fù)雜的網(wǎng)頁(yè)，這樣你會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)制作很難，學(xué)兩下就放棄了，這樣永遠(yuǎn)學(xué)不會(huì)制作主頁(yè)。

想當(dāng)初。

2.網(wǎng)頁(yè)制作教程

網(wǎng)頁(yè)制作 頁(yè)制作具體流程： 網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)綜合性極強(qiáng)的工作，涉及到商業(yè)策劃、平面設(shè)計(jì)、人機(jī)界面、程序語(yǔ)言和數(shù)據(jù)庫(kù)等。

網(wǎng)頁(yè)設(shè)計(jì)總體上分為策劃、前臺(tái)和后臺(tái)三部分。一般都是由網(wǎng)三種不同專(zhuān)業(yè)的人合作完成的，一個(gè)人獨(dú)立完成的網(wǎng)站一般很難做到各方面都很專(zhuān)業(yè)。

因此，網(wǎng)站設(shè)計(jì)一般由團(tuán)隊(duì)完成。 策劃是指，網(wǎng)站的整體定位、功能規(guī)劃、應(yīng)用分析、流程設(shè)計(jì)和內(nèi)容架構(gòu)組織。

前臺(tái)是指，網(wǎng)站頁(yè)面的設(shè)計(jì)制作，包括版式規(guī)劃、色彩應(yīng)用、版面設(shè)計(jì)、切片輸出、頁(yè)面整合、動(dòng)畫(huà)和多媒體設(shè)計(jì)、交互環(huán)節(jié)設(shè)計(jì)和頁(yè)面代碼編寫(xiě)等。 后臺(tái)是指，程序設(shè)計(jì)、數(shù)據(jù)操作、功能實(shí)現(xiàn)、管理界面和管理功能設(shè)計(jì)等。

關(guān)于需要學(xué)習(xí)的知識(shí)則因你所面對(duì)的任務(wù)不同而不同。側(cè)重界面設(shè)計(jì)的，應(yīng)在圖形設(shè)計(jì)和視覺(jué)創(chuàng)意上多下功夫，做頁(yè)面代碼和后臺(tái)程序則要多熟悉web標(biāo)準(zhǔn)、標(biāo)記語(yǔ)言、內(nèi)嵌語(yǔ)言、腳本語(yǔ)言、數(shù)據(jù)庫(kù)等內(nèi)容。

[編輯本段] 網(wǎng)頁(yè)制作 [編輯本段] 內(nèi)容簡(jiǎn)介 本教材以中等職業(yè)學(xué)校計(jì)算機(jī)與軟件技術(shù)專(zhuān)業(yè)領(lǐng)域技能型緊缺人才培養(yǎng)指導(dǎo)方案為指導(dǎo)，以培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力為目標(biāo)，以當(dāng)前中職學(xué)生的認(rèn)知能力為前提，從實(shí)用的角度出發(fā)，以簡(jiǎn)明生動(dòng)的語(yǔ)言，采用案例式教學(xué)由淺入深地介紹了網(wǎng)頁(yè)制作的過(guò)程，并詳細(xì)介紹了實(shí)踐中的經(jīng)驗(yàn)和技巧。 全書(shū)內(nèi)容設(shè)置以項(xiàng)目為驅(qū)動(dòng)，以任務(wù)為導(dǎo)向，以創(chuàng)建三個(gè)范例網(wǎng)站為項(xiàng)目，共分8章，以配合學(xué)習(xí)者在不同時(shí)期的知識(shí)需求。

本書(shū)既可作為中職計(jì)算機(jī)類(lèi)各專(zhuān)業(yè)使用，也可供網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者自學(xué)使用，還可作為其他專(zhuān)業(yè)的公共課使用。 本書(shū)配有電子教學(xué)參考資料包（包括電子教案、相關(guān)實(shí)例的素材、范例網(wǎng)站的素材及習(xí)題答案），為了讓讀者掌握更多的實(shí)用技術(shù)，還配有《網(wǎng)頁(yè)制作學(xué)習(xí)指導(dǎo)與實(shí)訓(xùn)》教材。

[編輯本段] 目錄 第1章 網(wǎng)頁(yè)制作基礎(chǔ) 1.1 初識(shí)網(wǎng)頁(yè)、網(wǎng)站 1.1.1 認(rèn)識(shí)網(wǎng)頁(yè) 1.1.2 HTML基礎(chǔ) 1.1.3 網(wǎng)站的分類(lèi) 1.1.4 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 1.1.5 將計(jì)算機(jī)虛擬成web服務(wù)器 1.2 制作網(wǎng)頁(yè)的常用工具 1.3 網(wǎng)站的創(chuàng)建流程 1.3.1 企業(yè)網(wǎng)站的創(chuàng)建流程 1.3.2 范例網(wǎng)站的創(chuàng)建流程 1.4 網(wǎng)頁(yè)制作的注意事項(xiàng) 1.4.1 網(wǎng)頁(yè)的特點(diǎn) 1.4.2 網(wǎng)頁(yè)制作的基本原則 習(xí)題與上機(jī)練習(xí) 第2章 創(chuàng)建企業(yè)宣傳頁(yè)面 2.1 初識(shí)Dreamweaver 8.0 2.1.1 啟動(dòng)Dreamweaver 8.0 2.1.2 創(chuàng)建本地站點(diǎn) 2.1.3 站點(diǎn)的修改和編輯 2.1.4 制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 2.1.5 載入“跟蹤圖像” 2.2 Web文檔的常用操作 2.2.1 創(chuàng)建新的文檔 2.2.2 保存文檔 2.2.3 打開(kāi)文檔 2.2.4 設(shè)置新建網(wǎng)頁(yè)的頁(yè)面屬性 2.3 用表格布局頁(yè)面 2.3.1 表格的排版原則 2.3.2 插入表格 2.3.3 選擇表格元素 2.3.4 設(shè)置表格屬性 2.3.5 設(shè)置單元格屬性 2.3.6 編輯表格 2.3.7 表格嵌套 2.4 文本的添加 2.4.1 文本的輸入 2.4.2 用屬性面板設(shè)置文本格式 2.4.3 編輯字體列表，加入所需的字體 2.4.4 插入特殊符號(hào) 2.4.5 插入日期 2.4.6 插入水平線 2.4.7 文字的分行 2.4.8 編號(hào)與項(xiàng)目列表 2.4.9 段落的首行縮進(jìn) 2.5 用CSS設(shè)置文本樣式 2.5.1 CSS樣式簡(jiǎn)介 2.5.2 使用CSS樣式面板 2.5.3 CSS文件的類(lèi)型 2.5.4 創(chuàng)建和應(yīng)用CSS樣式 2.6 插入圖像 2.6.1 主要的圖像格式 2.6.2 插入圖像 2.6.3 插入圖像占位符 2.6.4 插入1*1像素圖像 2.6.5 設(shè)置圖像的屬性 2.7 插入文件頭內(nèi)容 2.7.1 插入文檔標(biāo)題 2.7.2 插入說(shuō)明信息和關(guān)鍵字 2.8 創(chuàng)建企業(yè)宣傳頁(yè)面 習(xí)題與上機(jī)練習(xí) 第3章 企業(yè)產(chǎn)品介紹頁(yè)面的實(shí)現(xiàn) 3.1 認(rèn)識(shí)超級(jí)鏈接 3.1.1 添加站點(diǎn)間的“友情鏈接” 3.1.2 添加站點(diǎn)內(nèi)的文本超鏈接 3.1.3 添加E-mail鏈接 3.1.4 添加網(wǎng)頁(yè)內(nèi)的超鏈接 3.1.5 添加空鏈接及腳本鏈接 3.1.6 添加圖像熱點(diǎn)鏈接 3.1.7 創(chuàng)建導(dǎo)航條 3.2 層 3.2.1 層的創(chuàng)建 3.2.2 選擇層 …… 第4章 打造企業(yè)留言板 第5章 在Dreamweaver中美化頁(yè)面 第6章 站點(diǎn)的發(fā)布 第7章 CSS樣式應(yīng)用 第8章 網(wǎng)頁(yè)制作綜合實(shí)例 1. 網(wǎng)頁(yè)制作 。

3.關(guān)于網(wǎng)頁(yè)制作教程

首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友。

學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來(lái)會(huì)比較輕松和快捷的。

其次，要清楚學(xué)習(xí)它是用來(lái)做什么。 建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。

當(dāng)然，這些不是一定必須的 第一階段：開(kāi)始時(shí)最好是學(xué)些網(wǎng)頁(yè)編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿本教程來(lái)學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁(yè)盡善盡美，還是學(xué)習(xí)網(wǎng)頁(yè)的核心技術(shù)吧！網(wǎng)頁(yè)編輯語(yǔ)言（包括：html、css、javascript、asp、xml等）。

你可以選擇地學(xué)習(xí)。 第三階段：結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。

到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。 怎樣制作網(wǎng)頁(yè)，不是說(shuō)一兩篇文章能夠說(shuō)清楚的。

以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。 二一、工具 1、空間網(wǎng)頁(yè)做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請(qǐng)一個(gè)空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請(qǐng)，建議先買(mǎi)一個(gè)個(gè)人空間，大概有個(gè)20M以上的就可以了。

2、軟件推薦使用Dreamweaver8.0中文版，這個(gè)軟件最大的特點(diǎn)就是“所見(jiàn)即所得”，也即是制作過(guò)程中看到的，便是到時(shí)發(fā)布到網(wǎng)絡(luò)上的。 二、教程 花點(diǎn)時(shí)間，找個(gè)比較通俗易懂的教程看一看是很有必要的。

每個(gè)網(wǎng)頁(yè)的組成，不外是文字、表格、圖、動(dòng)畫(huà)還有就是背景音樂(lè)等幾個(gè)大的元素，搞清楚如何將這些元素?cái)[放進(jìn)去，你也就算懂得如何制作網(wǎng)頁(yè)了。 三、制作 開(kāi)始時(shí)建議去下載一個(gè)比較簡(jiǎn)單的網(wǎng)頁(yè)，在制作軟件中將它打開(kāi)，然后仔細(xì)觀察人家的網(wǎng)頁(yè)的構(gòu)成，模仿它去填充各種元素，實(shí)踐中再配合著教城，進(jìn)度會(huì)快很多，記得也牢一些。

其實(shí)做網(wǎng)頁(yè)并不難，但要做出有特色的網(wǎng)頁(yè)來(lái)，那就非一朝一夕之功了。一點(diǎn)個(gè)人的粗淺體會(huì)，不妥之處敬請(qǐng)指正。

網(wǎng)站隨著互聯(lián)網(wǎng)絡(luò)的發(fā)展越來(lái)越普及和深入到每一個(gè)行業(yè)、每一個(gè)人。做網(wǎng)站對(duì)于知道的人是很簡(jiǎn)單的事情，對(duì)于不知道的人，顯得很高深莫測(cè)。

其實(shí)，做網(wǎng)站的門(mén)檻是很低的，只要你想做，很少錢(qián)、很短時(shí)間就可以做到。對(duì)于我們自己，做網(wǎng)站可以隨心所欲，充分展示自己。

我在這里把做入門(mén)級(jí)網(wǎng)站的具體步驟告訴你，如果要做大型的網(wǎng)站，這個(gè)就肯定不夠用了。 第一步：注冊(cè)域名 什么是域名？ 域名是Internet上用來(lái)查找網(wǎng)站的專(zhuān)用名字，與我們熟悉的地址、門(mén)牌號(hào)的作用相似。

據(jù)規(guī)定，域名由英文字母（不區(qū)分大小寫(xiě)），阿拉伯?dāng)?shù)字和橫杠“-”組成，不能有空格， “-”不能放在最前面或最后面，每個(gè)層次最長(zhǎng)不能超過(guò)67個(gè)字母。 互聯(lián)網(wǎng)上的域名可謂千姿百態(tài)，但從域名的結(jié)構(gòu)來(lái)劃分，總體上可把域名分成兩類(lèi)，一類(lèi)稱(chēng)為“國(guó)際頂級(jí)域名”（簡(jiǎn)稱(chēng)“國(guó)際域名”），一類(lèi)稱(chēng)為“國(guó)內(nèi)域名”。

一般國(guó)際域名的最后一個(gè)后綴是一些諸如.com,.net,.gov,.edu的”國(guó)際通用域”，這些不同的后綴分別代表了不同的機(jī)構(gòu)性質(zhì)。比如.com表示的是商業(yè)機(jī)構(gòu)，.net表示的是網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)，.gov表示的是政府機(jī)構(gòu)，.edu表示的是教育機(jī)構(gòu)。

推薦的知名注冊(cè)服務(wù)機(jī)構(gòu)： 耐思尼克： 語(yǔ)言的知識(shí)，

3在學(xué)習(xí)一些基本的html標(biāo)簽（要多加練習(xí)哦）

4.先試著用表格進(jìn)行布局。之后可以學(xué)習(xí)div+css進(jìn)行布局（目前比較流行的布局方式?。?/p>

5還要會(huì)使用些簡(jiǎn)單的javascript、vbscript

如果你只是想學(xué)習(xí)前臺(tái)的話(huà)，可以直接學(xué)習(xí)“三劍客軟件”，不學(xué)習(xí)html和javascript 。

如果你想學(xué)習(xí)后臺(tái)的話(huà)，你就必須要學(xué)習(xí)代碼了。

html----javascript/vbscript------asp/php/jsp-------數(shù)據(jù)庫(kù)技術(shù)

有問(wèn)題可以hi我。。建議你加入團(tuán)隊(duì)學(xué)習(xí)：（網(wǎng)站、網(wǎng)頁(yè)制作）語(yǔ)言，然后是css，最后子解一下javascript，在這一學(xué)習(xí)過(guò)程你 最好靜下心來(lái)學(xué)，不要到網(wǎng)上或論壇上問(wèn)這問(wèn)那，那只是浪費(fèi)時(shí)間，因?yàn)槟氵€不懂。

會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但是要知道你目前學(xué)習(xí) 的還僅僅是靜態(tài)的網(wǎng)頁(yè)，當(dāng)你能夠做出一個(gè)靜態(tài)網(wǎng)站，并會(huì)將其發(fā)布到網(wǎng)上與網(wǎng)友們分享的時(shí)候，你的第一個(gè)過(guò)程就算完成了 第二階段： 好了，靜態(tài)的網(wǎng)頁(yè)制作差不多的時(shí)候，你可以去網(wǎng)上與網(wǎng)友交流交流了，那時(shí)你會(huì)發(fā)現(xiàn)自己的水平還很有限。

現(xiàn)在你需要由靜態(tài)向動(dòng)態(tài)過(guò)渡了，主流的動(dòng)態(tài)網(wǎng)頁(yè)編程 語(yǔ)言有三種asp或asp.net、php、jsp.每種都有各自的特點(diǎn)，看你喜歡那種，要三種都精通那是比較不實(shí)際的吧，也是沒(méi)有必要的。這一個(gè)過(guò)程也 是個(gè)很關(guān)鍵的過(guò)程，你要系統(tǒng)得學(xué)習(xí)一種語(yǔ)言，還要學(xué)會(huì)動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)行環(huán)境的搭建，還有數(shù)據(jù)庫(kù)方面知識(shí)。

記住要根據(jù)你自己的實(shí)踐情況慎重地選擇一種，不要學(xué)了 一種又學(xué)那一種，結(jié)果一樣也沒(méi)有學(xué)會(huì)。我有切身體會(huì)，但是每一樣稍作了解是必要的，要不你怎么先擇啊，是吧？ 第三階段： 結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。

到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。這時(shí)你可以加入一個(gè)團(tuán)隊(duì)了，接下來(lái)的 知識(shí)的學(xué)習(xí)是靠實(shí)踐和交流了，你可以上論壇去，有些知識(shí)書(shū)本上是學(xué)不到的。

這一個(gè)階段你可能是漫長(zhǎng)的，你只能不斷得充實(shí)自己。 怎樣制作網(wǎng)頁(yè)，不是說(shuō)一兩篇文章能夠說(shuō)清楚的。

以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。 二、學(xué)習(xí)網(wǎng)頁(yè)制作要用到的東西。

1、空間 網(wǎng)頁(yè)做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請(qǐng)一個(gè)空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請(qǐng)，建議到大的網(wǎng)站如新浪、網(wǎng)易去先買(mǎi)一個(gè)個(gè)人空間， 大概有個(gè)20M以上的就可以了，若你學(xué)習(xí)動(dòng)態(tài)的，要根據(jù)自己學(xué)習(xí)的不同語(yǔ)言，選擇一個(gè)支持相應(yīng)動(dòng)態(tài)語(yǔ)言空間。當(dāng)然你也可以在自己的電腦上架設(shè)服務(wù)器，但是 這又是一門(mén)學(xué)問(wèn)，至少要一個(gè)星期的學(xué)習(xí)。

2、軟件 推薦使用Dreamweaver8.0中文版，這個(gè)軟件最大的特點(diǎn)就是“所見(jiàn)即所得”，也即是制作過(guò)程中看到的，便是到時(shí)發(fā)布到網(wǎng)絡(luò)上的。 當(dāng)然frontpage也行，不過(guò)要想真正學(xué)好，一定學(xué)Dreamweaver。

3、教程 你可以買(mǎi)一本入門(mén)的書(shū)，也可以到各大網(wǎng)站去下，但是我覺(jué)得買(mǎi)一全書(shū)效果會(huì)好一些，當(dāng)然也要上上論壇。 花點(diǎn)時(shí)間，找個(gè)比較通俗易懂的教程看一看是很有必要的。

每個(gè)網(wǎng)頁(yè)的組成，不外是文字、表格、圖、動(dòng)畫(huà)還有就是背景音樂(lè)等幾個(gè)大的元素，搞清楚如何將這些元素?cái)[放進(jìn)去，你也就算懂得如何制作網(wǎng)頁(yè)了。 具備以上的你就開(kāi)始吧，但是網(wǎng)頁(yè)制作確實(shí)是一個(gè)綜合的技術(shù)，要想成為一個(gè)網(wǎng)頁(yè)制作的高手，Photoshop或fierwork也要掌握，flash也不 能少。

所以你還是要不斷地摸索，不斷地提高。最好有幾位好朋友，一起合作。

當(dāng)你有一定的基礎(chǔ)之后，找機(jī)會(huì)加入一個(gè)網(wǎng)站開(kāi)發(fā)團(tuán)隊(duì)，在集體當(dāng)中學(xué)到的是最多 的。源自網(wǎng)絡(luò)-jj。