網站首頁 個人文檔 個人總結 工作總結 述職報告 心得體會 演講稿 講話致辭 實用文 教學資源 企業文化 公文 論文

網頁製作工程師試用期總結(精選多篇)

欄目: 試用期工作總結 / 發佈於: / 人氣:8.18K

目錄

網頁製作工程師試用期總結(精選多篇)
第一篇:網頁製作試用期工作自我總結第二篇:網頁製作教學總結第三篇:網頁製作總結第四篇:網頁製作經驗總結第五篇:frontpage網頁製作經驗總結更多相關範文

正文

第一篇:網頁製作試用期工作自我總結

認真學習崗位職能,工作能力得到了一定的提高。

根據崗位職責的要求,我的主要工作任務是(1)負責對外宣傳,具體包括工業園網站建設、二期招商畫冊的設計製作及參加相關展會等;(2)日常接待工作;(3)相關活動的策劃及(來源本站:)籌備;(4)擔任講解工作;(5)領導交辦的其他工作。通過完成上述工作,使我認識到一個稱職的招商主管應當具有良好的語言表達能力、流暢的文字寫作能力、網站建設維護能力、大型活動的策劃及籌備能力。目前我在網站建設、大型活動的策劃方面存在不足。在網頁製作的過程中我發現,frontpaeg根本無法適應精美網頁的製作要求,於是重新學習了新的網頁製作軟件dreamweavermx及圖形處理軟件fireworksmx。目前我已熟悉了上述軟件的常用功能並能運用其進行基本的網頁製作及圖形處理。為了讓自己做一個稱職的招商人員,我閲讀了網上的部分策劃案例,以便在以後的策劃工作中有所幫助。

xxxx年又是一個充滿激情的一年,在今後的工作中,我將努力提高自身素質,克服不足,朝着以下幾個方向努力:

1、學無止鏡,時代的發展瞬息萬變,各種學科知識日新月異。我將堅持不懈地努力學習各種招商引資知識,並用於指導實踐。

2、“業精於勤而荒於嬉”,在以後的工作中不斷學習業務知識,通過多看、多學、多練來不斷的提高自己的各項業務技能。

3、不斷鍛鍊自己的膽識和毅力,提高自己解決實際問題的能力,並在工作過程中慢慢克服急躁情緒,積極、熱情、細緻地的對待每一項工作。

第二篇:網頁製作教學總結

教師個人工作總結範文

時間過得真快,轉眼間一學期的教學工作已接近尾聲,為了更好地做好今後的工作,總結經驗、吸取教訓,本人特就這學期的工作小結如下:

一、 思想工作方面

俗話説:“活到老,學到老”,本人一直在各方面嚴格要求自己,努力地提高自己,以便使自己更快地適應社會發展的形勢。通過閲讀大量的道德修養書籍,勇於解剖自己,分析自己,正視自己,提高自身素質。

二、教育工作方面

這學期,本人擔任一年級語文教學工作,班級人數眾多,又面臨着新課程改革。面對首次接觸的教材,我在教育教學工作中遇到了不少困難。針對這些情況,我在積極參加教育局組織的新教材培訓的同時,虛心向有經驗的教師及兄弟學校的同行討教經驗。在教學中,認真鑽研新大綱、吃透教材,積極開拓教學思路,把一些先進的教學理論、科學的教學方法及先進現代教學手段靈活運用於課堂教學中,努力培養學生的合作交流、自主探究、勇於創新的等能力。另外,本人在搞好教學工作的同時,還很注重教學經驗的積累,有了心得體會就及時記下來與同事交流,本學期撰寫綜合活動案例《翱遊花海》以及論文多次參加市級交流、獲獎、發表。

三、遵守紀律方面

本人嚴格遵守學校的各項規章制度,不遲到、不早退、有事主動請假。在工作中,尊敬領導、團結同事,能正確處理好與領導同事之間的關係。平時,勤儉節約、任勞任怨、對人真誠、熱愛學生、人際關係和諧融洽,從不鬧無原則的糾紛,處處以一名人民教師的要求來規範自己的言行,毫不鬆懈地培養自己的綜合素質和能力。

四、業務進修方面

隨着新課程改革對教師業務能力要求的提高,本人在教學之餘,還擠時間自學相關學科的知識並積極各類現代教育技術培訓初步掌握了多媒體課件製作。

以上小結,如有不妥,敬請領導同事批評指正。

第三篇:網頁製作總結

首先,二電一班的學生總的來説是屬於聰明但懶惰的學生,他們的學習領悟能力比較好,很多東西一講他們就會,但因為在國中階段養成了一些不良的學習習慣,以致學習方法上欠缺正確的方式、方法。我覺得首先從授課方式角度來分析的話,我們作為一個專業課老師應當在課堂上調動學生的興趣,網頁設計與製作這門課程本身就是一門實踐性交強的課。作為一個老師不應當按照那些傳統的授課方式去講給學生,就那我來説吧。我本人講課是根據自己的教學理念去設計每趟課的詳細內容,我更為注重的是學生的學習視點以及他們的開發能力。把每一趟詳細的課程以及我個人的教學培訓理念結合起來去引導學生,使他們獨立創新、開拓思維。就説網頁設計這門課吧,它的操作性很強。因此我上課的方式就採用的是案例教學法。通過案例的整體架構剖析再進行實戰強化訓練最後製作成功。

從學生的角度來講,網頁這個東西現在很多的同學都上過網,都知道。所以不用我多講學生們也都知道網頁有什麼用處,而我所做的就是引導他們入門,把網頁製作的方法教給他們。給他們看看網上一些很常精美的網頁,讓他們多見識一下各種各樣的網頁是如何進行佈局。而學生們因為見識過那些漂亮的網頁模板,心中也就有了個底。在課新知識點用實例效果來引導他們的興趣,這樣他們對網頁就更感興趣,所以他們的學習是各人有各人的方向,他們學起來也就很努力認真。在學的過程中,有時也會出現有些網頁特效不記得怎麼做了,這個時候他們就能明白自己是什麼地方沒學會。經過反覆的練習,再加上這個班的學生比較團結,在學習上互幫互助,所以他們進步的很快。慢慢的就將網頁制從基本構思到網頁佈局再到修飾最後添加動態網頁特效,每個過程和各個小技巧全都掌握了。在課堂上我還會單獨拿出提問的時間,讓學生把自己迫切想知道的知識提出來,然後我在針對性的去詳解,達到即學即會的效果。從學生的角度來説,目的是想“學到真正的知識、學會自己不會的知識”。而我就是把“學生的需求、以及想要的知識”用心去教會他們,讓他們學到真正具有實際價值的東西。學生不會的老師教會你,你不懂的老師也讓你學會。你想知道的、想學習的、我會針對性的去詳解。傳統的那種授課模式在我們學校己經徹底打破,我們更追求的是“創新、實戰、交流。也就是説“創造性的學習、目標性的實現。

網頁設計與製作這門課程看起來挺複雜的,其實當你真正的着手去學習的

話。一句話很簡單,它注重的就是實際操作。只要你用心去多上機操作,幾天就學會了。

經過這個學期的教學,我覺得在教學上對學生不能太好了,一定要給他們施加壓力,他們如果沒有事情可做,就會沒有壓力。要求他們在學完課程後,每個人都要完成相應技術的網頁效果的作品。所以在平時上機時他們就很主動練習,在完成任務之後在他們的心中也感到成就感和愉悦感。而平時上課也是每節課都有相應的作業要求他們去做,並且做完之後要給我或小組長檢查並登記,結果他們上機時就更主動了,再沒有閒着無所事是的了,但只有少數一兩個男生無論怎麼教導都無濟於事。對於這一兩個學生只有通過多方面的教學和引導才有可能改變他們的學習態度。

第四篇:網頁製作經驗總結

目錄:

1.域名前面加圖標

2.插入關鍵字,説明等(書上是p89)

3.利用模板做網站

4.如何提交關鍵字,才能達到更好的產品推廣效果

5. 常用html代碼

1.域名前面加圖標

ico文件製作第一步:用畫圖軟件做一個16*16(32*32)的圖像文件,為jpg或gif格式;第二步:然後通過 1、http:///html-kit/services/favicon英文網站 2、http://">

注意:其中的5是指停留5秒鐘後自動刷新到url網址。

-cookie(cookie設定)

説明:如果網頁過期,那麼存盤的cookie將被刪除。

用法:<meta http-equiv="set-cookie" content="cookievalue=xxx;

expires=wednesday, 21-oct-98 16:14:21 gmt; path=/">

注意:必須使用gmt的時間格式。

ow-target(顯示窗口的設定)

説明:強制頁面在當前窗口以獨立頁面顯示。

用法:<meta http-equiv="window-target" content="_top">

注意:用來防止別人在框架裏調用你的頁面。

ent-type(顯示字符集的設定)

説明:設定頁面使用的字符集。(我們在前面字體設計中已經介紹過它的作用)

用法:<meta http-equiv="content-type" content="text/html; charset=gb2312">

●meat標籤的name變量語法格式是:

<meta name="xxx" content="xxxxxxxxxxxxxxxxxx">

其中xxx主要有下面幾種參數:

ords(關鍵字)

説明:keywords用來告訴搜索引擎你網頁的關鍵字是什麼。

舉例:<meta name ="keywords" content="life, universe, mankind, plants,

relationships, the meaning of life, science">

ription(簡介)

説明:description用來告訴搜索引擎你的網站主要內容。

舉例:<meta name="description" content="this page is about the meaning of

life, the universe, mankind and plants.">

ts(機器人嚮導)

説明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。

content的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例:<meta name="robots" content="none">

or(作者)

説明:標註網頁的作者

舉例:<meta name="author" ">

以上是meta標籤的一些基本用法,其中最重要的就是:keywords和description的設定。

為什麼呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問

你的站點!

根據現在流行搜索引擎(lycos,altavista等)的工作原理,搜索引擎首先派出機器人自動

在www上搜索,當發現新的網站時,便檢索頁面中的keywords和decription,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。

也就是説:

1. 如果你的頁面中根本沒有keywords和description的meta標籤,那麼機器人是

無法將你的站點加入數據庫,網友也就不可能搜索到你的站點。

2. 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面

被點擊的可能性也是非常小的。

所以,我們必須記住添加keywords和description的meta標籤,並儘可能寫好關鍵字和簡介。

寫keywords的禁忌是:

1.不要用常見詞彙。例如www,homepage,net,web等。

2.不要用形容詞,副詞。例如最好的,最大的等。

3.不要用籠統的詞彙,要儘量精確。例如不用"摩托羅拉手機",改用"v998"等

尋找合適的關鍵詞的一個技巧是:到lycos,alta,infoseek等搜索引擎,搜索與你內容相仿

的網站,查看排名前十位的網站的meta關鍵字,copy下來用到自己的站點上。

這裏,我們舉一段微軟多媒體網站的關鍵字供你參考:

<meta name="keywords" content="joke, music, mp3, media, audio,

joke of the day, downloads, free music, horoscope, radio, video,

music downloads, movies, radio station, media player, free,

download, weather, horoscopes, windows media technologies,

online, radio station guide, free download">

小資源:人們最常用的一些搜索詞(即關鍵詞)可以到

兩個網址一看,那裏有每個月網上最流行搜索詞的排行榜.

另外為了提高搜索點擊率,這裏還有一些"邪門歪道":

1.為了增加關鍵詞的密度,將關鍵字隱藏在頁面裏(將文字顏色定義成與背景顏色一樣)。

2.在圖象的alt註釋語句中加入關鍵字。

如:<img src="xxx.gif" alt="keywords">

3.利用html的註釋語句,在頁面代碼里加入大量關鍵字。

用法: <!--- 這裏插入關鍵字 --->

如何提交關鍵字,才能達到更好的產品推廣效果

1. 利用模板做網站

另存為 模板——插入記錄--可編輯區域——新建從模板

4. 如何提交關鍵字,才能達到更好的產品推廣效果

2、為什麼網頁標題或摘要中一定要含有查詢關鍵字?

答:即使您排在搜索結果的第一位,點擊率既可能高至90%以上,也可能低至10%以下,決定因素是您的網頁摘要的相關性。而用户判斷相關性的首要因素是您的網頁標題或摘要中是否含有他輸入的關鍵字。所以您一定要配合您選擇的關鍵字,認真填寫您的網頁摘要,使您的網頁摘要與各關鍵字相關,以吸引訪問者。

3、為什麼要在標題或網頁描述中前20個字要出現查詢關鍵字?

答:競價排名是通過提交產品關鍵字來尋找產品的潛在客户,您要為每一個產品關鍵字撰寫產品標題和產品的網頁描述,例如:產品性能介紹、產品價格和購買電話等。這樣可以吸引訪問者,更準確地尋找產品的潛在客户。為了達到更好的推廣效果,建議您一定要將與產品關鍵字最直接的介紹撰寫在網頁描述的前面。

4、我可以提交多少個關鍵字,是1個還是2個?

答:關鍵字數量不受限制,您可以提交多個關鍵字。您可以為您的任何一個網頁選擇任意多個關鍵字,網民搜索這些關鍵字中的任何一個時,您的網頁介紹信息都會出現在搜索結果最前列。

5、我提交的關鍵字可以搜索出我的網站,沒有提交的關鍵字就不出現我的網站嗎?

答:您沒有提交的關鍵字的有可能會出現您的網站。競價排名系統採用“智能搜索”,會讓客户的網站顯示機會大大增加,從而被更多潛在客户看到。若檢索詞有競價排名客户購買,直接出現競價排名客户網站;若檢索詞沒有競價排名客户購買,那麼智能搜索將會查找該行業通用詞,顯示所有購買了行業通用詞的競價排名客户網站。

6、我沒有提交的關鍵字也出現了我網站,關鍵字如何計費呢?

答:競價排名系統採用智能搜索,系統將會智能判斷用户的搜索請求,當網民的搜索請求和競價排名用户註冊的關鍵字內容非常相關,就會在搜索結果頁面顯示客户的推廣網站(或網

頁)。例如:用户搜索“我要買鮮花”,而競價排名的客户中沒有人購買這個關鍵字,那麼系統會自動進行智能搜索,查找該行業通用詞“鮮花”,自動顯示“鮮花”的競價排名客户,如果發生了訪問將會按“鮮花”的訪問價格收費,同時在統計報告裏記錄一次點擊和相應的消費金額。

7、我可以為我的網站選擇任何搜索關鍵字嗎?

答:不可以,為了保證網民檢索結果的質量,只有跟您的網頁緊密相關的關鍵字才能通過審核。

以下幾種情況,均屬於與網頁內容無關:

(1)與您公司的產品無關,關鍵字是其競爭對手或同行業其他企業的公司名稱或產品;

(2)網站上沒有與關鍵字相關的內容的網頁,不能選擇該關鍵字;

(3)關鍵字不能是:公司產品應用的領域、提供的服務涉及的範圍等等;

(4)通用詞彙:求職、招聘、下載、免費、企業、公司、服務等,網站必須有大量該領域的相關內容才能通過審查,如果只提供該領域的一種或很少的幾種產品或服務,不能通過審核。

8、我可以用產品名稱做為關鍵字嗎?

答:可以。與關鍵字匹配的url所指的網頁上必須含有與關鍵字相關內容,如某網上商城,雖然有一頁的產品是鼠標,但如果首頁上沒有與鼠標相關的內容,那麼關鍵字"鼠標"不能指向該網站首頁,只能指向含有鼠標的頁面。

9、我公司是西門子的一級代理,可以提交西門子做為關鍵字嗎?

答:您不是西門子公司的網站因此原則上是不可以用其他公司名做為關鍵字提交,而您是西門子的一級代理並在線銷售相關產品,因此您需要修改標題和網頁描述。

例如:易趣網在提交“西門子”關鍵字

標題:易趣西門子電子專區

網頁描述:無論是手機,電話,還是各類西門子電子產品,在易趣您都可以找到最多最好的。

並將網站url指向關鍵字相關頁面。

10、同一個關鍵字,我可以註冊多個網頁嗎?

答:不可以。我們不希望網民搜索一個關鍵字的時候,搜索結果中出現大量來自一個網站的網頁。一般情況下,您只能為一個關鍵字註冊一個網頁(url)

以下四種情況,均屬於重複提交關鍵字:

(1) 同一個網站上的不同網頁,不能註冊相同的關鍵字;

(2) 網站有多個不同的網址(url),均指向同一個網頁,那麼這些也不能註冊相同的關鍵字;

(3) 使用競價排名系統開了多個不同的賬户,也不能為網站裏的網頁重複註冊同一個關鍵字;

(4) 網站有多個鏡像站點,同一個關鍵字不能匹配多個鏡像網站。

11、我可以選擇上海、美國這些地名做為關鍵字嗎?

答:如果您選擇的關健字屬於地理名稱或地區名稱,那麼,您的網站必須提供該地區的信息、政府機構、或具有吸引力的事件、活動,或提供與該地區相關的服務如旅遊、鮮花快遞、留學移民等。僅僅在您網站上有該地名是不夠的,僅僅您的企業或網站名稱中含有該地名也是不夠的,都不能通過審查。比如上海當地的門户上海熱線,或者某旅遊網站關於上海的欄目可以選擇"上海"作為關鍵字,但"上海汽車廠"不能選擇"上海"作為關鍵字,某旅遊網站的首頁也不能選擇"上海"作為關鍵字,只有專門介紹上海的那個網頁才能註冊關鍵字"上海"。

12、我可以選擇教育、下載、公司、服務這些熱門通用詞彙嗎?

答:如果您選擇的關鍵字屬於通用詞彙,如教育、娛樂、金融、免費、下載、服務、企業、公司等,那麼您的網站必須有大量該領域的內容才能通過審查,如果你只提供該領域的一種或很少的幾種產品或服務,那麼不會通過審查。各種媒體和娛樂類關鍵字,如書、小説、雜誌、cd、dvd,音樂、電影、遊戲、mp3等,也只有提供大量相關信息或服務的網站才能選擇。關鍵字查詢信息中,您填寫的標題和描述也必須與您的網站(或網頁)內容相符合,您的網頁描述應儘量表明,為什麼您看到網站是優秀的。

13、我可以為任何網站選擇搜索關鍵字嗎?

答:您註冊的網站必須是您自己的網站,不能為別人的網站選擇搜索關鍵字。雖然註冊時您無需提供相關證明,但是,如果我們要求驗證您的網站所有權,您必須能提供足夠的證明。

在發生爭議,而您又不能提供網站所有權證明或提供的證明不充分的情況下,百度競價排名系統會暫停對您提供的搜索引擎排名服務。您填寫的url必須是直接指向您自己的網站,即使做重定向,也必須指向您自己的網站。任何時候,如果發現有重定向到其它網站或與選擇的關鍵字內容不符的網站,百度競價排名系統有權在未通知您的情況下立即終止相關服務。 5.

常用html代碼

插入圖片:<img src="圖片地址" width="寬度" height="高度" border="邊框" >

加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>

在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>

移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>

字體加粗:<b>寫上你想寫的字</b>

字體斜體:<i>寫上你想寫的字</i>

字體下劃線: <u>寫上你想寫的字</u>

字體刪除線: <s>寫上你想寫的字</s>

字體加大: <big>寫上你想寫的字</big>

字體控制大小:<font style='font-size:12px;' >寫上你想寫的字</font> (其中字體大小可通過12px部分控制)

更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間

消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>

插入音樂:<embed src=音樂地址 width=300 height=45 type=audio/mpeg autostart="false"> 插入flash: <embed src="flash地址" width="寬度" height="高度">

插入影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

換行:<br>

段落:<p>段落</p>

插入背景音樂:<bgsound="背景音樂地址" loop=infinite>

第五篇:frontpage網頁製作經驗總結

【摘要】frontpage更以其功能強大、容易上手、界面親切而著稱。它採用所見即所得的方式編輯網頁,利用它可以輕鬆的組織、編輯網頁並將其發佈到指定的站點上,而且在發佈之後還能對更新情況進行監控以更新站點的。

【關鍵字】frontpage創建站點、新建頁面、文字、超鏈接

現在流行的網頁製作軟件有很多,如macromedia公司的dreamweaver、微軟公司的frontpage、還有adobe pagemill 3.0--製作多框架,表單和image map 圖像的網頁工具、netscape等等。其中frontpage更以其功能強大、容易上手、界面親切而著稱。它採用所見即所得的方式編輯網頁,利用它可以輕鬆的組織、編輯網頁並將其發佈到指定的站點上,而且在發佈之後還能對更新情況進行監控以更新站點的內容。

工具準備好了,可根據你的個人喜好來選擇一些素材,如圖片、喜歡的文章等。現在就讓我們從第一步的建立站點來踏上建造網上家園之旅。

用frontpage創建站點是很容易的。首先,我們來看一下創建一個只包含一個網頁的站點。 選擇“文件”菜單的“新建”選項,單擊“站點”命令,這時新建站點對話框就彈出來了,在“指定新站點位置”文本框中輸入新站點的位置,單擊“只有一個網頁的站點” 圖標,單擊“確定”按鈕。這就建立好站點了,我們現在來看一下新的站點裏有什麼,單擊“視圖”工具條的“文件夾”按鈕。 在文件夾列表裏有一個網頁文件,名字叫做“”。我們知道,每一個站點都要有一個主頁,這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“”。就是説我們新建只包含一個網頁的站點時,frontpage就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的,我們可以向裏面添加內容。

在文件列表裏除了主頁之外,還有文件夾。新建站點時,frontpage都會在站點所在位置下新建兩個文件夾,一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾裏放置站點用到的圖片。 “private”文件夾比較特殊,其中的文件對瀏覽者來説是隱含的,我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾裏,比如:我們可以在這個文件夾裏存放註冊用户的個人信息。

儘管每一個站點都要有一個主頁,不過創建站點時我們仍然可以從一個空站點開始:選擇“文件”菜單的“新建”命令,單擊“站點”選項,在“新建站點”對話框裏,我們可以選擇“空站點”圖標來創建一個空站點。“新建站點”對話框中還有許多其他圖標,這是frontpage提供的用來創建站點模板或嚮導。我們創建只有一個網頁的站點或者創建空站點,都是從頭開始來創建一個站點,這就好像蓋房子一樣,首先畫圖紙。然而,有許多的房子都具有相似的結構和用途,所以我們可以用一張圖紙蓋很多相似的房子,這樣就節省了許多工作。

同樣的,儘管站點的風格千差萬別但是有許多站點的功能和結構都是一樣的,如果我們從頭開始建立站點的話,就要做許多重複勞動,這時,我們就可以使用模板或嚮導來建立站點。模板和嚮導的作用就好像蓋房子的圖紙一樣,我們不必每次建立站點時都從頭開始。 我們單擊“個人站點”圖標, 用它可以迅速創建一個個人站點,輸入站點所在的位置,單擊“確定”按鈕, 這樣我們剛就創建了個人站點。個人站點模板已經為我們規劃好了站點的目錄和建立了相關的頁面。 現在我們點擊一下“文件夾”按鈕, 雙擊圖標,

看,這就是我們的個人站點的主頁。哎,好象有許多文字都不對,沒關係,這些文字都是可以改變的,現在寫的是文字的用途,比如“主題”文字就是用來寫網站標題的地方,我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式,雙擊。 也可以把風景圖片換成自己的照片,只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。 這不僅節省了許多力氣,同時也給了初學者一個良好的出發點。

那麼模板和嚮導有什麼區別呢?我們安裝軟件時,一步步的用對話框提示我們完成安裝過程的程序就是一個嚮導。在frontpage裏,嚮導也是一種模板,不過它是一種特殊的模板,它會以對話框的形式輔助你完成站點的創建過程。

現在我們選擇“文件”菜單的“新建”選項,單擊“站點”命令,

你看,frontpage提供了兩個嚮導:公司展示嚮導、討論站點嚮導,使用起來都很方便,你有興趣也可以利用嚮導建立一個站點。

創建頁面最簡單的就是單擊frontpage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭,它是用來選擇要新建什麼,可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。

如果要新建網頁,可以不用向下箭頭鍵選擇,而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。單擊文件菜單的“新建”命令,選擇“新建網頁”,在“新建”對話框裏,可以看到frontpage提供的許多網頁模板,我們可以用這些模板來建立相應的網頁。在右下角的預覽框裏可以看到選中模板的外觀。選擇“兩欄正文”網頁,這樣就創建了一個新的分為兩欄的網頁了。然後點確定。使用模板可以不用總是從空白網頁開始編輯,這樣就省力很多。

網上幾乎所以的網頁都使用圖片加以點綴,在網頁中插入適當的圖片,能夠產生圖文並茂的效果。

如果有一個圖形,怎麼把它放到網頁上呢?

首先要看你的圖形是什麼格式的,也就是它擴展名是什麼 只有擴展名為gif和jpeg的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛,而且有利於節省存貯空間。如果圖形不是這種格式,使用了其它格式的圖形文件,在保存網頁時frontpage會提示做格式轉換,frontpage可以自動進行格式轉換。

現在可我們看看怎麼插入圖形 選擇“插入”菜單的“圖片”命令,單擊“來自文件”按鈕。

在默認情況下,frontpage認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以説,站點就是一個目錄。我們把編輯的許多網頁文件放在同一個目錄下,我們稱這個目錄為站點的主目錄。這些網頁引用的圖形一般也放在這個目錄下。當然,我們也可以在這個目錄下建立其他的子目錄,再把所有的圖形放在子目錄裏。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。

如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進行選擇。選擇好文件以後,單擊“確定”按鈕,回到“圖形”對話框。單擊“確定”按鈕,圖形就插入了。現在單擊“常用”工具欄的“保存”按鈕。 在“另存為”對話框中輸入新的web頁文件的名字,單擊“保存”按鈕。出現了一個對話框, 因為我們剛才插入的文件不在站點內,現在frontpage要把它複製到站點內,可是使用什麼名字,放在站點的哪個目錄下呢,就要在這設置了,單擊“改變文件夾”按鈕,另外這兒還在需要時對圖形的格式進行轉換。單擊“位置”按鈕,在默認情況下,圖形被保存在站點的主目錄下,現在我們選擇image目錄,單擊“確定”按鈕。回到“嵌入式文件”窗口,再單擊“確定”。這樣,圖形就保存在站點內了

我們還可以從internet上插入一個圖形。選擇“插入”菜單的“圖片”命令, 在url欄內輸入圖片的地址,單擊“確定”按鈕。由於是插入網上的圖片,因此在插入圖形以後,應該保存一下網頁,使圖形存到站點內。

您可能説,我不會畫畫,插入圖片容易,可是編輯圖片就不容易了。沒關係,frontpage自己帶有許多剪貼畫,你可以把它們插入到自己的網頁。 選擇“插入”菜單的“圖片”命令, 選擇“剪貼畫”。 你看,各種剪貼畫都分類放好了。你可以自由地選

擇。不過,插入後別忘了保存網頁,把剪貼畫複製到站點目錄下。

一般我們插入的圖形總是和文本在一起的,所以調整圖形和文本的對齊方式很重要。 在默認情況下,圖形自動與文本的底部對齊。這一個網頁,由於默認的對齊效果,頁面出現了大量的空白。這時就要調整圖形的對齊屬性。在圖形上單擊鼠標右鍵,選擇“圖片屬性”,選擇“外觀”選項卡我們把對齊方式調整為“左對齊”。 使用圖形可以使網頁更加豐富多彩,而且我們還可以用圖形來建立超鏈接,使網頁相互聯繫起來。怎麼用圖形來建立鏈接呢? 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形,單擊箭頭圖形,單擊“常用”工具欄“超鏈接”按鈕,選擇主頁文件“頁面

”,單擊“確定”按鈕. 在普通模式中,按住ctrl鍵,單擊箭頭圖形,就跳到主頁頁面了。

如果我們要在圖片上加上文字,單擊圖形工具欄“文本”按鈕,現在圖形中就出現了一個文本框,輸入:“機軟件”按一下esc鍵,取消文字編輯,就選中文字框了,調整文本框到合適的位置,單擊頁面其他區域,文字就添加成功了。

如果我要修改 單擊一下要修改的文字,這時文字作為一個整體被選中了,再點一下文字,這時文本框裏有光標閃爍,你可以編輯文本了,重新輸入:“計算機硬件”,在頁面其他區域單擊。 文字就修改完成了。

怎樣使文字更豐富、活潑呢?一個簡單的就是使用“格式”工具欄。

字體設置:選上文字,打開格式工具欄的“字體”下拉列表框,在裏面選擇相應的字體就可以了。如果瀏覽網頁的人使用的計算機沒有設置的字體?瀏覽器會用系統默認的字體代替你設置的字體。不過,使用常用字體是一個好習慣。

字號設置:在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了

工具欄上的b、i、u圖標的作用是:

按下b按鈕,被選中的文字就會變為粗體

按下i按鈕,被選中的文字就會變為斜體

按下u按鈕,被選中的文字就會帶下畫線

字的顏色:單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇適當的顏色,字的顏色就改變了。

還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令,在這裏我們還可以作進一步的設置。這裏除了“格式”工具欄可以做的設置以外,還可以設置許多效果。“字符間距”選項卡:它是用來設置文字的間距的。單擊“間距”下拉列表,可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充,這時預覽框的文字間距就變大了。也可以調整間距大小來改變間距,輸入10,文字的間距就更大了。

“定位”下拉列表:在frontpage中每一行都有一個底線,定位就是指文字相對於底線的距離。也就是把文字上下移動,現在選擇“上移”,文字就向上移動了。預覽框中的黑線就是行的底線。

設計好的頁面,應該檢查它在瀏覽器中是否顯示正常。

方法是,一般只要切換到預覽模式就可以了。單擊“預覽”選項卡,在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這並不意味着我們就不必用瀏覽器來檢查編輯的網頁了。因為即使是同一個頁面,可能在不同的瀏覽器中顯示會不太一樣。比如在internet explorer中是這樣顯示的,但是在netscape中又是那樣顯示的。所以,我們要在自己的機器上多裝幾個瀏覽器,用來檢查網頁的兼容性。

那麼為什麼不用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預覽”選項,在瀏覽器列表框中選擇不同的瀏覽器。(以internet explorer 5.0為例)單擊“確定”

按鈕。就可以看到新建頁面在瀏覽器中的效果了。

怎樣才能自己做的網頁相互聯繫起來呢?也就是説讓別人點頁面上的圖形或文本就跳轉到其他頁面呢?

在網頁裏,我們把這種點擊後會進行頁面切換的網頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。

首先創建一個指向站點內其他網頁的超鏈接。

選擇“插入”菜單的“超鏈接”命令,在文件列表框內選擇“頁面”文件,注意在url文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就製作成功了。 我們切換到預覽模式(單擊預覽按鈕),當我們把鼠標指向“主頁”兩字時鼠標變成手形,單擊它,我們就切換到主頁了。

那麼為什麼不在普通模式下試呢?:因為普通模式主要是用來編輯網頁的,當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀,因此不能進行頁面切換。 不過如果按住ctrl鍵,鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是説在普通模式中按住ctrl鍵才能激活超鏈接。

我們也可以將超鏈接指向其他站點的網頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈接”按鈕,這和選擇插入菜單的超鏈接命令是一樣的。 在“創建超鏈接”對話框裏,在url地址欄直接輸入要連接的網頁或網站的地址。 如果不清楚要作超鏈接的地址,只要單擊url地址框後面的放大鏡就可以用瀏覽器在internet上查找要鏈接的網頁,frontpage會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經設置好的超鏈接。首先確認是普通模式,在要改變的超鏈接下單擊鼠標右鍵,選擇“超鏈接屬性”命令,輸入新的url地址就可以了。 要想取消超鏈接,刪除所有url地址框裏的就可以了。還有一種超鏈接,可以鏈接郵件。這樣可以使你的網上朋友通過email及時與你聯繫,這是一個網站站長和網友交流的重要手段。 先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封”按鈕,輸入你的郵箱地址,單擊“確定”按鈕,退出對話框, 選擇“確定”,這時超鏈接就建立好了。我們試一下,切換到預覽模式,單擊郵件鏈接。

這樣我們就差不多完成了網頁的製作步驟,最後可將它發佈到web服務器上。站點發布前還要對它進行檢查工作,包括超鏈接,頁面等。

【】

〈1〉喬春源,樊天嶽等。信息技術。江蘇技術出版社,2014年7月。

〈2〉李振格。office入門與提高。清華大學出版社,2014年2月。

〈3〉王超鋒。網頁製作。人民郵電出版社,2014年10月。

本網推薦其他精彩內容:

網頁製作過程中的經驗總結

手機版網頁製作總結

工程師試用期總結

如何製作網頁

網頁製作