網(wǎng)頁制作題流程

1、frontpage網(wǎng)頁制作1. 請利用Frontpage制作一個如圖1所示的網(wǎng)頁，并按照要求將此文件保存到考生文件夾內(nèi)，名為index1.htm。要求：（1） 新建一個普通網(wǎng)頁，并插入一個4×1（即4行1列）的表格。該表格的屬性為：寬480個像素，對齊方式為水平居中；邊框粗細(xì)為5個像素，顏色為FFCC66；單元格邊距及單元格間距均為0個像素。（2） 請將考生文件夾中的圖片top.gif文件插入到第一行中，圖片寬度473像素，高度100像素。（3） 請將第二行的高度設(shè)置為20個像素，背景顏色設(shè)置為FFCC66。（4） 在第三行中輸入相應(yīng)的文字內(nèi)容，并通過CSS樣式對其進(jìn)行修飾。具體要求

2、如下：首先建立一個名為style1.css的外部樣式文件。要求該CSS樣式單文件必須含有以下內(nèi)容：樣式選擇符（器）的名稱為style1，字體為黑體，字體顏色為#FF00FF，字體大小為18磅；對齊方式為居中對齊；單字間距為3個像素；字體為粗體。并將該外部CSS樣式用于文字“國內(nèi)歌曲推薦”（5） 然后，再創(chuàng)建一個嵌入式CSS樣式，其樣式選擇符（器）的名稱為style2，字體顏色為FF0000，字體大小為12磅；字符間距為3個像素；對齊方式為左對齊。并將該嵌入式CSS樣式分別運用于段落“恰似你的溫柔” 、“月亮代表我的心”、“甜蜜蜜”。（6） 對“在線試聽”應(yīng)用DHTML效果，設(shè)置鼠標(biāo)懸停時字體變

3、成24pt,藍(lán)色。（7） 在網(wǎng)頁文件中插入背景音樂的文件music.mid，無窮次循環(huán)播放。圖11、在開始菜單，所有程序中進(jìn)入frontpage，新建一個名為index1的網(wǎng)頁，選擇工具欄“表格”中的“插入”，然后完成表格設(shè)置。（注意和素材都保存在同一文件夾內(nèi)方便查找）2、將光標(biāo)移至第一行內(nèi)，點擊上方工具欄中“插入”中的圖片，來自文件，選擇所要用的圖片，然后點擊圖片右鍵“屬性”中設(shè)置圖片寬度、高度，或其他。3、將光標(biāo)移至第二行，右鍵選擇單元格屬性，設(shè)置行高度，和背景顏色4、新建一個文本文件，點擊保存選擇為css文件保存，在文件中選擇“樣式”，打開后選擇“修改”選擇“格式”中的字體和段落分別修改

4、，注意字體中字符間距和段落中單字間距有區(qū)別?；氐絠ndex1網(wǎng)頁中，選擇下方的代碼，進(jìn)行修改，在代碼里標(biāo)明<p class=style1>國內(nèi)歌曲推薦</p>，然后回到頁面中選擇格式中的樣式表鏈接，點擊所選網(wǎng)頁，然后點擊添加，找到保存的style1添加進(jìn)來，點擊確定即可。5、選擇格式里的樣式，點擊新建，名稱選擇器填寫為style2，樣式類型依照題意應(yīng)用于段落，點擊下方的格式，選擇相應(yīng)選項，建立好了內(nèi)嵌css樣式，回到頁面在下方的代碼中選擇相應(yīng)文字改為：<p class='style2'>恰似你的溫柔</p><p class=

5、'style2'>月亮代表我的心</p><p class='style2'>甜蜜蜜</p>6、在選擇“視圖”中“工具欄”項目，然后點擊DHTML效果，進(jìn)行相應(yīng)地字體設(shè)置7、點擊網(wǎng)頁，讓光標(biāo)在表格外面，單擊右鍵，選擇網(wǎng)頁屬性，在下方常規(guī)中有背景音樂，插入，選擇相應(yīng)的循環(huán)次數(shù)即可。2請利用Frontpage制作一個如圖2所示的網(wǎng)頁，并按照要求將此文件保存到考生文件夾內(nèi)，名為index2.htm。 要求：（1） 請新建一個普通網(wǎng)頁，并插入一個4×1（即4行1列）的表格。該表格的屬性為：寬600個像素，對齊方式為水平居

6、中；邊框粗細(xì)為2個像素，顏色為#C0C0C0；單元格邊距及單元格間距均為0個像素。（2） 請將考生文件夾中的圖片bg.gif文件插入到第一行中，圖片大小不做變化。（3） 請將第二行的高度設(shè)置為20個像素，背景顏色設(shè)置為FFCC66，并將第三行的高度設(shè)置為40個像素。（4） 在第三行中輸入相應(yīng)的文字內(nèi)容，每段文字都使用段落標(biāo)記，并通過CSS樣式對其進(jìn)行修飾。具體要求如下：首先建立一個名為style2.css的外部樣式文件。要求該CSS樣式文件必須指定以下內(nèi)容：樣式選擇符（器）的名稱為style1，字體為宋體，字體顏色為#FF0000，字體大小為24磅，加粗；對齊方式為左對齊；字符間距為3個像素。

7、并將該外部CSS樣式用于文字“花卉培育銷售” 部分。（5） 然后，再創(chuàng)建一個嵌入式CSS樣式，其樣式選擇符（器）的名稱為style2，字體為宋體，字體顏色為550000，字體大小為16磅；字符間距為2個像素；對齊方式為左對齊，并增加一次縮進(jìn)。并將該嵌入式CSS樣式運用于段落“我中心是一家. 推出新品花卉.” 上。（6） 對“歡迎網(wǎng)上訂購”應(yīng)用DHTML效果，設(shè)置鼠標(biāo)懸停時字體變成24pt、傾斜、藍(lán)色。（7） 在表格的第四行插入考生目錄中的flash文件“earth.swf”，大小設(shè)為高400，寬400，并居中顯示。 圖21、打開frontpage，在“文件”新建中，選擇“普通網(wǎng)頁”新建，保存在

8、考生文件夾內(nèi)，命名為index2。選擇“表格”中的“插入”4行1列的表格，設(shè)置相應(yīng)參數(shù)（，水平居中就是居中，單元格邊距就是單元格襯距）。2、光標(biāo)放在表格中第一行內(nèi)，選擇“插入”中“圖片”中“來自文件”。3、光標(biāo)放在表格中第二行內(nèi)，單擊右鍵選擇“單元格屬性”修改。（注意高度是“像素”不是“百分比”），同理完成第三行修改。4、輸入文字后，點擊頁面下方“代碼”在每段文字前后分別添加<p>和</p>，如下所示：<p>花卉培育銷售</p><p>我中心是一家實力雄厚的大型花卉培育銷售企業(yè)，主要經(jīng)營各種室內(nèi)花卉的培育和銷售業(yè)務(wù)，公司成員已有多年經(jīng)驗

9、，是較早的大型花卉基地之一。目前我中心推出新品花卉</p><p>歡迎網(wǎng)上訂購</p>新建一個文本文件，點擊保存選擇為“style2.css”文件保存，在文件中選擇“格式”中“樣式”，打開后選擇“修改”，選擇器名字改成“style1”，再點擊下方選擇“格式”中的字體和段落分別修改，注意字體中字符間距和段落中單字間距有區(qū)別?；氐絠ndex1網(wǎng)頁中，選擇下方的代碼，進(jìn)行修改，在代碼里標(biāo)明<p class=style1>花卉培育銷售</p>，然后回到頁面中選擇格式中的樣式表鏈接，然后點擊添加，找到保存的style2添加進(jìn)來，點擊確定即可。5、

10、選擇格式里的樣式，點擊新建，名稱選擇器填寫為style2，樣式類型依照題意應(yīng)用于段落，點擊下方的格式，修改字體和段落，建立好了內(nèi)嵌css樣式，回到頁面在下方的代碼中選擇相應(yīng)文字改為：<p class=style2>我中心是一家實力雄厚的大型花卉培育銷售企業(yè)，主要經(jīng)營各種室內(nèi)花卉的培育和銷售業(yè)務(wù)，公司成員已有多年經(jīng)驗，是較早的大型花卉基地之一。目前我中心推出新品花卉</p>6、在選擇“視圖”中“工具欄”項目，然后點擊DHTML效果，進(jìn)行相應(yīng)地字體設(shè)置。7、選擇“插入”中“圖片”中flash影片，點中flash鼠標(biāo)右鍵選擇flash屬性修改。3. 利用Frontpage20

11、00制作一個如圖所示的網(wǎng)頁，并按照要求將此文件保存到考生文件夾內(nèi)，名為newpage1.htm。要求：（1） 新建一個普通網(wǎng)頁，并插入一個3行1列的表格。該表格的屬性為：寬600像素，高400像素，對齊方式為水平居中；邊框粗細(xì)為3個像素，顏色為綠色；單元格邊距及單元格間距均為1個像素。（2） 在第一行中輸入文本“電子商務(wù)考試”，宋體18磅，居中對齊，并對此文本添加動態(tài)HTML的效果。具體效果要求如下：當(dāng)鼠標(biāo)在此文本上懸停時，文字變?yōu)榧t色、加粗。（3） 在第二行中插入flash動畫，該flash動畫的源文件是素材包中的lemontree.swf。屬性要求如下：高350像素，寬550像素；水平居中

12、，當(dāng)瀏覽器不支持播放該動畫時，在對應(yīng)位置上顯示的文字為“您的瀏覽器不支持該插件”。（4） 將第三行背景顏色設(shè)為#CCFFFF，并插入一個avi視頻，該avi視頻的源文件是素材文件夾中的aaa.avi，其具體屬性如下：高度60個像素，寬度500個像素；對齊方式為水平居中。1、打開frontpage，在“文件”新建中，選擇“普通網(wǎng)頁”新建，保存在考生文件夾內(nèi)，命名為newpage1。選擇“表格”中的“插入”3行1列的表格，設(shè)置相應(yīng)參數(shù)（，水平居中就是居中，單元格邊距就是單元格襯距）。2、在第一行中輸入文本“電子商務(wù)考試”，直接修改為宋體18磅，居中對齊，并對此文本添加動態(tài)HTML的效果（即DHTM

13、L效果，在“視圖”中的“工具欄”中）。3、選擇“插入”中“web組件”中“高級控件”中“插件”進(jìn)行flash影片插入設(shè)置。4、在第三行中，單擊右鍵“單元格屬性”進(jìn)行修改。選擇“插入”中“圖片”中的視頻。4、請在Frontpage2000中，設(shè)計制作一幅標(biāo)題為“古詩欣賞”的普通網(wǎng)頁，具體要求如下：（1）在網(wǎng)頁中插入一個1行2列的表格。該表格的屬性為：寬700像素，高400像素，對齊方式為水平居中；邊框粗細(xì)為5個像素，顏色為#99CCFF；（2）在左側(cè)的單元格中輸入對應(yīng)的文字內(nèi)容，并利用外部CSS樣式單對此進(jìn)行修飾。具體要求如下：首先建立一個名為mystyle.css的外部樣式單文件。要求在該外部

14、CSS樣式單文件中必須指定以下內(nèi)容：樣式選擇符（器）的名稱為mystyle，字體大小為18個像素，顏色為黃色，效果為閃爍；段落格式為左對齊，行距大小為150，字間距為2個像素；邊框的樣式為破折號，顏色為藍(lán)色，寬度為1個像素，背景顏色為#000099。（3）右側(cè)單元格中插入素材包中的sheep.swf文件，高300、寬300象素，對齊方式為水平居中。將答案以文件名為newpage2.html保存至考生文件夾內(nèi)，提交該網(wǎng)頁為答案。1、打開frontpage，在“文件”新建中，選擇“普通網(wǎng)頁”新建，保存在考生文件夾內(nèi)，命名為newpage2。選擇“表格”中的“插入”1行2列的表格，設(shè)置相應(yīng)參數(shù)（水平

15、居中就是居中，單元格邊距就是單元格襯距）。2、左側(cè)輸入文字，然后新建文本文件，點擊保存為“mystyle.css”文件，放入考生文件夾，（pt是磅，px是像素），在文件中選擇“格式”中“樣式”，打開后選擇“修改”，選擇器名字改成“mystyle”，再點擊下方選擇“格式”中的字體、段落和邊框分別修改（背景顏色在“邊框”中的“底紋”中）?；氐骄W(wǎng)頁中，選擇下方的代碼，進(jìn)行修改，在代碼里標(biāo)明<td class=mystyle><p >春眠不覺曉</p><p >處處聞啼鳥</p><p >夜來風(fēng)雨聲</p><p &g

16、t;花落知多少</p></td>然后回到頁面中選擇格式中的樣式表鏈接，然后點擊添加，找到保存的mystyle添加進(jìn)來，點擊確定即可。3、“插入”中“圖片”中“flash影片”，然后選中單元格中已經(jīng)插入的影片，單擊右鍵“flash影片屬性”進(jìn)行設(shè)置即可。5利用Frontpage制作一個嵌套式層次結(jié)構(gòu)框架網(wǎng)頁，如圖1所示，并按照要求將此文件保存到考生文件夾內(nèi)，名為page1.htm。要求：（1）在左框架中新建網(wǎng)頁，設(shè)置框架寬度為290像素，“請看中國卡通”為華文中宋，橄欖色，14磅，加粗，左對齊，其它文字為華文新魏，藍(lán)色，18磅，加粗，居中對齊，并分別建立超級鏈接到考生文件

17、夾下的：d1.jpg、d2.jpg、d3.jpg、d4.jpg；選擇考生文件夾內(nèi)的圖片文件001.jpg為網(wǎng)頁背景，框架保存為考生文件夾內(nèi)的page1_1.htm；（2）在右上框架中新建網(wǎng)頁，設(shè)置框架列寬為1，高度為47%，文字為24磅，加粗，幼圓，粉紅色，居中對齊，框架保存為考生文件夾內(nèi)的page1_2.htm，設(shè)置背景為考生文件夾下的011.jpg；（3）在右下框架中插入圖片b2.jpg，設(shè)置背景為考生文件夾下的010.jpg；框架保存為考生文件夾內(nèi)的page1_3.htm；將編輯好的框架網(wǎng)頁保存在考生文件夾內(nèi)，命名為page1.htm。圖11、新建網(wǎng)頁，選擇“網(wǎng)頁模板”中的“嵌套式層次結(jié)

18、構(gòu)框架網(wǎng)頁”，命名為page1保存在考生文件夾中，在左側(cè)框架中單擊“新建網(wǎng)頁”，右鍵選擇“框架屬性”設(shè)置寬度為290像素。然后打字進(jìn)去設(shè)置字體。選中字體如“大鬧天宮”鼠標(biāo)右鍵“超鏈接”進(jìn)行設(shè)置。然后鼠標(biāo)放在空白處點擊鼠標(biāo)右鍵選擇“網(wǎng)頁屬性”中的“格式”勾選“背景圖片”。（點擊文件另存為的時候需要注意：整個網(wǎng)頁保存為page1，左側(cè)網(wǎng)頁保存page1_1，注意看顯示的是哪個網(wǎng)頁叫什么名字）。2、右上框架中單擊“新建網(wǎng)頁”，光標(biāo)放在里面點擊右鍵選擇“框架屬性”設(shè)置，其他同上。3、右下框架中單擊“新建網(wǎng)頁”，其他同上。6請利用FrontPage建立一個如圖2所示的網(wǎng)頁，并按照要求將此文件保存到考生文

19、件夾內(nèi)，名為page2.htm。 要求：（1）插入4行2列表格，表格水平居中，表格寬度為40%，高度為290像素；（2）第一行單元格寬度設(shè)置為50%，高度為94像素，單元格中插入的圖片為：u1.jpg，u2.jpg；（3）第三行單元格寬度設(shè)置為50%，高度為140像素，插入圖片為：u3.jpg，u4.jpg；（4）第二行文字為方正姚體，橄欖色，加粗，14磅；（5）第四行文字為華文行楷，綠色，加粗，14磅；插入水平線；（6）表格的頂端標(biāo)題文字為宋體，紅色，24磅，加粗；插入水平線；（7）選擇考生文件夾內(nèi)的圖片文件017.jpg為網(wǎng)頁背景；（8）插入圖片f3.jpg，并建立超鏈接，鏈接目標(biāo)為考生文

20、件夾下的home.htm；將編輯好的文件保存為考生文件夾內(nèi)的page2.htm。 圖21、新建文件普通網(wǎng)頁，插入表格，設(shè)置2、鼠標(biāo)右鍵“單元格屬性”設(shè)置；選擇“插入”中“圖片”中“來自文件”3、鼠標(biāo)右鍵“單元格屬性”設(shè)置；選擇“插入”中“圖片”中“來自文件”4、輸入文字，修改5、輸入文字，修改。然后將光標(biāo)放在表格外面，選擇“插入”中“水平線”6、將光標(biāo)放在表格前面，輸入文字，設(shè)置；然后選擇“插入”中“水平線”7、光標(biāo)放在表格外面，右鍵“網(wǎng)頁屬性”中的“格式”勾選背景圖片8、將光標(biāo)放在表格下方，插入圖片后，選中圖片單擊右鍵“超鏈接”設(shè)置網(wǎng)絡(luò)使用1、請使用記事本工具，設(shè)計一個內(nèi)容為“建國60周年，舉國歡慶！”的網(wǎng)頁，該文字字體為：黑體、紅色，24磅，居中顯示；網(wǎng)頁背景設(shè)為黑色。最后以happy.html為文件名保存網(wǎng)頁并將其作為答案提交。在frontpage中完成，然后單擊下方代碼，把代碼選擇復(fù)制到記事本上，記事本另存為happy.html。（注意帶后綴保存）2、請使用OutLook express中的新郵件界面，給您的好友寫封主題為“I miss you ”的郵件，郵件內(nèi)容自定義，將郵件另存為sherry.eml 作為答案提交。3、將ie瀏覽器的“h