⑴ 怎麼製作自己的網頁
初級前端
主要學習三個部分:HTML,CSS,JavaScript
到招聘網站,參考任聘要求,准沒錯,舉例如下:
1.精通html和css,能製作符合W3C標準的靜態頁面;
2.精通JavaScript編程,對面向對象編程思想有深刻理解;
3.精通主流Javascript庫/框架jQuery;
4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗;
5.對瀏覽器兼容性有深入的研究,精通各種瀏覽器問題 ;
6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗;
7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先;
8.對交互體驗、可用性、用戶體驗有一定程度的理解;
9.有良好的責任心和團隊合作能力、能承受較大的壓力;
自己動手搜索下吧,確定目標和方向,以上是個人路線,僅供參考。
⑵ 如何製作自己的網頁(詳細點)
分類: 娛樂休閑
解析:
我也是從別人的帖子上看到的,借花獻佛
先從最簡單的 HTML 網頁入手;選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具;製作前,粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程,了解這幾個軟體到底能做些什麼;製作你的第一個實驗性的網站, 遇到困難,可買本《新編網頁製作》的書,找最新版本的,新華書店就有。資料網上也有的是,如果遇到問題難以解決,請將問題提出,讓更多高手為你解答; 初級階段:應初步掌握 三劍客網頁工具的基本操作:策劃和製作你的第一個網站;不斷為你的網站增加內容與功能(例如嘗試將一些 Java Script 小程序添加到你的網頁中。 進階階段:具有一定的網頁製作經驗,製作一般的網頁已經不在話下:根據個人喜好及實際需要,網頁製作的方向,你可以學習一些美術方面的知識;鍛煉自己在網站策劃及信息采輯的技能;嘗試製作其他不同類型的網站,從模仿別人開始,逐漸形成自己的設計風格;熟練操作 三劍客網頁工具,並至少能讀懂 HTML 及 JavaScript的簡單語言。 好了!這樣,你的網頁製作水平就離高手就不遠了。 祝你成功!
另外還有
(一)主頁的製作:
1、首先進入需要製作網頁後,密碼進入點擊製作網頁;
2、進入在線編輯;
3、起動瀏覽器;
4、進入其他人網頁主頁;
5、點擊其他人網頁內容;
6、點擊右鍵出復制;
7、內容編輯(下面);
8、點擊左鍵粘貼;
9、修改不合適內容;
10、選顏色;
11、輸入文件名;index
12、點擊完成;
(二)怎樣進行超級連接?
一、相對連接:(內部連接)
第一步:先進入進入成員專區,打開網頁製作系統;
第二步:如果是連接你本網頁著作系統已上傳的文件,首先打開需要被連接的文件,點地址欄,變為蘭色,再點右鍵點復制;
第三步:進入第一頁(主頁)改內容,找到原先設定的目錄選中此目標;
第四步:點插入連接,出現對話框,點右鍵點粘貼,再點OK
第五步:選中背景顏色,點擊完成即可。
二、絕對連接:(外部連接)
其他文件(本硬碟已存或別人網站等)怎樣進行超級連接?
其他步驟基本相同唯一不同的是:首先選中你所存硬碟或別人網站地址欄內的目錄。
(三)怎樣把照片搬到自己的網頁上
一、上傳 選擇法:
1、先把要般的相片存在軟盤上,(非中文文件名)
2、上傳到40兆空間
3、打開網頁製作改內容,
4、指定放相片的位置,
5、按插入相片按鈕,點「選擇」;
6、選背景顏色,按完成。
二、復制 粘貼法:
1、選擇相片右鍵點「復制」,
2、進入網頁改內容指定位置,
3、點擊「粘貼」即可。
動畫的提取大體與上相同。
⑶ 如何製作網站
第一步:網路搜索菲爾萊斯科技,打開菲爾萊斯科技官網,免費注冊您的賬號,
⑷ 怎麼做網站
網站製作流程有哪些?主要包括網站域名和空間主機、網站策劃、網站設計布局、網站前端製作、網站後台程序開發、網站測試並上線、網站維護和推廣,這幾個步驟。
1.網站域名和空間主機
一個網站的建設首先要有一個好的域名,我們常見的網站後綴一般都是.com和.cn,.com是國際域名後綴,.cn是中國的域名。空間就是用來存放你網站的內容和程序文件的地方。
2.網站策劃
網站策劃對於網站建設來說是至關重要的一步,一個好的策劃方案對網站後期的網站推廣起到很大的作用。做網站策劃之前一定要清楚的了解受眾的需求,從而確定你網站的類型。
3.網站設計
用戶進入你網站第一眼看到的就是你網站的結構布局,你網站的設計布局很大程度上決定用戶在你網站停留的時間長短。所以在建站之前我們需要充分了解你的用戶屬性,提前想好需要的功能、板式類型等因素。現在國內的設計行業環境不好,到處都是幾百的模板網站,如果你想做一個真正屬於自己的網站,最好花錢請專業的網路設計製作公司。我們正覺就擁有自己專門的設計師/手繪師/插畫師,滿足您的各種設計需求。
4.網站前端製作
前端人員根據設計師的設計稿把網站呈現出來,這個過程伴隨著不停的兼容性測試,客戶要求的更改。
5.網站後台程序開發
這個階段就是程序員根據設計師和前端工程師做好的內容製作後台程序的過程了。
6.網站測試並上線
後台程序開發完了之後,一個網站的雛形就算出來了,但是這個時候的網站很可能或多或少存在一些bug需要進行測試評估。測試完成之後就可以把網站傳到虛擬主機空間里了,域名解析到伺服器,這個時候就可以正式訪問網站了。
7.網站維護和推廣
網站上線後,需要專門的人員定期進行修復和升級,保障網站的運營順暢。然後對網站盡心推廣優化。
⑸ 怎樣製作網頁網站的
具體是:
Web頁面可用預定義模板來創建,也可不採用模板而在空白頁上自己進行設計。創建新頁面的步驟如下:
在網頁視圖下,選擇「文件」菜單中的「新建」命令,再從其子菜單中選擇「網頁」命令,將彈出「新建」對話框,如圖所示。
若用戶要新建的網頁是框架,則從「框架網頁」選項卡中選擇某種框架樣式;否則,從「常規」選項卡中選擇一種所需樣式,然後單擊「確定」按鈕。若想建立一空白網頁,可在對話框的「常規」選項卡中選擇Normal Page項,或直接單擊常用工具欄的「新建網頁」按鈕。
建議逐一試用FrontPage提供的各種模板以便熟悉它們,日後你就可以自如地利用模板創建常規Web頁面,能夠節省許多時間。
1.在網頁中插入圖形
圖片往往比大量的文字講述更具吸引力和說服力,在web頁面中適當地添加圖片會使網頁豐富多彩,但過多地加入圖片將降低頁面的下載速度,特別是對通過數據機訪問web頁的用戶。大多數圖形都是採用壓縮格式,有的數據機不具有壓縮功能,這種數據機速度更慢。因此用戶在加入圖片時,應認真選擇和進行規劃。雖然圖形可使web頁更有趣味,但應適度使用(使用較少顏色,縮小高度和寬度或裁剪圖形、降低圖形的解析度,盡可能地減少圖形文件大小,如用壓縮格式的文件類型)。
Web頁面所使用的兩種圖片格式分別為GIF和JPEG,用戶可選擇「插入」菜單中的「圖片」命令,再從其子菜單中選擇「來自文件」命令,打開「圖片」對話框,「圖片」對話框提供了「掃描」、「使用您的web例覽器來選擇網頁或文件」、「剪貼畫」和「在您的計算機上選擇一個文件」四種途徑插入圖片。
對於一些非GIF和JPEC格式的圖片,FrontPage可以自動地將這些文件轉換成GIF或JPEG格式。
2.在網頁中插入水平線
水平線可以在網頁上清晰地劃分界限,而且對用戶網頁的布局起著重要的作用。添加一條水平線,可以通過「插入」菜單中選擇「水平線」命令添加。在默認狀態下水平線是灰色的,用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法(必須在不加主題的情況下):
(1)雙擊該水平線,將顯示「水平線屬性」對話框。在對話框的「顏色」項,選擇下拉列表,從中選擇合適的顏色,單擊「確定」按鈕。
(2)用滑鼠右鍵單擊這條水平線,從快捷菜單中選擇「水平線屬性」命令,再從對話框中選擇一個合適的顏色。
使用框架
框架是把Web瀏覽器的視窗分成幾個部分,每個部分都是獨立的Web頁面,這樣便可同時顯示多個頁面。
可以很容易地用FrontPage創建一個多框架的web頁面。為了創建具有框架的Web頁面,可從「文件」菜單的「新建」子菜單中選擇「網頁」命令,彈出「新建」對話框,選擇「框架網頁」選項卡。
在左邊的列表中可選擇不同類型的框架模板,選定模板後,按「確定」按鈕即可創建一個具有框架的網頁。
在創建有框架的Web頁面時,應注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少,為確保這些用戶仍然能夠瀏覽到Web站點上的內容,可以填上要告訴那些低版本瀏覽器的使用者的話,例如請對方更換瀏覽器等。
在新建的框架的窗口中,單擊「設置初始頁」按鈕將會彈出「創建超鏈接」對話框,可以鏈接到一個指定頁面;單擊「新建網頁」按鈕將創建一個新頁面,然後在該頁面內對該頁進行編輯。在編輯頁面時,若感覺頁面被放在一個狹窄的框架中太擁擠,可選擇「框架」菜單中的「在新窗口中打開網頁」命令,這樣便打開一個新的滿屏窗口,可以自由地在頁面中增加內容。
利用FrontPage的框架頁面模板在Web頁面上引入了框架布局,我們還可以在此基礎上,根據需要進行進一步的設計。
1、增加新框架
要給框架頁面增加新框架,就是像拆分表格的單元格一樣,把一個框架分為兩個框架。 其操作如下:
(1)按住Ctrl鍵,將滑鼠放在框架邊框上,當滑鼠變為上下箭頭時,可把邊框拖到一個新位置,當松開滑鼠按鈕時,一個新的空白內容的框架就形成了。
(2)也可以通過命令來操作:首先單擊要拆分的框架內部,選「框架」菜單中的「拆分框架」命令,在彈出的「拆分框架」對話框中單擊「拆分成列」或「拆分成行」單選按鈕,單擊「確定」按鈕即可。
2.刪除框架
若框架頁面看起來太亂,可刪除某些框架。要刪除一個框架,可先單擊該框架選擇它,再選擇「框架」菜單中的「刪除框架」命令即可。
3.改變框架屬性
在設置好框架的整體布局後,我們還可以對每一框架的具體屬性進行設置,操作如下:
(1)單擊需設置屬性的框架,選擇「框架」菜單中的「框架屬性」,則彈出「框架屬性」對活框。
(2)在對話框的「名稱」文本框中可輸入框架名,這樣便於識別不同的框架;在「選項」區域中,若選中「在例覽器中可以調大小」復選框,則客戶在瀏覽站點時,可重新定義框架尺寸,通過在「顯示滾動條」下拉列表框中選擇不同的描述項,可設置讓滾動條是否出現。
(3)在「框架大小」區域中,可設置框架大小,可以定義一個絕對像素值或相對於瀏覽器窗口的百分比,若要用瀏覽器來設置相對於該頁面中框架的尺寸,可選「相對」;在「邊距」區域中,可設置內容頁面與框架邊框分隔的像素數值。
(4)要改變開始頁面,可以在「初始網頁」文本框中輸入一個新的頁面名字或URL。
(5)單擊「框架網頁」按鈕,則彈出「網頁屬性」對話框。
(6)在該對話框的「框架」選項卡中,在「框架間距」文本框中,可輸入以像素為單位的邊框寬度;若要使框架邊框消失,則不要選中「顯示邊框」復選框。
(7)單擊「確定」按鈕,關閉「網頁屬性」對話框,再單擊「確定」按鈕,關閉「框架屬件」對話框,完成框架屬性設置。
動態網頁
DHTML是動態網頁的意思,它其實並不是一個標準的術語。事實上沒有一種技術叫作DHTML。DHTML是利用CSS(層疊樣式表),JavaScript,HTML等技術而建立的能與訪問者產生互動的網頁。比如在動態網頁里,當訪問者單擊了某一張圖片後,這張圖片會自動的移動,這就是DHTML效果。也就是說,當網頁下載完畢後,它無需再與伺服器連接就能產生變化了。FrontPage2000提供了一套容易製作動態網頁的方法,你可以建立起屬於自己特色的動態網頁。
1、使用DHTML的基本步驟
1).在頁面點選需要使用DHTML的對象,比如文本,圖片。對於文本需要拖曳滑鼠選定;
2).在DHTML工具欄,選擇通過開啟的下拉列表選擇一種事件,文本和圖片所具有的事件是不同的;接下來再應用下拉列表選擇一種效果;最後選擇該效果的的實現方法;
3).當你為對象使用了DHTML後,保存該頁面並預覽,你會發現你選定的對象按照你設置的DHTML的效果出現;
4).如果想刪除某一個對象的DHTML效果,先選定該對象,然後單擊DHTML工具欄上的刪除效果圖標即可。
2、DHTML的事件
在DHTML製作中,我們聽得最多的是「事件」這個術語。什麼是「事件」呢,顧名思義,就是發生的一件事情,比如你用手打開門,那麼這就是一個事件。換到網頁製作中,開門變成了單擊,也就是說,訪問者單擊了一個鏈接,那麼出現了事件的結果,門被打開了。
在FrontPage2000中,當我們打開DHTML效果工具欄後,點選文本或者圖片會產生不同事件。但它們的施用方法是一樣的,下面我們以文本舉例:
我們先在編輯器里輸入一段文本,比如:網頁陶吧,然後繼續下面的三個步驟:
選定一段需要產生DHTML效果的文本,這里是:網頁陶吧。從DHTML效果工具欄的開啟下拉列表選擇一個事件。這里對於文本我們只有「網頁載入」這個事件。「網頁載入」就是當網頁第一次裝入的時侯發生的事件,它不需要用戶利用滑鼠去觸發它,而只需要訪問者利用瀏覽器打開它的時侯就會產生預設的動態效果。
選擇好事件後,我們要在應用下拉列表裡選擇一個該事件的應用效果。在該列表下有七種可以採用的效果,我們選擇飛入。
對於應用效果會有不同的方法產生。比如當你選擇的應用效果是「飛入」的時侯,文本可以從底部飛入,可以從左邊飛入,也可以從右邊飛入,這些就是方法。在這個下拉列表裡並沒有註明這個術語。有的應用效果是沒有方法的,比如波動。我們這里選擇從底部飛入。
最後保存該頁面並預覽,你會發現網頁陶吧這個四個字在網頁第一次載入後從底部飛入。當然,你也可以嘗試其它DHTML效果。對於選定圖片,你會在DHTML效果工具欄的開啟下拉列表看到新的事件,單擊和滑鼠懸停,它們會有各自的應用效果和實現方法。你可以每一個嘗試一下,這樣你就能明白這些事件和應用效果和方法之間的關系。
3、DHTML的小技巧
DHTML兼容性
利用FrontPage2000製作的DHTML網頁只能被InternetExplorer4.0或以上版本完全正常瀏覽。對於圖片的DHTML效果,Netscape Communicator 4.0或以上版本也可以瀏覽。
禁止DHTML
如果想禁用DHTML效果,點選菜單工具/網頁選項,在打開的對話框里選擇兼容性標簽,取消動態HTML前的復選框里勾,這樣DHTM效果被禁用。
快速使用DHTML
一般情況,在你沒有選定某一個對象的情況下,你只需要把滑鼠移動到對象的左邊或者右邊單擊一下就可以使用DHTML效果了。
4、網頁過渡
網頁過渡是指當你進入或者離開一個網頁的時侯所產生的效果的這個過程。比如你從某一頁進入另一頁,你會發現當前頁慢慢向中間合攏,同時出現了另一個新的頁面,直到當前頁合攏消失而最後出現新的頁面。如果你想使用網頁過渡,可以按照以下步驟:
1).打開想使用過渡效果的頁面,或者新建立一個頁面。點選菜單格式/網頁過渡,打開網頁過渡對話框;
2).在事件下拉列表裡選擇一個事件,我們選擇進入網頁。大家要注意,當你為某頁和站點都設置了過渡效果時,網頁將比站點過渡效果優先;
3).在周期文本框里輸入持續的時間,然後在過渡效果列表框里點選一個效果,單擊確定。利用瀏覽器打開該頁面,因為我們選擇的網頁過渡是進入網頁,所以當你打開該頁時你就能看到過渡效果了。
利用DHTML效果的確是吸引訪問者的有力利器,但如果你不願意和復雜的代碼打交道,那麼FrontPage2000為你預設了許多DHTML的效果。你要做的僅僅是選定需要動態效果的對象,比如文字,圖片,然後利用「傻瓜」式的操作就可以讓你的網頁動起來。
Web頁有自己的一組屬性,通過選擇「文件」菜單中的「屬性」或通過滑鼠右鍵單擊頁內任何位置,選擇快捷菜單中的「網頁屬性」命令,可以打開「網頁屬性」對話框,在「常規」選項卡中,各項設置含義如下:
·位置:指出頁的完整URL。
·標題:顯示的頁標題,即在HIML中顯示在<head>元素中的<tit1e>標簽內。
·基位置:在此位置可輸入一個URL,可將這頁中使用的相對URL的超鏈接總指向同一正確的目標,通過對一個URL的說明,可以在不移動相對URL中所有目標的情況下,移動這個頁。
·默認的目標框架:定義不規定框架的頁中所有超鏈接的默認框架。
·背景音樂:加入背景音樂,當瀏覽器打開該頁時,會同時播放音樂。
在其它選項卡中還可對頁邊距、語言等系統參數進行設置。
建立超鏈接
--------------------------------------------------------------------------------
超鏈接(HyperLink)的出現使網上瀏覽變得更加便捷,只須用滑鼠輕輕點擊,便能輕松地從一個頁面跳轉到另一個頁面,從一個Web站點跳到另一個Web站點,從一個國家跳到另一個國家。超鏈接就是一些特殊的文本或圖像,是其它頁面的入口。
1.與當前web站點的頁面建立超鏈接
(1)在FrontPage中打開要建立超鏈接的頁面(若是新建頁面,則要肯定該頁面己被保存),選中超鏈接源,超鏈接源可以是一個字元、一個單詞、一句話或一幅圖片等。
(2)選擇「插入」菜單中的「超鏈接」命令,或單擊「常用」工具欄的「超鏈接」按鈕,則彈出「創建超鏈接」對話框(如圖),在該對話框中列出了當前FrontPage中打開的Web站點中的文件夾和文件。
(3)在該對話框的文件列表中,選擇要建立鏈接的目標文件。
(4)單擊「確定」按鈕,超鏈接建成。
2.與本機中的其它文件建立超鍵接
(1)選擇超鏈接源,打開「創建超鏈接」對話框。
(2)在該對話框中單擊「製作一個鏈接到您計算機上文件的超鏈接」按鈕,然後從彈出的對話框中找到自己所要鏈接的文件,選中它。
(3)單擊「確定」按鈕,超鏈接建成。
3.與world wide web上某一站點建立超鏈接
(1)在FrontPage中打開欲建超鏈接的頁面,選定超鏈接源。
(2)選「插入」菜單中的「超鏈接」或單擊常用工具欄的「超鏈接」按鈕,彈出「創建超鏈接」對話框。
(3)在「URL」文本框中,輸入超鏈接目標的URL。
(4)單擊「確定」按鈕。
格式化文本
1.輸入文本
從總體而言,文本仍是網頁中的主體內容,在FrontPage中輸入文本與在Word中輸入文本非常類似。
(1).需要加入空行或換段時才使用Enter鍵,當輸入文本達到所定義的右邊界時,將自動換行。若錄入文字有錯可按Backspace鍵清除錯誤,重新錄入。
(2).可在文本中任意位置處插入新文本內容,操作時把滑鼠指針定位到欲加文本處即可添加文本。
(3).可進行覆蓋式錄入,即先用滑鼠選中要替換的文本,然後直接錄入文本。
(4).可通過單擊常用工具欄的「顯示所有」按鈕,讓段落標記在屏幕上顯示或隱藏,藉助段落標記可清楚地看到段與段之間的空行。
2.文本的選擇
(1).選擇一個單詞或多個單詞:選擇一個單詞只需在該單詞上雙擊滑鼠即可,按住滑鼠左鍵在要選單詞上拖動即可選擇多個單詞。選擇字與選擇多個單詞的方法相同。
(2).選擇一行文字:一行文字就是在屏幕上占據一行空間的文本。將滑鼠箭頭移到行的最左邊,當游標箭頭變為指向左邊時,單擊滑鼠左鍵,便可選擇該行。
(3).選擇一個段落:將滑鼠箭頭移到該段落的最左邊,當游標箭頭變為指向左邊時,雙擊滑鼠左鍵,或按下ALT鍵,再用滑鼠單擊想要選擇的段落,即可選擇該段落。
3.刪除、拷貝和移動文本或圖片
(1).刪除:刪除插入點左側的一個字元,按Backspace鍵;刪除插入點右側的一個字元,按Delete鍵;刪除插入點右側的一個單詞,按Ctrl+De1ete鍵;剪切所選內容並保行到「剪貼板」,按Ctrl+X鍵;刪除所選內容按De1e1e鍵或選擇「編輯」菜單中的「刪除」命令。
(2).拷貝:拷貝所選文本或圖形到剪貼板,方法是:選中文本或圖形,然後按Ctrl+C鍵或從菜單上選擇「編輯」菜單中的「復制」菜單命令,也可直接單擊工具欄中的「復制」按鈕。
(3).移動文本或圖片:選擇想要移動的文本或圖片,再拖曳到要插入的位置,釋放滑鼠,所選對象就移到目的地。如果先將選擇的文本或圖片「剪切」,然後再「粘貼」到指定區域,也可將其移動。
(4).通過「撤銷」取消誤操作:如果用戶在不小心的情況下錯誤地執行操作,單擊工具欄上的「撤銷」命令按鈕,可以取消用戶執行過的操作,或從菜單欄選擇「編輯」菜單中的「撤銷」菜單命令,或按Cir1+Z鍵。
4.加入標題
出於頁面內容層次的需要,有時在頁面中要加入一些小標題。 HTML語言規范採用6級標題,各級標題採用文字不同字型大小來區分,其中標題1為大標題,其它依次為中小標題。要設定某一級標題,可以在FrontPage格式工具欄中的「樣式」下拉列表中選中一個標題等級,然後在游標處輸入標題文字即可;或者先輸入文字,並選定該文字,然後在「樣式」下拉列表中選定某一級標題。標題結束後,將下拉列表中的格式改回原來的「普通」,再進行其它內容的輸入。
5.改變字體及設置字體效果
FrontPage在通常情況下,字體為「Times New Roman」。若用戶的操作系統是中文Windows95/98或Windows NT,中文默認字體為「宋體」,文字大小採用默認的字型大小。若要設定不同的字體,可先選擇要改變的文字,然後在格式工具欄里的「字體」下拉菜單中選擇一種字體,或從菜單欄選擇「格式」菜單中的「字體」菜單命令,通過「字體」對話框來設置,並可設定字體樣式、大小等。當字體改變後,形式將一直保持,直到用戶又重新設置新的字體為止。
(1).設置字體顏色:選中文字,單擊格式工具欄上的「文本顏色」按鈕的下拉箭頭,就會彈出其下拉列表,在「標准顏色」中選擇所需顏色;若沒有,可選擇「更多的顏色」命令,然後從彈出的對話框中選擇。
(2).設置字體樣式:要對需要的文字進行粗體、斜體和下劃線處理,只要選擇要處理的文字,從格式工具欄上單擊「加粗」、「斜體」或「下劃線」按鈕即可。想解除此效果,可以選中文字,再次按相應的按鈕就可以解除效果,恢復到正常字體。在製作網頁時,一般不採用「下劃線」效果,因為下劃線在一些網頁中都表示有超鏈接。
(3).字體加線效果:共有兩種:「下劃線」可以在選中的文字下面劃一條線;「刪除線」在文字中間貫穿劃一條線。
(4).特殊的文字風格:當選中的文字需要使用某些特殊風格,如「閃爍」風格,可通過選擇「字體」對話框中「字體」選項卡(如圖)的「效果」區域的所需選項,但有的文字特殊效果只有在瀏覽器中才能體現出來。
6.文本的縮進
文本的縮進就是使文本左邊、右邊顯示空白,這種效果有利於對關鍵段落加強說明。要對一個已有的段落運用縮進的方式,首先選中段落,然後在格式工具欄上單擊「增加縮進」按鈕,段落左邊和右邊分別縮進一段距離,連續按「增加縮進」按鈕,縮進將進一步加大。這種在文字兩邊同時縮進的方式也稱之為雙向縮進。若縮進的空間太大,可以通過單擊「減少縮進」按鈕來減少縮進的空間。
7.文本對齊方式
若輸入的文字是從該頁的左邊距開始,並逐漸向右延伸,且到了行滿以後又折回下行左邊(左邊距處)重新開始,這就是左對齊。有些文字需要居中方式,比如標題之類的文字;而有些文字需要放到右邊,這些可通過格式工具欄上的「向左對齊」、「居中」和「向右對齊」按鈕來實現:,不同的對齊方式可以使文本呈現不同的顯示樣式,而且可以清楚地表明用戶想要說明的問題,使網頁整體保持協調。 要設定文本的居中、左齊或右齊方式,須先選擇好要設置的文本,再單擊相應按鈕即可。如果用戶想回到原始狀態的對齊的方式,應先選定該文本,再單擊格式工具欄上相應的對齊按鈕。
8、加入項目符號或列表編號
有一些列表前面有加圓點的符號,說明一條條的列表內容,這在專業排版中稱為項目符號,在Web頁面中加入項目符號或列表編號可使內容有條理、更清楚,可以通過列表把大量內容簡要地描述出來,便於讀者抓住重點。還有另外一種形式即列表編號,可以用來描述一個問題的處理步驟和順序,這兩種處理形式在FrontPage中運用起來很方便。
加入項目符號或列表編號與在Word中的操作很類似。先選定文本,用戶可以在格式工具欄按相應的按鈕,或選「格式」菜單中的「項目符號和編號方式」命令,打開項目符號和編號方式對話框(如圖),從中選定不同格式的列表項目。
在FrontPage中新建的兩個文本行之間都有一個空行,如果用戶在輸入或添加項目時不想每兩行之間都出現一個空行,可以在格式工具欄上單擊「項目符號」或「編號方式」按鈕。該按鈕為下凹狀後同時出現第一個項目符號,輸入需要的文字後,按「回車」鍵,然後在自動出現的下一個項目符號後繼續輸入。
FrontPage還可以通過提供列表編號或項目符號的方式對列表項進行排列。操作方法與上一段所述相同。
如果在所有項目輸入完畢後,以下的內容不再希望添加編號或項目符號,可兩次回車,則停止編號或停止添加項目符號。若想改變編號的形式或不想從1開始,可通過在列表符號上單擊滑鼠右鍵,在彈出的快捷菜單上選擇「列表屬性」命令,在彈出的「列表屬性」對話框中選擇「號碼」選項卡,選擇所需的編號風格,再在右邊的「初始號碼」微調器中調整起始編號,在調好之後單擊「確定」.
打字不易,如滿意,望採納。
⑹ 如何製作自己的網頁
建議看看這個教程,很方便,也能免費做
第一步:網路搜一下菲爾萊斯科技,冊賬號,註:(生成的網站二級域名會是:賬號.flspt.com,不想使用二級域名可綁定自己的頂級域名)。
⑺ 20分。網站如何製作提交信息
先鍵一個表單,在表單裡面添加文本框之類讓人輸入信息的組件,然後給提交按鈕添加一個onclik事件,當這個事件被觸發的時候就調用一個方法,這個方法可以用來獲取表單裡面的值然後發送到你指定的地址 如果你看不懂的話,我建議你看一下教程 編程中國這個網站不錯,可以參考一下
⑻ 如何學習製作網站如題 謝謝了
我覺得建站可以按照以下步驟進行: 1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。 2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些) 3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。 4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁) 5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁) 6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧) 7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。 8、把網站上傳至空間裡面,刪了准備文件,就OK了! 不過也可以這樣使用FP建站: 1、在FP裡面選擇新建站點。 2、然後在【導航】裡面設置網頁名稱以及標題。 3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。 4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。 5、把網站上傳至空間裡面,刪了准備文件。完畢。 如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。 在網站設計中,純粹HTML格式的網頁通常被稱為「靜態網頁」,早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為: www.example.com/eg/eg.htm ,也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上,也可以出現各種動態的效果,如.GIF格式的動畫、FLASH、滾動字母等,這些「動態效果」只是視覺上的,與下面將要介紹的動態網頁是不同的概念。 在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中,提出了採用靜態網頁對搜索引擎的影響,書中對於靜態網頁本身的介紹比較少,尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站( www.wm23.com )將靜態網頁的特點簡要歸納如下: (1)靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有「?」;(2)網頁內容一經發布到網站伺服器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站伺服器上的,也就是說,靜態網頁是實實在在保存在伺服器上的文件,每個網頁都是一個獨立的文件; (3)靜態網頁的內容相對穩定,因此容易被搜索引擎檢索; (4)靜態網頁沒有資料庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難; (5)靜態網頁的交互性交叉,在功能方面有較大的限制 這個步驟絕對好使啊~
求採納
⑼ 網站怎麼製作
簡單介紹一下製作主頁的過程和方法:一、准備材料你首先做一個小計劃,准備在主頁上告訴人家什麼?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如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將你所有的主頁文件上傳至主機指定的目錄就可以了!需要注意的是,一定要保持網頁的相對位置,否則會看不到網頁的。
⑽ 製作網頁詳細操作步驟
導讀:目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。下面為大家帶來製作網頁詳細操作步驟,快來看看吧。
製作網頁主要有以下一些工具
Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。
Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具,javascript、java編輯器等。
網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。
大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。
總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者。
網頁製作教學設計
一、教材或教學內容分析
本章內容在本教材中的位置處於第五章,是在文字處理(Word2000)和網路基礎及網際網路應用兩章之後。學生所學的文字處理軟體Word和將要學習的網頁製作軟體Frontpage同是Microsoft公司的產品,在軟體的使用上有很多的共通之處,所以在學習frontpage的時候,很多內容可以讓學生自學,而不必面面俱到地在課上講授。而第四章網路基礎及網際網路的應用又為學生對網頁的理解奠定了基礎,學生對網頁中的基本元素——文字、圖片、動畫、聲音等都有所了解,而網頁的製作就是將這些元素重新組合到網頁上,學生要學的就是這種組合的方法。所以說,雖然大多數學生以前都未接觸過網頁的製作,但有了以上這些基礎,學起來就輕松多了。
本章內容按照學生已有的基礎,我對教學內容分了一下類,也為教學的組織工作打下一點基礎。本章內容主要由網頁基礎知識、網站的建立和管理、網頁的製作、創建超鏈接、圖片的處理、網頁框架。
重點是網頁的製作和創建超鏈接,學會了這些就可以開始簡單的網頁製作了。
難點是網頁框架,這部分相互之間關系比較復雜,必要時,老師在對各組個別輔導時,可以給予分別講解。 這個分類可以為組長安排各個組員的任務提供參考,使分工更加合理。
二、教學對象的分析
信息技術課雖然已經成為初中的必修科目,但是城鄉學生之間掌握情況的差異卻相當大,條件好一點的初中學生不僅已經熟練掌握了課本上的內容,還對一些常用軟體有所了解;而差一點的可以說是從高中開始才正式接觸到信息技術知識的學習,他們需要多鍛煉、多指導,所以協作學習對學生的學習幫助很大。
三、教學策略的選擇及媒體的使用
在教學策略的選擇上,我使用的是任務驅動和協作學習相結合的方法。
任務驅動就是要求本章內容學習完之後,每個小組都要完成自己班級網站的製作,並在全班進行評比,選擇最好的作為班級主頁掛到學校主頁上去,這有助於激發學生參與學習的積極性。
協作學習則是讓學生在學習過程中互幫互助,用較短的時間、教少的精力學到更多的東西,完成一個集體項目,讓他們在學習之後獲得成就感。因此在媒體的選擇上,我們使用的是TOP2000系統。TOP2000系統有利於教師進行分組教學和學生作品的點評及成果的展示。教學過程開始之前,教師把學生按座位分成四組,每個組都按學生對計算機的掌握程度平均分配,保證每個組都有計算機操作方面比較突出的,也有相對比較差的,使其形成能夠互幫互助的學習小組。並由他們自己選出組長各一名,然後由組長根據組員的情況,確定在班級主頁製作過程中主要完成什麼任務,也就是說起到一個組織者的作用。
做過網頁的人都知道,做網頁是一項比較費時的工作,而要學生在較短的時間內製作出像樣的網頁是比較困難的,而在這個過程中,網頁的設計佔去了相當多的一部分時間,組長把任務分到各組員頭上以後,組員就可根據自己要完成的任務相對集中的做某方面的工作,做完以後,組員之間進行經驗交流,告訴組員自己的網頁是如何製作出來的',在完成自己的網頁後,再重復一遍製作過程花費的時間的不多的。這樣,其他組員就可在較短的時間之內掌握比較先進的網頁製作方法,而不必再花那麼多時間去探索。因為每位組員都必須自己完成一個任務,所以在這個過程中,也同樣有自己探索學習的機會和介紹自己經驗的機會,使組內的每個學生都在學習中獲得成就感。
四、教學過程
教學進程
教師活動
學生活動
1、課前准備
課前將本章內容的基本結構、內容的歸類、網頁基礎知識、網頁素材做成一個網站,供學生參考,網站上的內容可根據學生以後在學習中的要求添加。根據學生對已有的網頁製作的情況進行分組。
學生根據自己的分組情況選出組織能力較強、計算機水平較高的人做組長,協作小組形成。
2、教師布置任務,作必要講解
第一節課,教師簡單介紹網頁基礎知識,並給各小組布置任務——用下面的時間完成班級網頁的製作,並對組長進行本章基本內容及本章內容的分類的介紹,讓他們對本章內容有總體上的把握。
在教師對網頁基礎知識講解的基礎上,瀏覽教師製作的網站,繼續學習;
課後各組設計自己的班級主頁,組長根據網站上教師對本章內容的分類給學生布置任務。
3、教師指導分工情況,學生開始自主學習
第二節課教師對組長對全組的分工情況給予檢查,提出意見和建議。
學生根據分工製作網頁,學習可以跟著課本上自學,也可根據以前學習Word的經驗自己摸索製作過程,不懂之處可向會的同學請教,還可以相互之間討論,在網頁的設計方面也可以相互之間多商量,發揚互幫互助的精神。
4、學生自主學習,教師指導、監督
下面三節課,老師在每組各用10分鍾時間檢查他們上節課的網頁製作情況,並對他們碰到的問題給予提示或解決,起指導和監督作用。
學生繼續學習、製作網頁。
五、階段總結
四節課的製作以後,各組員所製作的網頁都初見雛形,所以教師組織一堂課,由各組展示自己的作品。教師在學生評講完後,給予總結。
各組分別展示自己的作品,其他組對他們可以提出意見或建議,也可從其他組的學到好的創意。由組長在課後寫一份階段總結,從而指導以後的工作。
六、學生自主學習,教師指導、監督
下面四節課,老師仍然對每組各花10分鍾時間輪流檢查他們上節課的網頁製作情況,並對他們碰到的問題給予提示或解決,起指導和監督作用。
學生繼續學習、製作網頁。
七、各組將內容匯總,形成班級主頁
教師對各組出現的問題提出建議或意見。
組長或組長安排人將各組的主頁進行匯總,形成一個完整的班級主頁,對欠缺的地方進行修補。
八、班級網站製作完成,展示與總結
老師請其他信息技術教師來做評委,對各組做的網站提出意見或建議,評出最佳網站、最佳創意等獎,讓大家的付出都有所收獲。
各組分別展示自己組所製作的班級主頁。
課後:
大家集中各組的優勢,將班級主頁完成,掛到學校主頁上。