關于如何制作網(wǎng)頁的問題,用戶要做的,首先是確定建站目的、思想、內(nèi)容、規(guī)模,然后就是在現(xiàn)有的頁面上修改,增加或減少功能板塊,排版并設置頁面的風格等等一系列簡單方便的操作建立起您想要發(fā)表的頁面。
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設、網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務蘭溪,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220
1、要沉穩(wěn),不要花里胡哨。自助網(wǎng)站制作的人往往喜歡獵奇,弄一些不必要的亂七八糟的東西,比如彈出窗口啦、腳本代碼啦、很大的圖片啦,等等。
2、要素凈、大氣,不要五彩繽紛。要注意在一個自助網(wǎng)站的頁面里不要用色太雜。要確定一個顏色主調(diào),再搭配一兩種反差不太大的顏色即可。正文文字的大小要基本統(tǒng)一,文字的顏色也不要紅紅綠綠。不要認為如何制作網(wǎng)頁的關鍵是以大文字和鮮艷的色彩來強調(diào)很多意思,實際上使人眼花繚亂,什么都強調(diào)不了,也很不大氣。
3、要有個性、有風格,要突出行業(yè)的特點。比如娛樂業(yè)可以熱烈一些、活潑一些,政府網(wǎng)站則要莊重一些;收藏、書畫業(yè)要古樸典雅,策劃、時裝業(yè)則要前衛(wèi)一些。
4、一個網(wǎng)頁不要太長,一般兩屏到三屏就可以了。在同一個網(wǎng)頁里,如果文字或圖片太多,既不美觀,也會影響你的網(wǎng)頁打開的速度。如果內(nèi)容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
5、其實,如何制作網(wǎng)頁,重點做好網(wǎng)站的首頁。網(wǎng)站的首頁就好比一個人的臉面,如果臟兮兮的,會把你的顧客嚇跑。網(wǎng)站的首頁做得好,里面的內(nèi)容一般也會不錯。
選擇了這套優(yōu)秀的自助建站服務系統(tǒng),用戶進入后臺管理系統(tǒng)后,自己可以隨時對網(wǎng)站內(nèi)容進行更新和維護,如更換或添加產(chǎn)品圖片,更新報價信息..... 可添加留言版,和在線提交反饋單,通過注冊帳號和密碼,安險性高,方便又快捷,真正作到實時更新和維護管理,靈活性強,易懂,功能強大,不用再為如何制作網(wǎng)頁擔心,一定會給企業(yè)帶來豐厚的利潤和發(fā)展。
自助建站系統(tǒng)可以做到:
立體規(guī)劃網(wǎng)頁設計的內(nèi)容,對整個站點作好統(tǒng)籌安排,規(guī)劃,對所有的內(nèi)容進行細意斟酌,把所有的意念組織起來設計一個合理的頁面樣式。根據(jù)網(wǎng)站的類別不同,選擇各種豐富多彩的網(wǎng)頁設計模板,使自助網(wǎng)站空間排序適當。自動升級:隨著技術(shù)的變化,網(wǎng)站建設中,平臺隨時增加新功能,網(wǎng)站的功能則自動升級。廣告系統(tǒng):擁有自己的廣告管理系統(tǒng),自己可以發(fā)布商業(yè)廣告。統(tǒng)計分析:用戶可以了解自己的網(wǎng)站每天每個頁面每個欄目的點擊率。
目前的主要價格如下:
1. 480元,企業(yè)入門型,國際或國內(nèi)域名名一個,50M空間,1388套模板,語言版本:簡、繁、英,可以使用除文件下載和網(wǎng)上購物外的所有功能。
2.680元,企業(yè)標準型,國際或國內(nèi)域名名一個,100M空間,50M企業(yè)郵局,1388套模板,語言版本:簡、繁、英,可以使用除文件下載外的所有功能。
3. 980元,企業(yè)商務型,國際或國內(nèi)域名名一個,200M空間,100M企業(yè)郵局,1388套模板,語言版本:簡、繁、英,自助建站的所有功能。
4.1580元,網(wǎng)站定制型,國際或國內(nèi)域名名一個,200M空間,100M企業(yè)郵局,1388套模板,語言版本:簡、繁、英,根據(jù)客戶需要定制自助網(wǎng)站功能。
對初次建立網(wǎng)站的用戶來說, 制作網(wǎng)頁是件頭疼的事情;對于由別人幫助建站的用戶來說,網(wǎng)站的后期更新與維護可能更令人頭疼。缺乏專業(yè)人才,缺乏專業(yè)知識,這一切都讓企業(yè)對建站、維護網(wǎng)站望而生畏。有了新一代的自助建站系統(tǒng),一切都變得如此簡單、容易!
· 多款精美的網(wǎng)頁模版任意挑選
· 功能強大的在線網(wǎng)頁編輯器,任意圖文混排
· 自由增加、修改、刪除欄目;隱藏或加密欄目
· 網(wǎng)站功能非常豐富,如:新聞文章、圖文展示、文件下載等;
· 擁有自己的會員數(shù)據(jù)庫
· 網(wǎng)站名稱自動生成美觀的名稱圖片
· 各種網(wǎng)站輔助功能樣樣齊全
網(wǎng)頁三劍客下載
網(wǎng)頁三劍客下載網(wǎng)頁三劍客下載[絕可以下]
Dreamweaver MX 2004
下載地址:;id=313
一個可視化的網(wǎng)頁設計和網(wǎng)站管理工具,支持最新的Web技術(shù),包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
Macromedia Dreamweaver MX 2004 最新增加功能如下:
1、動態(tài)跨瀏覽器驗證
2、更強大的CSS支持
3、內(nèi)建的圖形編輯引擎
4、安全FTP
5、增強對當今技術(shù)的支持
6、無縫整合外部文件和代碼
7、緊密整合MM的其他工具
8、基本支持改良
9、增強代碼編寫工具
10、改進的設計開放環(huán)境。
備注:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網(wǎng)頁制作軟件。
我們也為您提供了網(wǎng)頁制作軟件破解補丁的下載搜索地址,請點擊這里。
以上軟件僅供學習研究之用,建議您購買正版軟件,本站不付任何法律責任。
Fireworks MX 2004下載
Fireworks MX 2004
下載地址:;id=315
Fireworks是Macromedia三套網(wǎng)頁利器之一,它是用來畫圖用的,它相當于結(jié)合了Photoshop(點陣圖處理)以及CorelDRAW(繪制向量圖)的功能。網(wǎng)頁上很流行的陰影、立體按鈕...等等的效果,也只需用鼠標點一下,不必再靠什么KPT之類的外掛濾鏡。而且Fireworks很完整的支持網(wǎng)頁16進制的色彩模式,提供安全色盤的使用和轉(zhuǎn)換,要切割圖形、做影像對應(Image Map)、背景透明,要圖又小又漂亮,在Fireworks2中做起來都非常方便,修改圖形也是很容易的。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體,切換來切換去的了。
Fireworks MX 2004新功能有:
1、執(zhí)行效率的提高
2、用戶界面的改進
3、內(nèi)建FTP登陸和版本控制
4、新的特效
5、自動圖形
6、新的照片修飾工具
7、服務器端代碼的支持
8、系統(tǒng)反鋸齒和自定義反鋸齒
9、雙字節(jié)支持
10、提供了Javascript API接口
備注:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網(wǎng)頁制作軟件。
我們也為您提供了網(wǎng)頁制作軟件破解補丁的下載搜索地址,請點擊這里。
Flash MX 2004
下載地址:;id=291
這個動畫制作軟件大家應該是很熟悉了吧,就不做介紹了,還是看看它的新功能吧。
Flash 2004 最新功能一覽:
1.時間線效果: 加速和簡化時間線上可重復使用的通用交互任務.例如:改變時間線效果允許用戶快速為一個對象設置動畫.位置.縮放.不透明和顏色變化.
2.行為:可以通過面板快速應用Actionscript而無需了解代碼.用戶可以創(chuàng)建自己的行為.行為是什么?用過DW的朋友應該很清楚.
3.PDFEPS支持:你現(xiàn)在可以直接導入PDF和Adobe Illustrator 10文件.
4.CSS樣式表:允許HTML和Flash內(nèi)容設計一致.文本框(Text field)對象現(xiàn)在支持一個新的方法.setStyleSheet將映射可載入的XML和HTML文件樣式規(guī)范.
5.鋸齒文字:為顯示清晰易讀的小字體做了優(yōu)化.文字首先以無反鋸齒(即.鋸齒文字)顯示然后轉(zhuǎn)換成矢量文字.因此確保了高清晰字體以小尺寸顯示(該想法是為了在移動設備上顯示).
6.模板:增加了許多模板.
7.開始頁面:該新窗口可以讓用戶選擇從哪個項目開始工作.
8.幫助:新的幫助系統(tǒng)整合全部幫助信息到應用程序中.
9.視頻導入向?qū)?當導入視頻片斷時.這個新的多步向?qū)峁┛刂浦付ǚ秶囊曨l被導入.可重復使用的編碼設置和顏色修正新性能.
10.外部FLV支持:你現(xiàn)在可以直接播放硬盤上的FLV(Flash視頻)文件(不需要導入).這樣可以用有限的內(nèi)存播放很長的視頻文件而不需要從服務器下載完全部文件.
11.改良的性能:重大的改進已經(jīng)增強了全部性能.用戶將會注意到編譯后的文件將不僅在Flash Player7中執(zhí)行效果好.同樣在以前版本的播放器中也很好.
12.拼寫檢查/全局查找替換:對整個FLA文件進行全局查找和替換.并且支持正規(guī)表達式.
13.輔助功能:改進MSAA(Microsft Active Accessibility)標準支持.
14.動作腳本2.0:為支持面向?qū)ο缶幊套隽朔浅4蟮母倪M.
15.歷史面板和命令
16.萬國碼(Unicode)字符串面板:完全支持全球語言字符集.字符串面板允許本地語言直接成為多國語言.
17.擴展性:新的可擴展架構(gòu).將有幾個三方軟件提供支持.
18.發(fā)布設置:增強了報表功能.
網(wǎng)頁制做入門 (1)
網(wǎng)頁制做入門
我們天天與網(wǎng)頁打交道,那些或界面精美,或內(nèi)容豐富,或構(gòu)思獨特、風格各異的網(wǎng)頁,不知道吸引了多少人的眼球了,它們的運行方式,制做方法,你說你說一點都不好奇,一點都不想知道,那肯定是假的,嘿嘿,我也一樣,而且我的好奇心有時還不小~~~,可我的好奇心有是有了,因為網(wǎng)頁制做沒有真正當成吃飯的家伙,所以,,,當初的熱度也只有三分鐘,在這里,把以前的一些經(jīng)驗介紹給大家,強烈希望廣大高手介入,來個你說,我說,大家說,集眾人的智慧于此。因為大多數(shù)地方,是跟據(jù)我自己的做法,我自己的理解說的,難免有說錯的地方,也請大家指正了。
第一講 網(wǎng)頁基本常識
我們平時常見的網(wǎng)頁,基本可以分為兩類,靜態(tài)網(wǎng)頁(htm,html等)和動態(tài)網(wǎng)頁(asp、cgi、php等)。靜態(tài)網(wǎng)頁交互性不強,只是單純的傳輸信息給客戶瀏覽器,而動態(tài)的一般有很強的交互性,很多都在一定程度上結(jié)合了數(shù)據(jù)庫,能進行資料的搜索等功能,常用于論壇,留言本,網(wǎng)上訂單等。常用的網(wǎng)頁腳本語言VBScript 、 JScript ,也是一種編程語言。下面這幾點是在別的地方抄來的,就當看小說一樣看下吧,只需大概知道下就行了。
一、什么是HTML?
網(wǎng)頁的學名稱作HTML文件,是一種可以在www網(wǎng)上傳輸,并被瀏覽器認識和翻譯成頁面顯示出來的文件。www是“world wide web"的縮寫;HTML的意思則是"Hypertext Markup Language",中文翻譯為“超文本標記語言”。“超文本”就是指頁面內(nèi)可以包含圖片,聯(lián)接,甚至音樂,程序等非文字的元素。
網(wǎng)頁就是由HTML語言編寫出來的。
HTML語言只是一種排版語言,語法就類似于這樣:"頁高8寬5,(1,2)處插入高1寬1的圖片A..."
HTML語言發(fā)展很快,已經(jīng)歷經(jīng)HTML1.0,HTML2.0和HTML3.0,html4.0多個版本,現(xiàn)在html5.0正在測試同時DHTML (動態(tài)),VHTML(虛擬),SHTML等也飛速發(fā)展。我們現(xiàn)在一般只要掌握HTML4.0就可以了。
二、什么是動態(tài) HTML(DHTML) ?
動態(tài)HTML是一組技術(shù),是一種新的思想方法,它被設計用來創(chuàng)造和顯示更多的交互性網(wǎng)頁,包括動態(tài)樣式,動態(tài)內(nèi)容,2D布局,數(shù)據(jù)捆梆和多媒體效果等等。
動態(tài)HTML (DHTML) 是一門令人興奮的新技術(shù),它完全克服了傳統(tǒng) HTML 的不足,極具發(fā)展前景。DHTML使用一個文件對象模型 (DOM) 來擴充 HTML 語言,使得 WEB 頁面的所有元素及其屬性都可以實時存取, 從而允許你使用腳本動態(tài)地修改頁面元素,而這些都不需要 WEB 服務器的干預。使用 DHTML 完全能夠設計出復雜的,動態(tài)的,交互式的 WEB 頁面,使我們的WEB 頁面將因此而變得更為生動和精彩。DHTML目前正在發(fā)展中,尚沒有形成一個標準。Microsoft 和 Netscape 兩大公司對 DHTML 各有自己的看法,盡管兩大公司都使用了很多相同的技術(shù)術(shù)語,并引用相同的已發(fā)表和提議的標準集合,但在具體實現(xiàn)中,兩者不能統(tǒng)一。Netscape 是增加一些新的標記(主要是Layer, Ilayer等),而 Microsoft 是對現(xiàn)有的標記增加一些新的屬性。由此引起的問題是在Internet Explorer上正常運行的動態(tài)網(wǎng)頁,在 Netscape 上可能會不正確運行;反之亦然。W3C 目前正在努力開發(fā)一種標準使它能與所有的平臺和瀏覽器兼容。
三、什么是HTTP?
Hypertext Transfer Protocol, WWW服務程序所用的協(xié)議。我們在用瀏覽器瀏覽網(wǎng)頁時,使用的就是這個協(xié)議,所以在地址欄中都要輸入http://……。
四、什么是FTP?
FTP是File Transfer Protocol(文件傳輸協(xié)議)的縮寫。它是一種在UNIX類操作系統(tǒng)上使用的協(xié)議,現(xiàn)在已經(jīng)被納入TCP/IP協(xié)議中,被廣泛的應用在Internet上。它的傳輸方式一般分為ASCII和BIN(二進制)兩種。我們在說到Internet上的FTP時,通常是指一些使用FTP協(xié)議的站點和FTP的傳輸方式。
五、上傳主頁有哪幾種方式?E-Mail方式維護主頁是什么意思?
通常我們上傳主頁的方式是由提供主頁空間的ICP來決定了。一般的上傳方式有FTP、HTTP、和E-Mail三種。FTP是文件傳輸協(xié)議的英文縮寫,光看字面意思,我們就應該知道傳輸文件是它的拿手好戲。好戲。HTTP方式是利用瀏覽器與服務器鏈接,向服務器端發(fā)送文件。E-Mail方式是指在維護主頁的時候?qū)⒁碌膬?nèi)容用壓縮軟件壓縮打包,用E-Mail發(fā)給主頁空間所在網(wǎng)站的WebMaster。再由WebMaster將主頁內(nèi)容解壓打開,完成更新工作。這三種上傳的方式中,F(xiàn)TP以它的快速和良好的交互性,得到了大家的公認和推崇,現(xiàn)在已經(jīng)是最流行的上傳和下載方式了。而E-Mail上傳方式的優(yōu)點是安全性極高,不易被黑客乘虛而入。但是由于交互性和靈活性太差,已經(jīng)很少使用了。
六、什么是CGI?
CGI 意思為 Common Gateway Interface,公共網(wǎng)關接口,一種基于瀏覽器的輸入、在Web服務器上運行的程序方法。 CGI腳本 使你的瀏覽器與用戶能交互,為了在數(shù)據(jù)庫中尋找一個名詞, 提供你寫入的評論,或者從一個表單中選擇幾個條目并且能得到一個明確的回答. 如果你曾經(jīng)遇到過在web上填表或進行搜索, 你就是用的CGI腳本。你那時也許沒有意識到,因為大部分工作是在服務器上運行的,你看到的只是結(jié)果。作為一個網(wǎng)頁設計者,你創(chuàng)建客戶端的 CGI腳本,服務器端的程序用來處理用戶輸入,結(jié)果返回給用戶。
七、什么是ASP?
Microsoft Active Server Pages 即我們所稱的 ASP ,其實是一套微軟開發(fā)的服務器端腳本環(huán)境, ASP 內(nèi)含于 IIS 3.0 和 4.0 之中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動態(tài)、交互且高效的 WEB 服務器應用程序。有了 ASP 你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼,因為所有的程序都將在服務器端執(zhí)行,包括所有嵌在普通 HTML 中的腳本程序。當程序執(zhí)行完畢后,服務器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器,這樣也就減輕了客戶端瀏覽器的負擔,大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨具的一些特點:
1. 使用 VBScript 、 JScript 等簡單易懂的腳本語言,結(jié)合 HTML 代碼,即可快速地完成網(wǎng)站的應用程序。
2. 無須 compile 編譯,容易編寫,可在服務器端直接執(zhí)行。
3. 使用普通的文本編輯器,如 Windows 的記事本,即可進行編輯設計。
4. 與瀏覽器無關 (Browser Independence), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器,即可瀏覽 Active Server Pages 所設計的網(wǎng)頁內(nèi)容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務器端執(zhí)行,用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。
5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設計外,還通過 plug-in 的方式,使用由第三方所提供的其他腳本語言,譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。
6.Active Server Pages 的源程序,不會被傳到客戶瀏覽器,因而可以避免所寫的源程序被他人剽竊,也提高了程序的安全性。
7. 可使用服務器端的腳本來產(chǎn)生客戶端的腳本。
8. 物件導向( Object-oriented )。
9.ActiveX Server Components(ActiveX 服務器元件) 具有無限可擴充性。可以使用Visual Basic 、 Java、Visual C++ 、COBOL等編程語言來編寫你所需要的 ActiveX Server Component 。
八、JavaScript是什么?Java和JavaScript是一樣的嗎?
JavaScript是一種新的描述語言,此一語言可以被嵌入HTML的文件之中。透過JavaScript可以做到回應使用者的需求事件(如form的輸入)而不用任何的網(wǎng)絡來回傳輸資料。所以當一位使用者輸入一項資料時,它不用經(jīng)過傳給服務器端(server)處理,再傳回來的過程,而直接可以被客戶端(client)的應用程序所處理,你也可以想像成有一個可執(zhí)行程式在你的客端上執(zhí)行一樣。javascript雖然效果不錯,但它在網(wǎng)絡上的效果奇慢。
在JavaScript上,JavaScript和Java 很類似,但到底并不一樣。Java是一種比JavaScript更復雜許多的程序語言。而JavaScript則是相當容易了解的語言,JavaScript創(chuàng)作者可以不那么注重程序技巧。所以許多Java的特性在JavaScript中并不支持。
九、常用的WEB圖像格式有哪些?
1、PNG(Portable Network Graphic)
PNG格式是WEB圖像中最通用的格式。它是一種無損壓縮格式,但是如果沒有插件支持,有的瀏覽器可能不支持這種格式。PNG格式最多可以支持32位顏色,但是不支持動畫圖。
2、GIF(Graphics Interchange Format)
GIF是Web上最常用的圖像格式,它可以用來存儲各種圖像文件。特別適用于存儲線條、圖標和電腦生成的圖像、卡通和其它有大色塊的圖像。GIF文件非常小,它形成的是一種壓縮的8位圖像文件,所以最多只支持256種不同的顏色。Gif支持動態(tài)圖、透明圖和交織圖。
3、BMP(Windows Bitmap)
BMP格式使用的是索引色彩,它的圖像具有極其豐富的色彩,可以使用16M色彩渲染圖像。此格式一般用在多媒體演示和視頻輸出等情況下。
4、TIFF(Tag Inage File Format)
TIFF格式是對色彩通道圖像來說最有用的格式,支持24個通道,能存儲多于4個通道。TIFF格式的結(jié)果要比其它格式更大、更復雜,它非常適合于印刷和輸出。
5、JPEG(Joint Photographic Experts Group)
JPEG是Web上僅次于GIF的常用圖像格式。JPEG是一種壓縮得非常緊湊的格式,專門用于不含大色塊的圖像。JPEG的圖像有一定的失真度,但是在正常的損失下肉眼分辨不出JPEG和GIF圖像的差別。,而JPEG文件只有GIF文件的1/4大小。JPEG對圖標之類的含大色塊的圖像不很有效,不支持透明圖和動態(tài)圖。
6、TGA(Targa)
TGA格式與TIFF格式相同,都可以用來處理高質(zhì)量的色彩通道圖形。
另外,PDD、PSD格式也是存儲包括通道的RGB圖像的最常見的文件格式。
十、域名
由于IP地址全是些的數(shù)字,為了便于用戶記憶,Internet上引進了域名服務系統(tǒng)DNS(Domain Name System)。當您鍵入某個域名的時候,這個信息首先到達提供此域名解析的服務器上,再將此域名解析為相應網(wǎng)站的IP地址。完成這一任務的過程就稱為域名解析。
以機構(gòu)區(qū)分的最高域名原來有7個:com(商業(yè)機構(gòu))、net(網(wǎng)絡服務機構(gòu))、gov(政府機構(gòu))、mil(軍事機構(gòu))、org(非盈利性組織)、edu(教育部門)、int(國際機構(gòu))。1997年又新增7個最高級標準域名:firm(企業(yè)和公司)、store(商業(yè)企業(yè))、web(從事與WEB相關業(yè)務的實體)、arts(從事文化娛樂的實體)、REC(從事休閑娛樂業(yè)的實體)、info(從事信息服務業(yè)的實體)、nom(從事個人活動的個體、發(fā)布個人信息)。這些域名的注冊服務 由多家機構(gòu)承擔, CNNIC也有幸成為注冊機構(gòu) 之一; 按照ISO-3166標準制定的國家域名,一般 由各國的NIC(Network Information Center, 網(wǎng)絡信息中心 )負責運行。
以地域區(qū)分的最高域名有:AQ(南極洲)、AR(阿根廷)、AT(奧地利)、AU(澳大利亞)、BE(比利時)、BR(巴西)、CA(加拿大)、CH(瑞士)、CN(中國)、DE(德國)、DK(丹麥)、ES(西班牙)、FI(芬蘭)、FR(法國)、GR(希臘)、IE(、愛爾蘭)、IL(以色列)、IN(印度)、IS(冰島)、IT(意大利)、JP(日本)、KR(韓國)、MY(馬來西亞)、NL(荷蘭)、NO(挪威)、NZ(新西蘭)、PT(葡萄牙)、RU(俄羅斯)、SE(瑞典)、SG(新加坡)、TH(泰國)、TW(中國臺灣)、UK或GB(英國)、US(美國)(一般可省略)等。
從域名的結(jié)構(gòu)上來看,域名可分為一級域名、二級域名、三級域名等。以電腦報網(wǎng)站為例是個一級域名,在一級域名的下一級bbs.cpcw.com就是一個二級域名,如果要在bbs.cpcw.com下面設立xxx.bbs.cpcw.com則是三級域名了。我們見到的免費域名通常是二級域名。
網(wǎng)頁制做入門 (2)
作者:
第二講 初識代碼
我的網(wǎng)頁之路是從洪恩網(wǎng)站里的DW教程開始的,從零到現(xiàn)在這個半調(diào)子水平。那里的很多教程都是從最基礎的開始,很合適廣大初學者,所以建議大家也從那里開始了。洪恩網(wǎng)站的學習網(wǎng)址:
在這里,基本上不講軟件的具體使用,只講總結(jié)性的東西,要注意的技巧吧,在最后,也會寫一兩個用DW做的簡單特效實例。
隨便打開一個網(wǎng)頁,點擊查看,再點源代碼,一般都可以看到這個網(wǎng)頁的代碼,做網(wǎng)頁說白了,也就是把文字、圖象等多媒體效果有機的結(jié)合在一起,DW和FP等只是書寫代碼的利器,只要你知道代碼,用記事本也一樣能做出精美的網(wǎng)頁(真正的高手據(jù)說就是用記事本做網(wǎng)頁),但對我們初學者來說,沒有必要去記代碼,只需知道利用DW或FP,能實現(xiàn)哪些操作,就象用WORD一樣,畫一條線就有一條線,畫一個表格就有一個表格,在軟件的演示窗口里,有著同WORD一樣所見即所得的最后效果察看。因此,可以說,做網(wǎng)頁入門很簡單!可后面還有半句話:做好網(wǎng)頁不簡單!因為,一個好的網(wǎng)頁,不單單是代碼書寫,更重要的是美工設計,內(nèi)容的充實。雖然很多代碼不需要一一手工書寫,可有些代碼的基本組織結(jié)構(gòu)了解一些,還是對做網(wǎng)頁大有幫助的。我們可以這樣學習、研究代碼:在用DW或FP中做了某一個操作,把效果與上面的代碼窗口比較一下,就可以知道什么代碼是實現(xiàn)什么效果的,還可以通過查看別人的網(wǎng)頁的源代碼分析學習。想學ASP網(wǎng)頁的朋友們,有些基本代碼是非記不可的。
現(xiàn)在很多做網(wǎng)頁的人,都是用借雞生蛋的辦法做的網(wǎng)頁,做法是從網(wǎng)上下載現(xiàn)成的網(wǎng)頁模板,對模板稍加更改,替換下內(nèi)容成了。當然,這也是新手們做網(wǎng)頁速成的一種好辦法。模板在很多有提供空間的網(wǎng)站都有下載。很多以前收錄的網(wǎng)址,現(xiàn)在打開都沒有用了,在這里,能提供給大家的,只有這些了。
1.源代碼下載:要下載ASP源代碼的可以到“中國站長站”去,網(wǎng)址:,這是個比較權(quán)威的源代碼下載點,在這里下到動網(wǎng)源碼,說不定可以下到動網(wǎng)7.0 for SQL Server版本(excelhome的論壇就是用這個版本)。
2.網(wǎng)頁圖片及音樂等素材:
3.網(wǎng)頁特效代碼:推建一個小工具:“水晶情緣網(wǎng)頁特效專家”,有1M,本來想發(fā)上來,太大了,算了,要的話,留下郵箱,我發(fā)過去。如,下雪的效果,鼠標滑動效果等,這里都有。
下面我把一些常用的寫下來,以供大家參考:
DREAMWEAVER常用標記:(都是以前記的一些筆記了)
標記一般成對出現(xiàn),一個表示特定代碼部分的開始,另一個表示特定代碼部分的結(jié)束(表示結(jié)束的前面帶"/"符號),但也不是絕對的,比如,br標記?;镜腍TML標記:html、head和body必不可少。
1. head和/head標記中僅包含網(wǎng)頁標題(如title我的網(wǎng)頁/title)和程序腳本。
2. body/body標記中包含網(wǎng)頁的全部內(nèi)容。是網(wǎng)頁的主體部分。
3. center和/center:是中間內(nèi)容居中標記;
4. h2和/h2:從h1~h6,將文本標注為標題,通常要比正文粗大,h1最大;
5. p和/p:段落標記,在行與行之間添加額外的空白行;
6. br:強行換行標記,插入單行,不需要封閉標記
7. 圖象標記:img src="aaa\\bbb.gif" width="500" height="198" align="center"
align水平對齊(left、right或center),valign垂直對齊(top,bottom或middle),border邊框?qū)挾?/p>
alt="鼠標放在圖片上時出現(xiàn)的提示文字"
8. pfont size="3"b本行字符將以粗體顯示/b/font/p
9. pfont size="3"i本行字符將以斜體顯示/i/font/p (i等效于em)
10.pfont size="3" face="宋體" color="#RRGGBB"本行字符將宋體顯示/font/p
11. a href="test.htm"點擊此處文字打開鏈接的網(wǎng)頁/a :該處文字有下劃線標示
12. HR顯示一長灰色細線,分割網(wǎng)頁為上下兩部分??梢灾挥脝芜?。完整的如下:
HR align=center width="100%" SIZE=1顯示一灰色矩形,SIZE為1時,寬為1(很細,可看作一直線)
13.LI在文字前出現(xiàn)一個圓點的項目符號/LI,可單個使用,也可結(jié)合br使用
14.OL type=2 start=1li標記/lili區(qū)段/li/ol:控制項目序號及顯示方式,如1,2,3
15.UL使該段文字首行和下面都縮進約兩個字符/UL
16.BLOCKQUOTE使該段文字整體都縮進約兩個字符,可以多重使用BLOCKQUOTE
17.SUP這是上標字/SUP,SUB這是下標字/SUB,U這是加下劃線字/U
18.TT這是Windows的等寬字/TT
19.FONT SIZE=+1字體放大一級/FONT
20.DLDT語言DD基礎要素/DL:“語言”顯示為列表標題,“基礎要素”顯示為列表內(nèi)容,自動縮進。
21.DIV Align="Right"這是右對齊的段落一P這是右對齊的段落二P/DIV默認為左對齊方式。
表格及其標志:Align:水平,Valign:垂直。Align或Valign寫在TR 中時表該行的幾個列都用同一方式。
22BLINK閃爍/BLINK:標記中的文字實現(xiàn)閃爍效果,但并不適用于所有的瀏覽器。
23.TABLE BORDER=1 TRTD第一列第一欄/TDTD第一列第二欄/TD/TR
TR BgColor="yellow"TD 第二列的第一欄/TDTD第二列的第二欄/TD/TR
TRTD Align="Left" Valign="Center"水平:左對齊br垂直:居中/TD/TR/TABLE
BgColor可寫在TABLE、TR、TD中,分別為整個表格、整行、單一單元格的背景顏色設置。
以上是我以前筆記中收錄的一些常用的標記,今天看到lfspecter大蝦也發(fā)了一些關于網(wǎng)頁的帖子,可以兩邊對照著看,側(cè)重點各有不同,也許更有利于初學者的理解,鏈接如下:;;ID=78021page=1
技巧篇:
1. 在BODY標簽中可以規(guī)定整個文檔的一些基本屬性:
"bgcolor":指定html文檔的背景色。
"text":指定html文檔中文字的顏色。
"link":指定html文檔中待連接超鏈接對象的顏色。
"alink":指定html文檔中連接中超鏈接對象顏色。
"vlink":指定html文檔中以連接超鏈接對象顏色。
"background":指定html文檔的背景文件。 有兩種方式表示顏色對象: body bgcolor="green"或body bgcolor="#00FF00"。文檔主體部分可用顏色列表:black 黑色 Red 紅色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 銀白色 Navy 海軍藍 Olive 橄欖綠 Purple 紫色 Yellow 黃色Aqua 淺綠色 Blue 藍色 Green 綠色 Fuchsia 紫紅色 White 白色 Teal 暗藍綠
2. 瀏覽器的狀態(tài)列提示文字控制
(1).鼠標經(jīng)過:a href="tpage.htm" onMouseOver="window.status=\'相關提示\'; return true"頁面上鼠標經(jīng)過的文字a
(2).改變狀態(tài)欄提示文字:打開"Behaviors"行為編輯窗,單擊"+"按鈕,選擇"Set Text Set"下的"Text Of Status Bar"選項,然后在方框中輸入自己的文字,例如"歡迎來到我的主頁"等,單擊"確定"即可。
3.鏈接控制:
a. 返回前頁:使用OnClick="history.go(-1)"
返回主頁:使用OnClick=\'top.location.href="../index.html"\'
b. 鏈接提示:在鏈接語句中增加,如:去哪兒? (在點擊鏈接前注意看狀態(tài)行顯示的變化)
OnMouseOver="window.status=\'這里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"
c. 鏈接的不同方式:
在幀里顯示:在鏈接處加target="main"語句,其中main為幀名
整頁顯示:在鏈接處加target="_top"語句
開新窗口:在鏈接處加target="resource window"語句,如A HREF="index.htm" TARGET="resource window"/A
d. 強制主頁每次都不進行緩存,而從服務器上重讀
在Head部分加MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache"
e. 自動刷新
定時刷新:META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL"
幻燈片效果:語句類似上面,但在頁面1中URL指向頁面2,而頁面2指向頁面3 ... 頁面n指回頁面1,即可實現(xiàn)循環(huán)顯示頁面的效果。
f. 在某一個時間內(nèi)自動鏈接到其他主頁,這只需在〈title〉######〈/title〉之后加入下面這一行即可:
〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉("20"代表二十秒后連到另一個主頁)
h. 在打開指定網(wǎng)頁的同時打開另一指定網(wǎng)頁\'next.htm,只需在指定網(wǎng)頁的body中加入指令onload:
htmlbody onload="parent.banner.location.href=\'next.htm\'"指定打開的一個網(wǎng)頁內(nèi)容/body
4. 設置"添加到收藏夾"鏈接:
選中"添加到收藏夾"文字,在屬性面板中的鏈接(Link)中輸入:"javascript :window.external.AddFavorite (\'\',\'學習之家\')"。點擊此鏈接時會彈出對話框,可以將你的主頁地址加到收藏夾中。
5.文字移動動態(tài)效果:
1) 文字從右移到左邊:marqueeb大家好/b歡迎您經(jīng)常光臨!/marquee
2) 讓文字在固定的區(qū)域內(nèi)出現(xiàn)從下到上的滾動效果:
例1:table height=542 cellspacing=0 cellpadding=0 width=800 border=0
trtd valign=center align=middle width=316 height=405
marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403center謹以此網(wǎng)站送給xxx
font color=#ff0000/font/centerbr此處為長篇大論!/marquee/td/tr/table
例2:bodydiv align="center"pmarquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100
hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1
font color="#FF0000" size="5" face="方正大黑簡體"望 岳/fontbr br
font color="#FF0000"岱宗夫如何,齊魯青未了。br造化鐘神秀,陰陽割昏曉。br湯胸生層云,決眥入歸鳥,br會當凌絕頂,一覽眾山小。br/font/marquee/p/div/body/html
3) 在指定寬度內(nèi)移來移去的文字代碼:TD height=20P align=centerMARQUEE scrollDelay=120 direction=right
behavior=alternate width=150 height=12產(chǎn)品導航/MARQUEE/P/TD
6.E-mail鏈接:
選中字或圖片,在屬性中設置Alt為"給我來信",鏈接為"mailt ketang.pc@goldhuman.com",在瀏覽器中單擊此圖,就會啟動發(fā)送郵件窗口。在鏈接地址前加"#"符號,可以在網(wǎng)頁中不打開實際鏈接。
7.動畫背景為透明:
選中Flash(gif),在源代碼/object/p前加入代碼:param name="wmode" value="transparent"?;蛭募傩詸诶?"參數(shù)"輸入wmode,value="transparent"。
8.浮動背景圖象(主頁內(nèi)容向下滾動而背景圖象不動的效果):
(1).body backgroud="image.jpg" bgproperties="fixed"
(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇Body,然后在Background中的Attachment里選fixed
9.滾動條換顏色:
默認的網(wǎng)頁滾動條是灰色,在網(wǎng)頁代碼head/head里插入一對style/style標簽,標簽里寫入下面的代碼:
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
后面的16位顏色值你可以隨意更改,括號內(nèi)是解釋說明,在輸入時請不要插入。
10.背景音樂:
body中加入以下任一個代碼(建議為midi格式的):
顯示操作面板:在相應地方加:
embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole"
不顯示操作面板:在頁中任意地方加embed src="aladdin.mid" hidden=true autostart=true loop=true
bgsound src=音樂路徑 loop=次數(shù)-1為無數(shù)次
embed src=音樂路徑 width=0 height=0
11.在Dreamweaver中輕松設置行間距:
用層疊樣式表(CSS)來實現(xiàn),在Dreamweaver中編輯層疊樣式表不用編寫代碼,具體操作方法如下:
(1)在快速啟動欄中點擊層疊樣式表按鈕("show css styles"按鈕),在彈出的CSS Styles面板上雙擊(none);
(2)此時,可看到彈出的Edit Style Sheet 面板,在該面板上按New按鈕;
(3)再在彈出的New Style 面板上點取Redefine HTML Tag(重新定義HTML標記),再在Tag中選擇"body"標記后按OK按鈕;
(4)這時可看到彈出的Style dehinition for body 的對話框,在此對話框中可以設置"body"標記的許多屬性,可以按你的意愿設置,但我們這里主要是要設置行距,所以在line屬性輸入框中填上行距的像素點數(shù),現(xiàn)在流行的九號字,行距一般用12,按OK按鈕返回到Edit Style Sheet 面板,此時已把"body"的行距設置好了;
(5)由于"body"中定義的行距對表格不起作用,所以再在Edit Style Sheet 面板上再按New按鈕;
(6)再在彈出的New Style
本教程介紹了使用 Godatabase/sql及其標準庫中的包訪問關系數(shù)據(jù)庫的基礎知識。
您將使用的database/sql包包括用于連接數(shù)據(jù)庫、執(zhí)行事務、取消正在進行的操作等的類型和函數(shù)。
在本教程中,您將創(chuàng)建一個數(shù)據(jù)庫,然后編寫代碼來訪問該數(shù)據(jù)庫。您的示例項目將是有關老式爵士樂唱片的數(shù)據(jù)存儲庫。
首先,為您要編寫的代碼創(chuàng)建一個文件夾。
1、打開命令提示符并切換到您的主目錄。
在 Linux 或 Mac 上:
在 Windows 上:
2、在命令提示符下,為您的代碼創(chuàng)建一個名為 data-access 的目錄。
3、創(chuàng)建一個模塊,您可以在其中管理將在本教程中添加的依賴項。
運行g(shù)o mod init命令,為其提供新代碼的模塊路徑。
此命令創(chuàng)建一個 go.mod 文件,您添加的依賴項將在其中列出以供跟蹤。
注意: 在實際開發(fā)中,您會指定一個更符合您自己需求的模塊路徑。有關更多信息,請參閱一下文章。
GO語言(二十五):管理依賴項(上)
GO語言(二十六):管理依賴項(中)
GO語言(二十七):管理依賴項(下)
接下來,您將創(chuàng)建一個數(shù)據(jù)庫。
在此步驟中,您將創(chuàng)建要使用的數(shù)據(jù)庫。您將使用 DBMS 本身的 CLI 創(chuàng)建數(shù)據(jù)庫和表,以及添加數(shù)據(jù)。
您將創(chuàng)建一個數(shù)據(jù)庫,其中包含有關黑膠唱片上的老式爵士樂錄音的數(shù)據(jù)。
這里的代碼使用MySQL CLI,但大多數(shù) DBMS 都有自己的 CLI,具有類似的功能。
1、打開一個新的命令提示符。
在命令行,登錄到您的 DBMS,如下面的 MySQL 示例所示。
2、在mysql命令提示符下,創(chuàng)建一個數(shù)據(jù)庫。
3、切到您剛剛創(chuàng)建的數(shù)據(jù)庫,以便您可以添加表。
4、在文本編輯器的 data-access 文件夾中,創(chuàng)建一個名為 create-tables.sql 的文件來保存用于添加表的 SQL 腳本。
將以下 SQL 代碼粘貼到文件中,然后保存文件。
在此 SQL 代碼中:
(1)刪除名為album表。 首先執(zhí)行此命令可以讓您更輕松地稍后重新運行腳本。
(2)創(chuàng)建一個album包含四列的表:title、artist和price。每行的id值由 DBMS 自動創(chuàng)建。
(3)添加帶有值的四行。
5、在mysql命令提示符下,運行您剛剛創(chuàng)建的腳本。
您將使用以下形式的source命令:
6、在 DBMS 命令提示符處,使用SELECT語句來驗證您是否已成功創(chuàng)建包含數(shù)據(jù)的表。
接下來,您將編寫一些 Go 代碼進行連接,以便進行查詢。
現(xiàn)在你已經(jīng)有了一個包含一些數(shù)據(jù)的數(shù)據(jù)庫,開始你的 Go 代碼。
找到并導入一個數(shù)據(jù)庫驅(qū)動程序,該驅(qū)動程序會將您通過database/sql包中的函數(shù)發(fā)出的請求轉(zhuǎn)換為數(shù)據(jù)庫可以理解的請求。
1、在您的瀏覽器中,訪問SQLDrivers wiki 頁面以識別您可以使用的驅(qū)動程序。
2、使用頁面上的列表來識別您將使用的驅(qū)動程序。為了在本教程中訪問 MySQL,您將使用 Go-MySQL-Driver。
3、請注意驅(qū)動程序的包名稱 - 此處為github.com/go-sql-driver/mysql.
4、使用您的文本編輯器,創(chuàng)建一個用于編寫 Go 代碼的文件,并將該文件作為 main.go 保存在您之前創(chuàng)建的數(shù)據(jù)訪問目錄中。
5、進入main.go,粘貼以下代碼導入驅(qū)動包。
在此代碼中:
(1)將您的代碼添加到main包中,以便您可以獨立執(zhí)行它。
(2)導入 MySQL 驅(qū)動程序github.com/go-sql-driver/mysql。
導入驅(qū)動程序后,您將開始編寫代碼以訪問數(shù)據(jù)庫。
現(xiàn)在編寫一些 Go 代碼,讓您使用數(shù)據(jù)庫句柄訪問數(shù)據(jù)庫。
您將使用指向結(jié)構(gòu)的指針sql.DB,它表示對特定數(shù)據(jù)庫的訪問。
編寫代碼
1、進入 main.go,在import您剛剛添加的代碼下方,粘貼以下 Go 代碼以創(chuàng)建數(shù)據(jù)庫句柄。
在此代碼中:
(3)使用 MySQL 驅(qū)動程序Config和FormatDSN類型以收集連接屬性并將它們格式化為連接字符串的 DSN。
該Config結(jié)構(gòu)使代碼比連接字符串更容易閱讀。
(4)調(diào)用sql.Open 初始化db變量,傳遞 FormatDSN。
(5)檢查來自 的錯誤sql.Open。例如,如果您的數(shù)據(jù)庫連接細節(jié)格式不正確,它可能會失敗。
為了簡化代碼,您調(diào)用log.Fatal結(jié)束執(zhí)行并將錯誤打印到控制臺。在生產(chǎn)代碼中,您會希望以更優(yōu)雅的方式處理錯誤。
(6)調(diào)用DB.Ping以確認連接到數(shù)據(jù)庫有效。在運行時, sql.Open可能不會立即連接,具體取決于驅(qū)動程序。您在Ping此處使用以確認 database/sql包可以在需要時連接。
(7)檢查來自Ping的錯誤,以防連接失敗。
(8)Ping如果連接成功,則打印一條消息。
文件的頂部現(xiàn)在應該如下所示:
3、保存 main.go。
1、開始跟蹤 MySQL 驅(qū)動程序模塊作為依賴項。
使用go get 添加 github.com/go-sql-driver/mysql 模塊作為您自己模塊的依賴項。使用點參數(shù)表示“獲取當前目錄中代碼的依賴項”。
2、在命令提示符下,設置Go 程序使用的DBUSER和DBPASS環(huán)境變量。
在 Linux 或 Mac 上:
在 Windows 上:
3、在包含 main.go 的目錄中的命令行中,通過鍵入go run來運行代碼。
連接成功了!
接下來,您將查詢一些數(shù)據(jù)。
很多朋友可能知道Go語言的優(yōu)勢在哪,卻不知道Go語言適合用于哪些地方。
1、 Go語言作為服務器編程語言,很適合處理日志、數(shù)據(jù)打包、虛擬機處理、文件系統(tǒng)、分布式系統(tǒng)、數(shù)據(jù)庫代理等;網(wǎng)絡編程方面。Go語言廣泛應用于Web應用、API應用、下載應用等;除此之外,Go語言還可用于內(nèi)存數(shù)據(jù)庫和云平臺領域,目前國外很多云平臺都是采用Go開發(fā)。
2、 其實Go語言主要用作服務器端開發(fā)。其定位是用來開發(fā)"大型軟件"的,適合于很多程序員一起開發(fā)大型軟件,并且開發(fā)周期長,支持云計算的網(wǎng)絡服務。Go語言能夠讓程序員快速開發(fā),并且在軟件不斷的增長過程中,它能讓程序員更容易地進行維護和修改。它融合了傳統(tǒng)編譯型語言的高效性和腳本語言的易用性和富于表達性。
3、 Go語言成功案例。Nsq:Nsq是由Go語言開發(fā)的高性能、高可用消息隊列系統(tǒng),性能非常高,每天能處理數(shù)十億條的消息;
4、 Docker:基于lxc的一個虛擬打包工具,能夠?qū)崿F(xiàn)PAAS平臺的組建。
5、 Packer:用來生成不同平臺的鏡像文件,例如VM、vbox、AWS等,作者是vagrant的作者
6、 Skynet:分布式調(diào)度框架。
7、 Doozer:分布式同步工具,類似ZooKeeper。
8、 Heka:mazila開源的日志處理系統(tǒng)。
9、 Cbfs:couchbase開源的分布式文件系統(tǒng)。
10、 Tsuru:開源的PAAS平臺,和SAE實現(xiàn)的功能一模一樣。
11、 Groupcache:memcahe作者寫的用于Google下載系統(tǒng)的緩存系統(tǒng)。
12、 God:類似redis的緩存系統(tǒng),但是支持分布式和擴展性。
13、 Gor:網(wǎng)絡流量抓包和重放工具。
以上的就是關于go語言能做什么的內(nèi)容介紹了。