網(wǎng)頁的制作過程
提問問題
列表
-
如何用frontpage制作簡單的網(wǎng)頁
查看答案>>
-
如何制作一個微信分享鏈接 求詳細過程 新手
查看答案>>
-
創(chuàng)建網(wǎng)頁的步驟
查看答案>>
-
請問誰會自己做網(wǎng)站。要全部過程都是自己做的哦。會的告訴下
查看答案>>
-
進行網(wǎng)頁布局的一般步驟是什么?
查看答案>>
-
靜態(tài)網(wǎng)頁制作步驟
查看答案>>
如何用frontpage制作簡單的網(wǎng)頁
一、打開frontpage二、新建一個網(wǎng)頁:單擊菜單欄[文件]—[新建]—[網(wǎng)頁]三、對網(wǎng)頁進行基本設置設置網(wǎng)頁標題、背景、背景音樂、左右邊距:步驟為:A、網(wǎng)頁空白處單擊鼠標右鍵在彈出的菜單中選擇“網(wǎng)頁屬性”,將會彈出一個對話框。B、對話框第一選項“常規(guī)”中:設置標題:直接輸入你想好的網(wǎng)頁標題;設置背景音樂,可以直接輸音樂的網(wǎng)址,也可以下載到你的電腦上,通過“瀏覽……”找到,但下載的音樂要保存到你所建的文件夾里面。C、單擊對話框第二選項“背景”,設置網(wǎng)頁背景。可以設為圖片背景,也可以直接設顏色。設圖片為背景時,在“背景圖片”前打“√”,然后單擊通過“瀏覽……”(事先把找好的圖片放在你建的文件夾里面,)找到圖片即可。D、單擊對話框第三選項“邊距”,可以設置網(wǎng)頁的左右邊距,一般設置為0。所有設好后,單擊“確定”。如果想看效果,可以直接點擊網(wǎng)頁左下面的“預覽”。
如何制作一個微信分享鏈接 求詳細過程 新手
1. 在QQ空間或者網(wǎng)上論壇中將圖文并茂的文章編輯好。2. 手機微信設置--通用--功能,將QQ離線助手打開。3. 將編輯好的文章鏈接發(fā)送到微信綁定的QQ上。4. 手機微信就會收到鏈接。5. 打開連接內(nèi)容,點擊右上角3個點點。6. 分享到朋友圈,點擊發(fā)送就可以了。7. 還有就是可以自己注冊一個微信公眾賬號。8. 通過身份證或者已綁定銀行卡的微信賬號根據(jù)注冊步驟進行注冊。9. 注冊成功后,可以自己編輯圖文消息,在圖文消息中可以有文字、圖片、音樂、視頻、投票等多種混合功能。10. 公眾平臺注冊需要審核,審核通過后,編輯好的圖文消息可以群發(fā),關注的粉絲都可以收到。11. 收到的圖文同樣打開,就可以分享到朋友圈或者轉發(fā)給朋友了。
創(chuàng)建網(wǎng)頁的步驟
1)首先你要注冊一個域名(例如:www.***.com),現(xiàn)在也有免費的二級域名可以申請,到百度搜索一下:免費的二級域名申請,可以找到. (2)你得去申請一個空間(就是你放網(wǎng)頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態(tài)空間和動態(tài)空間,靜態(tài)的是只支持html格式的網(wǎng)頁,動態(tài)的幾乎所有的文件格式都可以支持.但是靜態(tài)的比較不容易受到黑客的攻擊,就是編輯時麻煩點. (3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網(wǎng)站了. (4)下載一個網(wǎng)頁編輯器編寫自己的網(wǎng)頁內(nèi)容(例如:Frongpage.DW2004等) (5)編輯完自己的網(wǎng)頁,接下來就是要把他放到自己的空間里了,那么就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據(jù)你所使用的語言). (6)告訴朋友你的網(wǎng)址,一起分享網(wǎng)絡帶來的快樂吧. BB這是需要掌握的技術步驟 第一講 創(chuàng)建網(wǎng)站步驟 ①在D:盤新建一個文件夾(比如:Myweb) ②單擊“開始”→“程序”→“Microsoft FrontPage ” ③單擊“文件”→“打開站點”,選擇查找范圍(比如: Myweb) ④在屏幕窗口右邊輸入文本或插入圖片,然后單擊“文件”→“保存”,保存時文件名為index.htm(提示:主頁文件名約定為Index.htm) ⑤新建其他網(wǎng)頁,請單擊“文件”→“新建”→“空白網(wǎng)頁”或直接單擊工具欄上新建按鈕。 注意,除主頁以外的其它網(wǎng)頁文件名可以自定義,但盡量用英文。 如果已經(jīng)退出FrontPage,請重復第②~③步,然后雙擊文件夾列表中的相應文件名可以繼續(xù)編輯修改。 創(chuàng)建為網(wǎng)站的文件夾 普通文件夾 當前位置 主頁>>網(wǎng)頁設計與制作>>FrontPage 第二講 網(wǎng)頁的基本編輯 ?? 設置文本格式:在網(wǎng)頁視圖模式下,使用鼠標左鍵拖動選擇要設置其格式的文本,單擊鼠標右鍵,在所彈出的快捷菜單中選擇“字體”命令項,或單擊“格式”→“字體”。 插入圖片:將光標置于網(wǎng)頁編輯區(qū)中要插入圖片處,單擊“插入”→“圖片”。 ?? 插入水平線:將光標置于網(wǎng)頁編輯區(qū)中要插入水平線處,單擊“插入”→“水平線”。若需要修改水平線顏色或寬度,請雙擊網(wǎng)頁上的水平線 ?? 插入滾動字幕:將光標置于網(wǎng)頁編輯區(qū)中要插入字幕處,單擊“插入”→“組件”→“字幕”。然后,輸入要滾動出現(xiàn)的文本內(nèi)容(提示:字幕效果必須經(jīng)過預覽才能實現(xiàn)) ?? 這里是滾動字幕演示 網(wǎng)頁背景:在網(wǎng)頁視圖模式下,在網(wǎng)頁編輯區(qū)中單擊鼠標右鍵,選擇快捷菜單中的網(wǎng)頁屬性命令。出現(xiàn)對話框后,選擇背景。 當前位置 主頁>>網(wǎng)頁設計與制作>>FrontPage 第三講 表格操作 ?? 創(chuàng)建表格:將光標置于網(wǎng)頁編輯區(qū)中要插入表格處,單擊“表格”→“插入”→“表格”。 ?? 設置表格屬性:選中表格后,單擊“表格”→“屬性”→“表格”。 ?? 設置單元格屬性:選中單元格后,單擊“表格”→“屬性”→“單元格”。 ?? 插入新的單元格:將光標置于單元格中,選菜單欄中的“表格”→“插入”→“單元格” ?? 拆分單元格:選擇要拆分的單元格,選菜單欄中的“表格”→“拆分單元格” ?? 合并單元格:選擇要合并的一列、一行或一組相鄰的單元格,選菜單欄中的“表格”→“合并單元格” 當前位置 主頁>>網(wǎng)頁設計與制作>>FrontPage 第四講 創(chuàng)建超級鏈接 ?? 創(chuàng)建指向站點內(nèi)的網(wǎng)頁或文件的超級鏈接:在網(wǎng)頁視圖模式下,鍵入或選中要用作超級鏈接的文本,選擇菜單欄中的“插入”→“超鏈接”。 ?? 創(chuàng)建指向一個書簽的超級鏈接:在網(wǎng)頁視圖模式下,首先在網(wǎng)頁內(nèi)指定的位置插入一個書簽,方法是選擇菜單欄中的“插入”→“書簽”。然后,鍵入或選中要用作超級鏈接的文本,選擇菜單欄中的插入→超鏈接。出現(xiàn)創(chuàng)建超鏈接對話框,在書簽框上,選擇要將其作為目標的書簽。 ?? 使用導航欄:創(chuàng)建導航結構等同于創(chuàng)建超級鏈接,基本思路是首先創(chuàng)建導航結構,然后在需要的位置插入導航欄,如此同樣實現(xiàn)網(wǎng)頁之間的鏈接。具體步驟如下: 第一步,在導航視圖模式下,選中文件夾列表里的網(wǎng)頁,拖曳導向要起放置的位置,若重命名網(wǎng)頁標題,可單擊鼠標右鍵,選重命名; 第二步,在網(wǎng)頁視圖模式下,將光標置于網(wǎng)頁中需要插入導航欄的地方,單擊菜單欄“插入”→“導航欄”。 使用共享邊框:共享邊框內(nèi),包含了想要顯示在共享邊框的每一個網(wǎng)頁上的項目。在網(wǎng)頁視圖模式下,選擇菜單欄中的“格式”→“共享邊框” 使用主題:選擇菜單欄中的“格式”→“主題” CC這是網(wǎng)頁運做的步驟 一、復雜方法 在手工制作個人網(wǎng)站的時代,我們可以總結出的網(wǎng)站制作步驟基本為:設計、切割、代碼生成、發(fā)布。而在此之前,應該規(guī)劃出網(wǎng)站的結構,包括頁面數(shù)、欄目設置等。 1.設計 進行頁面總體規(guī)劃,包括風格、布局等。網(wǎng)站制作要有整體風格,各部分要保持協(xié)調(diào),整個頁面看起來才不顯得凌亂。然后用平面設計軟件制作整個頁面,常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿,筆者也一直用它做頁面設計,它從6.0版開始特別增強了對網(wǎng)頁制作的支持,顯得非常方便?,F(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁制作三劍客的重劍手,由于它與Dreamweaver及Flash無縫集成,越來越受到網(wǎng)站制作人的歡迎。 2.切割 做完第1步,我們得到的只是一個圖片文件,還沒集成網(wǎng)頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設計軟件中已經(jīng)集成了(如Photoshop中提供的切片工具),不需要專門的軟件來處理。 3.代碼生成 這是整個制作過程中最重要的一環(huán)。我們要用HTML語言將切割下來的組件按整體設計“拼裝”回去。眾所周知,HTML語言是一種標記型語言,不須要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上,我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為,但是很耗時間,而且很難精確地控制格式。這時,便該專門的HTML編輯軟件出場了。 HTML編輯軟件大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來比較方便。所見即所得是目前大家最推崇的方式,因為可視化的編輯基本丟棄了代碼,方便快捷。 說到Dreamweaver,筆者就不多介紹了,我相信大部分的網(wǎng)站制作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式(即所見即所得),并且首次將“層”概念引入網(wǎng)頁制作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語言的代碼提示。 4.發(fā)布 將制作好的頁面放到服務器上,以便的人能瀏覽。發(fā)布通常采用FTP的方式,將文件上傳到服務器。目前的網(wǎng)頁制作工具基本上都有發(fā)布工具,可以通過各種方式發(fā)布你的頁面,如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。
請問誰會自己做網(wǎng)站。要全部過程都是自己做的哦。會的告訴下
做網(wǎng)站的步驟一、做好網(wǎng)站頁面文件二、申請域名(即網(wǎng)址:這個要花錢),有專門的網(wǎng)絡公司賣域名三、購買空間(即存放你網(wǎng)站文件的磁盤空間),有專門的網(wǎng)絡公司賣域名,這個也要花錢四、網(wǎng)絡公司告訴你FTP地址:帳號及密碼,你通過在IE地址欄里輸入:FTP//地址。上傳你做好的網(wǎng)頁文件,即可輸入通過你購買的域名來訪問了五、需要在互聯(lián)網(wǎng)信息中心備案,備案地址: http://www.miibeian.gov.cn/ ,也可以要求你購買空間的網(wǎng)絡公司幫你備案。。以上是做整個網(wǎng)站的步驟。最難的在第一步,下面說第一步,就是如何學習做網(wǎng)站一、首先要有一個網(wǎng)頁制作軟件,目前用的多的是dreamweaver,免費下載地址: http://www.onlinedown.net/soft/22017.htm ,通過這個的學習,你可以制作出靜態(tài)的網(wǎng)頁了。這是所見即所得的軟件,不難學。二、圖片處理軟件的學習,用PHOTOSHOP對圖片進行處理,然后用上面的dreamweaver把圖片放在你要的地方三、動畫制作:用FLASH可以制作動畫,然后用上面的dreamweaver把圖片放在你要的地方四、如果要做動態(tài)的(所說的動態(tài),不是指上面的FLASH動畫,是指和用戶交互的,比如用戶留言,能馬上顯示在頁面上),還需要學習ASP,JSP,PHP或者.net這幾種中的一種就可以做出動態(tài)的網(wǎng)站,當然也可以學習幾種。五、數(shù)據(jù)庫:可以用ACCESS或者SQL SERVER,和上面的ASP結合使用。這樣你就可以制作出完全屬于你自己管理的網(wǎng)站了。當然 ,如果要把網(wǎng)站繼續(xù)做好,需要經(jīng)驗和多看別人做的風格
進行網(wǎng)頁布局的一般步驟是什么?
網(wǎng)頁布局一般有七個步驟 如下:1.頁面尺寸:頁面尺寸和顯示器大小及分辨率有關系,網(wǎng)頁的局限性就在于無法突破顯示器的范圍,而且因為瀏覽器也將占去不少空間,留下的頁面范圍就變得越來越小。一般,分辨率在1024×768的情況下,頁面的顯示尺寸為1007×600;分辨率在800×600的情況下,頁面的顯示尺寸為780×428個象素;分辨率在640×480的情況下,頁面的顯示尺寸則為620×311個象素。從以上數(shù)據(jù)可以看出,分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因,目前的瀏覽器的工具欄都可以取消或者增加,那么當顯示全部的工具欄和關閉全部工具欄時,頁面的尺寸是不一樣的。在網(wǎng)頁設計過程中,向下拖動頁面是惟一給網(wǎng)頁增加內(nèi)容(尺寸)的方法。要提醒家。除非能肯定站點的內(nèi)容能吸引大家拖動,否則不要讓訪問者拖動頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容,那么最好能在上面做上頁面內(nèi)部連接,以方便訪者瀏覽。2.整體造型:什么是造型,造型就是創(chuàng)造出來的物體形象。頁面的整體形象,應該是一個整體,圖形與文本的接合應該層疊有序,有機統(tǒng)一。雖然,顯示器和瀏覽器都是矩形,但對于頁面的造型,可以充分運用自然界中的其它形狀以及它們的組合:矩形,圓形,三角形,菱形等。對于不同的形狀,它們所代表的意義是不同的。比如矩形代表著正式,規(guī)則,注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型;圓形代表著柔和,團結,溫暖,安全等,許多時尚站點喜歡以圓形為頁面整體造型;三角形代表著力量,權威,牢固,侵略等,許多大型的商業(yè)站點為顯示它的權威性常以三角形為頁面整體造型;菱形則代表著平衡,協(xié)調(diào),公平,一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義,但目前的網(wǎng)頁制作多數(shù)是結合多個形狀加以設計,其中又以某種形狀為主。3.頁頭:頁頭又可稱之為頁眉,頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣,訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面設計的關鍵,它將涉及到下面的設計和整個頁面的協(xié)調(diào)性。頁頭常放置站點名字的圖片或公司標志以及旗幟廣告等。4.文本:文本在頁面中多數(shù)以“行”或者“塊”(段落)出現(xiàn),它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術的局限,文本放置位置的靈活性非常小,而隨著DHTML的興起,文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。5.頁腳:頁腳和頁頭相呼應。頁頭是放置站點主題的地方,而頁腳則是放置制作者或者公司信息的地方。能看到,許多此類信息都是放置在頁腳的。6.圖片:圖片和文本是網(wǎng)頁的兩大構成元素,卻一不可。如何處理好圖片和文本的位置成了整個頁面布局的關鍵。而布局思維也將體現(xiàn)在這里。7.多媒體:除了文本和圖片,還有聲音,動畫,視頻等等其它媒體。雖然不是經(jīng)常能被利用到,但隨著動態(tài)網(wǎng)頁的興起,它們在網(wǎng)頁布局上也變得更重要起來。
靜態(tài)網(wǎng)頁制作步驟
以下流程適合于為靜態(tài)網(wǎng)頁初學者 1,軟件介紹,建立管理站點 網(wǎng)頁網(wǎng)站介紹,網(wǎng)站取名,設計風格,色彩運用,定位方向(理論) 素材收集,軟件啟用,功能性菜單工具介紹,頁面屬性設定,預覽網(wǎng)頁 2,創(chuàng)建新文件,設定文本圖片動畫格式 文本屬性,涉及到HTML樣式,圖片屬性,圖文超連接,圖文混排。 段落和行,有序無序列表,水平線,日期,特殊字符 圖片輪顯,導航菜單,插入Flash(.swf) 字體樣式的學習 3,創(chuàng)建超級連接 a,文本連接:到網(wǎng)絡,到站內(nèi);b,圖片連接:整圖,熱點區(qū)域; c,郵件地址連接; d,下載打開對話框連接解釋; e,書簽錨點連接:到同頁到不同頁。 要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4,建立表格 表格的建立,格式化表格(顏色采用規(guī)則) 表格數(shù)據(jù),排序表格 行和列的選取,行和列的填加刪除 矩形多單元格塊的相關操作 標準視圖和布局視圖,自動伸展表格 表格在網(wǎng)頁中的應用~! 其他花樣表格介紹。 5,幀-框架頁面 框架的建立,保存,連接--個人站點的起步 以及iframe的運用。 6,層以及時間線的運用 鼠標移到圖片時顯示隱含圖層 & 拖動圖層的應用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 點擊按鈕出現(xiàn)隱含圖層 & 下拉菜單的實現(xiàn) http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html 如何賦予文字圖層特效 & Timeline 的基本應用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一個比較復雜的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7,F(xiàn)ORM表單相關 8,CSS樣式表 9,Head頭部屬性 以下所有代碼全是在...之間,具體內(nèi)容有: a,標題元素,幫助用戶更好識別文件,有且只有一個。 當作為首頁或收藏時做文件名。 b, …顯示本文檔和其它文檔之間的關系 c, 可以在文檔中包含風格頁。 文檔本身的內(nèi)部樣式。 d, …為相對路徑定義絕對路徑url,讀者下載你的文檔后,也可知道從哪下的 e, 用于包含腳本(一系列腳本語言寫的命令)可以是 JavaScript 或 VBScript。 f, 10,動態(tài)HTML應用,行為樣式 11,模板和庫 12,發(fā)布設置上傳求采納