⑴ 如何在網上建立一個屬於自己的網頁呢
1、首先,策劃網站。
你想要建立一個怎樣的網站,門戶型?企業型?還是純個人型?網站名稱、域名是什麼(至少准備三個以防已被別人注冊),用什麼語言建立,關鍵詞(在網路輸入什麼詞可以搜到自己的網站)哪些,等等。這里不做贅述,自行解決。
(1)在線製作網頁源碼擴展閱讀
1、網頁是構成網站的基本元素,是承載各種網站應用的平台。通俗地說,您的網站就是由網頁組成的,如果您只有域名和虛擬主機而沒有製作任何網頁的話,您的客戶仍舊無法訪問您的網站。
2、網頁是一個包含HTML標簽的純文本文件,它可以存放在世界某個角落的某一台計算機中,是萬維網中的一「頁」,是超文本標記語言格式(標准通用標記語言的一個應用,文件擴展名為.html或.htm)。網頁通常用圖像檔來提供圖畫。網頁要通過網頁瀏覽器來閱讀。
3、文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。
⑵ 怎樣製作網頁
關於如何製作網頁的問題,用戶要做的,首先是確定建站目的、思想、內容、規模,然後就是在現有的頁面上修改,增加或減少功能板塊,排版並設置頁面的風格等等一系列簡單方便的操作建立起您想要發表的頁面。
1、要沉穩,不要花里胡哨。自助網站製作的人往往喜歡獵奇,弄一些不必要的亂七八糟的東西,比如彈出窗口啦、腳本代碼啦、很大的圖片啦,等等。
2、要素凈、大氣,不要五彩繽紛。要注意在一個自助網站的頁面里不要用色太雜。要確定一個顏色主調,再搭配一兩種反差不太大的顏色即可。正文文字的大小要基本統一,文字的顏色也不要紅紅綠綠。不要認為如何製作網頁的關鍵是以大文字和鮮艷的色彩來強調很多意思,實際上使人眼花繚亂,什麼都強調不了,也很不大氣。
3、要有個性、有風格,要突出行業的特點。比如娛樂業可以熱烈一些、活潑一些,政府網站則要莊重一些;收藏、書畫業要古樸典雅,策劃、時裝業則要前衛一些。
4、一個網頁不要太長,一般兩屏到三屏就可以了。在同一個網頁里,如果文字或圖片太多,既不美觀,也會影響你的網頁打開的速度。如果內容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
5、其實,如何製作網頁,重點做好網站的首頁。網站的首頁就好比一個人的臉面,如果臟兮兮的,會把你的顧客嚇跑。網站的首頁做得好,裡面的內容一般也會不錯。
選擇了這套優秀的自助建站服務系統,用戶進入後台管理系統後,自己可以隨時對網站內容進行更新和維護,如更換或添加產品圖片,更新報價信息..... 可添加留言版,和在線提交反饋單,通過注冊帳號和密碼,安險性高,方便又快捷,真正作到實時更新和維護管理,靈活性強,易懂,功能強大,不用再為如何製作網頁擔心,一定會給企業帶來豐厚的利潤和發展。
自助建站系統可以做到:
立體規劃網頁設計的內容,對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念組織起來設計一個合理的頁面樣式。根據網站的類別不同,選擇各種豐富多彩的網頁設計模板,使自助網站空間排序適當。自動升級:隨著技術的變化,網站建設中,平台隨時增加新功能,網站的功能則自動升級。廣告系統:擁有自己的廣告管理系統,自己可以發布商業廣告。統計分析:用戶可以了解自己的網站每天每個頁面每個欄目的點擊率。
目前的主要價格如下:
1. 480元,企業入門型,國際或國內域名名一個,50M空間,1388套模板,語言版本:簡、繁、英,可以使用除文件下載和網上購物外的所有功能。
2.680元,企業標准型,國際或國內域名名一個,100M空間,50M企業郵局,1388套模板,語言版本:簡、繁、英,可以使用除文件下載外的所有功能。
3. 980元,企業商務型,國際或國內域名名一個,200M空間,100M企業郵局,1388套模板,語言版本:簡、繁、英,自助建站的所有功能。
4.1580元,網站定製型,國際或國內域名名一個,200M空間,100M企業郵局,1388套模板,語言版本:簡、繁、英,根據客戶需要定製自助網站功能。
對初次建立網站的用戶來說, 製作網頁是件頭疼的事情;對於由別人幫助建站的用戶來說,網站的後期更新與維護可能更令人頭疼。缺乏專業人才,缺乏專業知識,這一切都讓企業對建站、維護網站望而生畏。有了新一代的自助建站系統,一切都變得如此簡單、容易!
· 多款精美的網頁模版任意挑選
· 功能強大的在線網頁編輯器,任意圖文混排
· 自由增加、修改、刪除欄目;隱藏或加密欄目
· 網站功能非常豐富,如:新聞文章、圖文展示、文件下載等;
· 擁有自己的會員資料庫
· 網站名稱自動生成美觀的名稱圖片
· 各種網站輔助功能樣樣齊全
網頁三劍客下載
網頁三劍客下載網頁三劍客下載[絕可以下]
Dreamweaver MX 2004
下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=313
一個可視化的網頁設計和網站管理工具,支持最新的Web技術,包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態HTML、基於團隊的Web創作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
Macromedia Dreamweaver MX 2004 最新增加功能如下:
1、動態跨瀏覽器驗證
2、更強大的CSS支持
3、內建的圖形編輯引擎
4、安全FTP
5、增強對當今技術的支持
6、無縫整合外部文件和代碼
7、緊密整合MM的其他工具
8、基本支持改良
9、增強代碼編寫工具
10、改進的設計開放環境。
備註:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網頁製作軟體。
我們也為您提供了網頁製作軟體破解補丁的下載搜索地址,請點擊這里。
以上軟體僅供學習研究之用,建議您購買正版軟體,本站不付任何法律責任。
Fireworks MX 2004下載
Fireworks MX 2004
下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=315
Fireworks是Macromedia三套網頁利器之一,它是用來畫圖用的,它相當於結合了Photoshop(點陣圖處理)以及CorelDRAW(繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果,也只需用滑鼠點一下,不必再靠什麼KPT之類的外掛濾鏡。而且Fireworks很完整的支持網頁16進制的色彩模式,提供安全色盤的使用和轉換,要切割圖形、做影像對應(Image Map)、背景透明,要圖又小又漂亮,在Fireworks2中做起來都非常方便,修改圖形也是很容易的。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體,切換來切換去的了。
Fireworks MX 2004新功能有:
1、執行效率的提高
2、用戶界面的改進
3、內建FTP登陸和版本控制
4、新的特效
5、自動圖形
6、新的照片修飾工具
7、伺服器端代碼的支持
8、系統反鋸齒和自定義反鋸齒
9、雙位元組支持
10、提供了javascript API介面
備註:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網頁製作軟體。
我們也為您提供了網頁製作軟體破解補丁的下載搜索地址,請點擊這里。
Flash MX 2004
下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=291
這個動畫製作軟體大家應該是很熟悉了吧,就不做介紹了,還是看看它的新功能吧。
Flash 2004 最新功能一覽:
1.時間線效果: 加速和簡化時間線上可重復使用的通用交互任務.例如:改變時間線效果允許用戶快速為一個對象設置動畫.位置.縮放.不透明和顏色變化.
2.行為:可以通過面板快速應用Actionscript而無需了解代碼.用戶可以創建自己的行為.行為是什麼?用過DW的朋友應該很清楚.
3.PDF&EPS支持:你現在可以直接導入PDF和Adobe Illustrator 10文件.
4.CSS樣式表:允許HTML和Flash內容設計一致.文本框(Text field)對象現在支持一個新的方法.setStyleSheet將映射可載入的XML和HTML文件樣式規范.
5.鋸齒文字:為顯示清晰易讀的小字體做了優化.文字首先以無反鋸齒(即.鋸齒文字)顯示然後轉換成矢量文字.因此確保了高清晰字體以小尺寸顯示(該想法是為了在移動設備上顯示).
6.模板:增加了許多模板.
7.開始頁面:該新窗口可以讓用戶選擇從哪個項目開始工作.
8.幫助:新的幫助系統整合全部幫助信息到應用程序中.
9.視頻導入向導:當導入視頻片斷時.這個新的多步向導提供控制指定范圍的視頻被導入.可重復使用的編碼設置和顏色修正新性能.
10.外部FLV支持:你現在可以直接播放硬碟上的FLV(Flash視頻)文件(不需要導入).這樣可以用有限的內存播放很長的視頻文件而不需要從伺服器下載完全部文件.
11.改良的性能:重大的改進已經增強了全部性能.用戶將會注意到編譯後的文件將不僅在Flash Player7中執行效果好.同樣在以前版本的播放器中也很好.
12.拼寫檢查/全局查找替換:對整個FLA文件進行全局查找和替換.並且支持正規表達式.
13.輔助功能:改進MSAA(Microsft Active Accessibility)標准支持.
14.動作腳本2.0:為支持面向對象編程做了非常大的改進.
15.歷史面板和命令
16.萬國碼(Unicode)&字元串面板:完全支持全球語言字元集.字元串面板允許本地語言直接成為多國語言.
17.擴展性:新的可擴展架構.將有幾個三方軟體提供支持.
18.發布設置:增強了報表功能.
⑶ 怎樣修改在線建站的網頁源代碼
後台修改、進入後台在源代碼里就可以修改了
⑷ 網頁的 「源碼」怎麼編寫
網頁中源文件的內容是HTML,了解它就可以編寫靜態網頁了。至於動態頁面通常都是用伺服器腳本來編寫的。如:ASP、PHP、perl等 HTML(HyperTextMark-upLanguage)即超文本標記語言,是WWW的描述語言。設計HTML語言的目的是為了能把存放在一台電腦中的文本或圖形與另一台電腦中的文本或圖形方便地聯系在一起,形成有機的整體,人們不用考慮具體信息是在當前電腦上還是在網路的其它電腦上。我們只需使用滑鼠在某一文檔中點取一個圖標,Internet就會馬上轉到與此圖標相關的內容上去,而這些信息可能存放在網路的另一台電腦中。 HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。 HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。神奇嗎?一點都不神奇,因為現在你看到的就是這種語言寫的頁面. 也許你聽說過許多可以編輯網頁的軟體,事實上,你不需要用任何專門的軟體來建立HTML頁面;你所需要的只是一個文字處理器(如McrosoftWord\記事本\寫字板等等)以及HTML的工作常識。其實你很快就會發現,基礎的HTML語言簡直容易死了。 HTML只不過是組合成一個文本文件的一系列標簽。它們很樂隊的指揮,告訴樂手們哪裡需要停頓,哪裡需要激昂. HTML標簽通常是英文詞彙的全稱(如塊引用:blockquote)或縮略語(如「p」代表Paragragh),但它們的與一般文本有區別,因為它們放在單書名號里。故Paragragh標簽是<p>,塊引用標簽是<blockquote>。有些標簽說明頁面如何被格式化(例如,<p>開始一個新段落),其他則說明這些詞如何顯示(<b>使文字變粗)還有一些其他標簽提供在頁面上不顯示的信息--例如標題。 關於標簽,需要記住的是,它們是成雙出現的。每當使用一個標簽--如<blockquote>,則必須以另一個標簽</blockquote>將它關閉。注意「blockquote」前的斜杠,那就是關閉標簽與打開標簽的區別。 基本HTML頁面以<html>標簽開始,以</html>結束。在它們之間,整個頁面有兩部分--標題和正文。 標題詞--夾在<head>和</head>標簽之間--這個詞語在打開頁面時出現在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間--即所有頁面的內容所在。頁面上顯示的任何東西都包含在這兩個標簽之中。 那麼讓我們建立一個簡單的範例吧,非常容易的。第一步,當然是要建立一個新的文本文件(記住,如果你在使用比較復雜的文字處理器,就應該用「純文本」或「普通文本」來保存),將它命名為「xxxx.html」。(隨便你起一個什麼名字,但記住,要用英文) 然後你可以用瀏覽器將它打開,你會看見最簡單的自己做的頁面 ASP是Active Server Page的縮寫,意為「活動伺服器網頁」。ASP是微軟公司開發的代替CGI腳本程序的一種應用,它可以與資料庫和其它程序進行交互,是一種簡單、方便的編程工具。ASP的網頁文件的格式是.asp,現在常用於各種動態網站中。 ASP是一種伺服器端腳本編寫環境,可以用來創建和運行動態網頁或web應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加互動式內容(如在線表單),也可以創建使用HTML網頁作為用戶界面的web應用程序。 與HTML相比,ASP網頁具有以下特點: (1)利用ASP可以實現突破靜態網頁的一些功能限制,實現動態網頁技術; (2)ASP文件是包含在HTML代碼所組成的文件中的,易於修改和測試; (3)伺服器上的ASP解釋程序會在伺服器端制定ASP程序,並將結果以HTML格式傳送到客戶端瀏覽器上,因此使用各種瀏覽器都可以正常瀏覽ASP所產生的網頁; (4)ASP提供了一些內置對象,使用這些對象可以使伺服器端腳本功能更強。例如可以從web瀏覽器中獲取用戶通過HTML表單提交的信息,並在腳本中對這些信息進行處理,然後向web瀏覽器發送信息; (5)ASP可以使用伺服器端ActiveX組建來執行各種各樣的任務,例如存取資料庫、發現哦那個Email或訪問文件系統等。 (6)由於伺服器是將ASP程序執行的結果以HTML格式傳回客戶端瀏覽器,因此使用者不會看到ASP所編寫的原始程序代碼,可放置ASP程序代碼被竊取。 PHP是一個基於服務端來創建動態網站的腳本語言,您可以用PHP和HTML生成網站主頁。當一個訪問者打開主頁時,服務端便執行PHP的命令並將執行結果發送至訪問者的瀏覽器中,這類似於ASP和CoildFusion,然而PHP和他們不同之處在於PHP開放源碼和跨越平台,PHP可以運行在WINDOWS NT和多種版本的UNIX上。它不需要任何預先處理而快速反饋結果,它也不需要mod_perl的調整來使您的伺服器的內存映象減小。PHP消耗的資源較少,當PHP作為Apache Web伺服器一部分時,運行代碼不需要調用外部二進製程序,伺服器不需要承擔任何額外的負擔。
⑸ 網站怎麼製作
簡單介紹一下製作主頁的過程和方法:一、准備材料你首先做一個小計劃,准備在主頁上告訴人家什麼?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\\\\html),來放你的所有文件,然後再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機要認大小寫。然後將你的材料進相應的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下.要注意,網上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換,比如Office
97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。二、開始製作你無須去記復雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit
Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁,你先寫上「大家好,我是superboy,下面是我的照片:」這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然後把這個文件保存為myself.html文件,放在myself的目錄下。好,現在必須做封面了,你在封面寫:「歡迎來到superboy的主頁」以下是「自我介紹,我的愛好,我的工作」。你的自我介紹要鏈接到下一頁去,你只須用滑鼠選「自我介紹」後按滑鼠右鍵
,再選create
link,然後再選你myself目錄下的myself.html,就將「自我介紹」鏈接到下一頁了,以後在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。在你的封面做好了所有鏈接和圖片後,記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單,只要多實際製作,工多藝熟。還可以拿來主義,在網上看到什麼好的主頁,用另存為功能保存為.html格式的文件,細細研究人家是如何做的。還可以借用網頁模版來搞,我的就是~~~~~~三、將你製作好的安放在網上要在網上安你自己的家,你必須先申請一個主頁空間,即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間,具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間,並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可,具體方法,參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了!需要注意的是,一定要保持網頁的相對位置,否則會看不到網頁的。
⑹ 網站怎麼製作,和源碼怎麼用
具體價錢要看你網站的 信息量 功能 等 根據這些來給你定價 一般的動態網站 600-1000價位不等 這個是個估計價
說真的 製作一個網站很麻煩的 需要一個團體分工才能完成網站的建設 我是學計算機的 不騙你
恩 要是想了解的話還是到站業的建站網站學習
恩 這里就先初步的給你介紹下建站的思想
強掉下這個不是我總結的
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
製作網頁主要有以下一些工具
Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。
Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具,javascript、java編輯器等。
網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。
大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。
總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!
⑺ 怎樣用Dreamweaver套用網站源代碼製作網頁
用Dreamweaver套用網站源代碼製作網頁方法:
一、定義站點
1、 在任意一個根目錄下創建好一個文件夾(我們這里假設為E盤),如取名為MyWeb。
備註:網站中所用的文件都要用英文名。
2、打開Dreamweaver,選擇「站點—新建站點」,打開對話框。在站點名稱中輸入網站的名稱(可用中文),在本地根文件夾中選擇剛才創建的文件夾(E:web)。然後確定即可。
備註:再次打開Dreamweaver,會自動找到剛才設立的站點。如果有多個站點,可以在菜單「站點—打開站點」中去選擇。
二、創建頁面
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件」,這樣就建好了一個頁面,默認的文件名為untitled.htm。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。
2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱,按右鍵選頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背影圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
在網頁上打入空格的辦法是:把輸入法調為全形。
在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件夾」,這樣建立了一個文件夾,用它來放圖片,可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板,點擊「插入圖像」,在對話框里選要插入的圖片。如果會出現對話框:「你願意將該文件復制到根文件夾中嗎?」,必須選「是」,然後將它保存到剛建好的文件夾里。
3、選中該圖片,打開屬性面板,可以在上面為圖片取名,重新設置圖片的高、寬,拖住圖片角上的點可以變大小。按住shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸。如要恢復這原始大小,則單擊右下角的「重設大小」按鈕。
4、「鏈接」可以直接在這里輸入地址。「替代」是圖片的說明,即滑鼠指向圖片所顯示的文字;「邊框」是圖片邊框寬度,「對齊」是對齊方式。
四、添加超級鏈接
1、為文字添加鏈接。
比如,在頁面上輸入「我的文章」,然後將其選中,打開屬性面板,在「鏈接」一格中,選擇它所要鏈接到的頁面即可。後面一格「目標」我們一般常用的是self即打開的新窗口代替了現開的窗口;或是選擇blank即打開新窗口。
2、為圖片添加鏈接
與上面文字的鏈接同理,插入圖片,然後在屬性面板中的鏈接一格中選擇即可。
圖片可以創建不同的多個鏈接。方法如下:
在屬性面板中的「地圖」一項下面有一些圖形,比如點擊方形,游標變成十字,在圖片上畫一個藍色矩形的熱區,此時在屬性面板上可以為這個熱區設置鏈接地址,滑鼠指向會顯示。同樣,再用圓形設置一個熱區,就可以再為該圖片設置其他鏈接了。
3、添加E-mail鏈接
選中需要添加E-mail鏈接的文字或圖片,打開屬性面板,在「鏈接」一格中輸入填寫郵件地址。格式如下:mailto:郵件地址。注意中間不空格。
4、如果鏈接到瀏覽器無法打開的文件,例如exe、Zip等文件,那麼瀏覽者在點擊這個鏈接的時候,就會實現文件下載、或是在線播放的功能。
五、表格的使用
1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,「單元格填充」為單元格內側與內容的距離;「單元格間距」為單元格之間的距離,單位均為像素。
2、插入表格後,在表格的邊框上點擊一下,可以全選整個表格。然後在下面的屬性面板里可以進行各種設置。
3、把游標移到其中一個單元格,此時看到的屬性面板,就是單元格的屬性面板。也可以進行各種關於單元格的操作。如背景色、背景圖、邊框、合並、拆分等。
六、關於表格的其他操作
一製作細線表格 原理:
1、選中整個表格,設置其背景為黑色(該顏色即表格線的顏色)。
2、選中所有單元格,設置其背景為白色。
二自動格式化表格
1、先製作好一張表格,然後選中。
2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。
三一像素分割條
1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。
2、選中表格,設置表格高為1像素,並設置一個背景色(即所要的線條顏色)。
3、切換到代碼和設計窗口,將代碼<td> 刪除。
七、用表格構建完整的頁面
一網頁頂部(一般包括圖標、廣告、導航菜單)
1、創建一個1行2列,寬為760像素,邊框及邊距均為0的表格。
2、選中表格,設置排列方式為居中對齊,背景色為#3366CC。
3、將游標置於左邊單元格中,設置其水平排列為左對齊,垂直排列為頂端對齊,然後插入一張圖像,一般在此插入的是網站的圖標,即logo。
4、將游標置於右邊單元格中,設置其寬度為500,水平排列為居中對齊,垂直排列為中間,然後插入圖像,一般是網頁廣告,即banner。
5、將游標置於剛完成的表格之後,插入/表格,創建一個1行1列,寬為760像素,邊框及邊距均為0的表格。
6、選中剛創建的表格,設置排列方式為居中對齊,背景色為#005173。
7、在該表格中依次插入多個圖像,作為導航條菜單。
二網頁中部(左邊欄目列表、中間網站新聞、右邊欄目列表)
1、 在導航條表格後面,插入/表格,創建一個1行3列,寬為760像素,邊框及邊距均為0的表格。並設置排列方式為居中對齊,背景色為#FFFFFFF。
2、 將游標置於左邊單元格中,設置其寬度為18%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入一張圖像,插入一個導航條。
3、 將游標置於剛插入的圖片後,插入/表格,插入一個12行1列,寬為90%的表格。設置其單元格間距為1,背景色為#CCCCCC。
4、 將游標放在表格第一個單元中,設置其高為20,背景色為#FFFFFF。插入/圖像,插入一個導航文字前面的小點。同樣設置其他11個單元格,這樣左邊的欄目分類列表就完成了。
5、 將游標置於主體表格的中間單元格中,設置其寬度為66%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入/圖像,插入一個導航條。
6、 將游標置於圖像後,插入/表格,插入一個4行1列,寬為95%的表格。設置其單元格間距為1,背景色為#CCCCCC。
7、 將游標置於表格的第一個單元格中,拖動滑鼠,將4個單元格都選中,設置高為60,背景色為#FFFFFF。
8、 將游標置於主體表格右邊的單元格中,設置其寬度為16%,水平排列為居中對齊,垂直排列為頂端對齊,插入/圖像,插入一個導航條。
9、 將游標置於圖像後,插入/表格,插入一個7行一列,寬為90%的表格。設置其間距為1,背景色為#CCCCCC。
10、按住Ctrl鍵,用滑鼠點擊剛插入的表格的第1、3、5、7單元格,然後設置它們的高為55,背景色為#FFFFFF。
11、選中第2、4、6單元格,設置其高為6,背景色為#FFFFFF。
12、切換到源代碼窗口,將第2、4、6單元格中的空格符號「 」刪除。
三網頁底部(一般包括版權信息及其他相關內容)
1、 將游標置於主體表格後,插入/表格,創建一個2行2列,寬為760像素,邊框及邊距均為0的表格。
2、 選中表格,設置排列方式為居中對齊,背景色為#3366CC。
3、 將游標置於表格第1行的左邊單元格中,設置其寬度為50%,水平排列為默認,垂直排列為基線,背景色為#FFFFFF,然後輸入版權信息,內容顏色隨便。
4、 將游標置於表格第1行右邊單元格中,插入/圖像,插入一個圓角圖像,在它後面輸入Email字樣,設置其大小和顏色為1和#FFFFFF。
5、 插入/表單對象/文本域,插入一個文本域,寬度可以隨意。
6、 插入/圖像,插入一個GO的圖像。
7、 設置頁屬性。點擊菜單修改/頁面屬性,在標題一欄中輸入標題,並選擇背景圖像,將頂部邊界設為0。
將整個網頁分部分放到不同的表格中組合而成,還可以加快瀏覽器讀取頁面的時間。;因為瀏覽器是讀完整個表格後才顯示內容的,所以最好不要框在整個一個表格中。
八、用布局表格構建完整的頁面
1、 單擊插入/布局,裡面的布局視圖按鈕,就切換到布局視圖狀態(默認為標准視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進入。
2、 先單擊繪制布局表格按鈕,然後在頁面中像繪圖一樣創建出布局表格。
3、 就像上一個例子一樣,先繪制好網頁的頂部,再中部,再底部的大表格。
4、 再單擊繪制布局單元格按鈕,然後在已經繪制好的布局表格中,再繪制布局單元格。
5、 返回到標准視圖,在已經劃分好的表格里,再插入嵌套的小的表格,把頁面再細化,就可以完成整個頁面的設計了。
****注意把整個頁面都放在一個大的布局表格中,因為這樣的網頁瀏覽速度會很慢。應該按照頁面的版面和內容劃分出幾個布局表格,然後在其中分別插入布局單元格。
九、層的使用
1、點擊插入/層。也可以點擊圖標,然後拖動滑鼠創建出一個層。
3、選中創建的層,看屬性面板。「層編號」和「標簽」都使用默認即可。「層編號」是編程時需要用的,我們現在一般不用。「上」即距頁面上邊界的距離;「左」是距左邊界的距離。「z軸」是層的順序,數字大的疊加在數字小的上面。
****如不設置顏色時,層是透明的。
4、點中層左上角的小方框可以隨意拖動層,大小也可以調節。
5、「溢出」一欄中,當文字多於層的大小時,visible(超出的部分照樣顯示)、hidden(超出部分隱藏)、scroll(不管有否超出,都顯示滾動條)、auto(有超出時才出現滾動條)。
6、點擊菜單窗口/其他/層,此時將出現層管理窗口。可以在其中修改層的名稱和Z軸值,也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。
7、層的對齊。按住shift鍵,同時選中幾個層。然後用修改/對齊,用這里的選項。
8、嵌套層。⑴首先在文檔中插入一個層。⑵將游標置於該層內,然後繼續插入一個層,就得到了嵌套層。⑶裡面的叫子層,外面的父層。它們的Z軸順序是一樣的。拖動父層時,子層也會相對移動。移動子層時,父層不會隨之移動。
十、了解時間軸
1、點擊菜單中的插入/層,插入一個層。
2、在層中插入圖片,如一張飛機的圖片。(這里的圖片也可以是一張小動畫的.gif圖像)
3、點擊菜單中的窗口/其他/時間軸,打開時間軸窗口。
4、選中頁面上創建的層,用滑鼠按住層左上角的小方框圖標,將層拖放到時間軸的第1幀中。這時自動創建了一個長度為15幀的時間軸。
5、選中時間軸上的第1幀,將頁面中的層拖放到頁左上角,即動畫開始時的位置。
6、選中時間軸上第15幀,可以拖動該幀至任意長度,如30幀。
7、選中第30幀,將層拖放到頁面的右下方,此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)
8、可以點中第15幀,右鍵選「增加關鍵幀」,在選中第15幀的狀態下,拖動層到頁面中下方。
9、勾選「自動播放」項。
總結:Dreamweaver是一款很強大的軟體,裡面有很多功能需要自己不斷總結和摸索,熟悉之後就會很簡單了。
⑻ 誰有在線網頁編輯器源代碼ASP網站能用的
城市時尚頻道管理系統 軟體類別: ASP源碼 / 文章管理
軟體語言: 簡體中文
授權方式: 免費版
文件大小: 2.19M
系統平台: ASP+ACCESS
聯 系 人: [email protected]
1,文章欄目可二級分類,隨意修改,管理員分級管理
2,採用強大的HTML編輯器輸入文章
3,不存在任何新聞內容不能分段,不出空格的問題
4,可以直接復制任何圖文信息,輸出和原來格式一模一樣
5,前台使用JS隨意調用新聞
6,支持圖片文章,無組件上傳圖片到資料庫,前台JS調用
http://www.mycodes.net/soft/10130.htm
⑼ 買一個logo在線製作網站源碼
暈,你買啊!看來別人是不會買的了!