网制作题流程

1、frontpage网页制作1请利用Frontpage制作一个如图1所示的网页，并按照要求将此文件保存到考生文件夹内，名为index1.htm。要求：(1) 新建一个普通网页，并插入一个4X 1 (即4行1列)的表格。该表格的属性为：宽480个像素，对齐方式为水平居中；边框粗细为5个像素，颜色为FFCC66 ;单元格边距及单元格间距均为 0个像素。(2) 请将考生文件夹中的图片top.gif文件插入到第一行中，图片宽度473像素，高度100像素。(3) 请将第二行的高度设置为20个像素，背景颜色设置为FFCC66。(4) 在第三行中输入相应的文字内容，并通过CSS样式对其进行修饰。具体要求如下：

2、首先建立一个名为 style1.css的外部样式文件。要求该 CSS样式单文件必须含有以 下内容：样式选择符(器)的名称为style1，字体为黑体，字体颜色为 #FF00FF，字体大小为18磅；对齐方式为居中对齐；单字间距为3个像素；字体为粗体。并将该夕卜部CSS样式用于文字“国内歌曲推荐”(5) 然后，再创建一个嵌入式CSS样式，其样式选择符(器)的名称为 style2，字体颜色为FF0000,字体大小为12磅；字符间距为3个像素；对齐方式为左对齐。并将该嵌入式CSS样式分别运用于段落“恰似你的温柔”、“月亮代表我的心”、“甜蜜蜜”。(6) 对“在线试听”应用 DHTML效果，设置鼠标悬停时

3、字体变成24pt，蓝色。(7) 在网页文件中插入背景音乐的文件music.mid，无穷次循环播放。图1格”中的“插入” ，然后完成表格设置。 （注意和素材都保存在同一文件夹内方便查找）2、将光标移至第一行内，点击上方工具栏中“插入”中的图片，来自文件，选择所要用的 图片，然后点击图片右键“属性”中设置图片宽度、高度，或其他。3、将光标移至第二行，右键选择单元格属性，设置行高度，和背景颜色4、新建一个文本文件，点击保存选择为css 文件保存，在文件中选择“样式” ，打开后选择“修改”选择“格式” 中的字体和段落分别修改，注意字体中字符间距和段落中单字间距有 区别。 回到 index1 网页中，选

4、择下方的代码，进行修改， 在代码里标明 <p class=style1> 国内 歌曲推荐 </p> ，然后回到页面中选择格式中的样式表链接，点击所选网页，然后点击添加， 找到保存的 style1 添加进来，点击确定即可。5、选择格式里的样式，点击新建，名称选择器填写为style2 ，样式类型依照题意应用于段落，点击下方的格式，选择相应选项，建立好了内嵌css 样式，回到页面在下方的代码中选择相应文字改为： <p class='style2'> 恰似你的温柔 </p><p class='style2'>

5、月亮代表我的心 </p><p class='style2'> 甜蜜蜜 </p>6、在选择“视图”中“工具栏”项目，然后点击DHTML 效果，进行相应地字体设置7、点击网页，让光标在表格外面，单击右键，选择网页属性，在下方常规中有背景音乐， 插入，选择相应的循环次数即可。2请利用 Frontpage 制作一个如图 2 所示的网页，并按照要求将此文件保存到考生文件夹 内，名为 index2.htm 。要求：（1） 请新建一个普通网页，并插入一个4X 1 （即4行1列）的表格。该表格的属性为：宽 600 个像素，对齐方式为水平居中；边框粗细为 2

6、个像素，颜色为 #C0C0C0 ；单 元格边距及单元格间距均为 0 个像素。（2）请将考生文件夹中的图片 bg.gif 文件插入到第一行中，图片大小不做变化。（3） 请将第二行的高度设置为 20个像素，背景颜色设置为 FFCC66，并将第三行的高度 设置为 40 个像素。（4） 在第三行中输入相应的文字内容，每段文字都使用段落标记，并通过CSS样式对其进行修饰。具体要求如下：首先建立一个名为 style2.css 的外部样式文件。要求该 CSS样式文件必须指定以下内容：样式选择符（器）的名称为stylel，字体为宋体，字体颜色为#FFOOOO,字体大小为24磅，加粗；对齐方式为左对齐；字符间距

7、为 3 个像素。并将该外部 CSS样式用于文字“花卉培育销售”部分。（5） 然后，再创建一个嵌入式 CSS样式，其样式选择符（器）的名称为 style2，字体为 宋体，字体颜色为 550000，字体大小为 16 磅；字符间距为 2 个像素；对齐方式为 左对齐，并增加一次缩进。并将该嵌入式CSS样式运用于段落“我中心是一家 推出新品花卉 ”上。（6） 对“欢迎网上订购”应用DHTML效果，设置鼠标悬停时字体变成24pt、倾斜、蓝色。（7） 在表格的第四行插入考生目录中的flash文件“earth.swf”，大小设为高400,宽400, 并居中显示。AIi4niiirt THphnvi匚户卜刊rt

8、TK"Art© wfli 珪車皿；勺 工Jin匸附凹 U席3d«M 专* d JM不* liiliia I FdMm花卉培育绡售椀中衿是一家实力蜷厚前大塾:TE卉业，圭聂绘售各和整內外范科 时吗育利钩声船霁.密司師己有券韋经皱.足牧早时玄咀花卉基址之一* 氐前我中心祎出捕吊和卉然迎网上订购jArrtr1打开frontpage，在"文件”新建中，选择"普通网页”新建，保存在考生文件夹内，命 名为index2。选择"表格”中的"插入”4行1列的表格，设置相应参数（，水平居中就是居中，单元格边距就是单元格衬距）。2、光标放在表格中

9、第一行内，选择“插入”中“图片”中“来自文件”。3、 光标放在表格中第二行内，单击右键选择“单元格属性”修改。（注意高度是“像素”不 是“百分比”），同理完成第三行修改。4、 输入文字后，点击页面下方“代码”在每段文字前后分别添加p和/p，如下所示：p花卉培育销售/pp我中心是一家实力雄厚的大型花卉培育销售企业，主要经营各种室内花卉的培育和 销售业务，公司成员已有多年经验，是较早的大型花卉基地之一。目前我中心推出新品花 卉/pp欢迎网上订购/p新建一个文本文件，点击保存选择为“style2.css”文件保存，在文件中选择“格式”中“样式”，打开后选择“修改”，选择器名字改成“ style1 ”

10、，再点击下方选择“格式”中的字 体和段落分别修改，注意字体中字符间距和段落中单字间距有区别。回到in dex1网页中，选择下方的代码，进行修改，在代码里标明p class=style1花卉培育销售/p，然后回到页面中选择格式中的样式表链接，然后点击添加，找到保存的style2添加进来，点击确定即可。5、 选择格式里的样式，点击新建，名称选择器填写为style2，样式类型依照题意应用于段落，点击下方的格式，修改字体和段落，建立好了内嵌css样式，回到页面在下方的代码中选择相应文字改为：p class=style2我中心是一家实力雄厚的大型花卉培育销售企业，主要 经营各种室内花卉的培育和销售业务，

11、公司成员已有多年经验，是较早的大型花卉基地之一。目前我中心推出新品花卉/p6、 在选择“视图”中“工具栏”项目，然后点击DHTML效果，进行相应地字体设置。7、选择"插入”中"图片”中 flash影片，点中flash鼠标右键选择flash属性修改。3. 利用Frontpage2000制作一个如图所示的网页，并按照要求将此文件保存到考生文件夹内，名为 newpage1.htm。要求：（1）新建一个普通网页，并插入一个3行1列的表格。该表格的属性为：宽 600像素，高400像素，对齐方式为水平居中；边框粗细为3个像素，颜色为绿色；单元格边距及单元格间距均为 1个像素。（2）在第

12、一行中输入文本“电子商务考试”，宋体18磅，居中对齐，并对此文本添加动态HTML的效果。具体效果要求如下：当鼠标在此文本上悬停时，文字变为红色、 加粗。（3）在第二行中插入 flash动画，该flash动画的源文件是素材包中的lemontree.swf。属性要求如下：高350像素，宽550像素；水平居中，当浏览器不支持播放该动画时，在对应位置上显示的文字为“您的浏览器不支持该插件”。（4）将第三行背景颜色设为 #CCFFFF，并插入一个avi视频，该avi视频的源文件是素材 文件夹中的aaa.avi,其具体属性如下：高度 60个像素，宽度500个像素；对齐方式 为水平居中。1、打开frontp

13、age，在“文件”新建中，选择“普通网页”新建，保存在考生文件夹内，命名为newpage1。选择“表格”中的“插入” 3行1列的表格，设置相应参数（，水平居中 就是居中，单元格边距就是单元格衬距）。2、 在第一行中输入文本“电子商务考试”，直接修改为宋体18磅，居中对齐，并对此文本添加动态HTML的效果（即DHTML效果，在“视图”中的“工具栏”中）。3、 选择“插入”中“ web组件”中“高级控件”中“插件”进行flash影片插入设置。4、在第三行中，单击右键“单元格属性”进行修改。选择“插入”中“图片”中的视频。4、请在Frontpage2000中，设计制作一幅标题为“古诗欣赏”的普通网页

14、，具体要求如下：（1） 在网页中插入一个1行2列的表格。该表格的属性为：宽700像素，高400像素，对齐方式为水平居中；边框粗细为5个像素，颜色为#99CCFF ；（2） 在左侧的单元格中输入对应的文字内容，并利用外部CSS样式单对此进行修饰。具体要求如下：首先建立一个名为mystyle.css的外部样式单文件。要求在该外部CSS样式单文件中必须指定以下内容：样式选择符（器）的名称为mystyle,字体大小为18个像素，颜色为黄色，效果为闪烁；段落格式为左对齐，行距大小为150%，字间距为2个像素；边框的样式为破折号，颜色为蓝色，宽度为1个像素，背景颜色为#000099。（3） 右侧单元格中插

15、入素材包中的sheep.swf文件，高300、宽300象素，对齐方式为水平 居中。将答案以文件名为 newpage2.html保存至考生文件夹内，提交该网页为答案。春眠不觉晓处处闻啼鸟夜来风雨声花落知多少1、打开frontpage，在"文件”新建中，选择"普通网页”新建，保存在考生文件夹内，命 名为newpage2。选择"表格”中的"插入”1行2列的表格，设置相应参数（水平居中就是居中，单元格边距就是单元格衬距）。2、左侧输入文字，然后新建文本文件，点击保存为"mystyle.css ”文件，放入考生文件夹，（pt是磅，px是像素），在文件中选

16、择“格式”中“样式”，打开后选择“修改”，选 择器名字改成"mystyle ”，再点击下方选择“格式”中的字体、段落和边框分别修改（背景 颜色在“边框”中的“底纹”中）。回到网页中，选择下方的代码，进行修改，在代码里标明 <td class=mystyle><p >春眠不觉晓</p><p >处处闻啼鸟</p><p >夜来风雨声</p><p >花落知多少</p></td>然后回到页面中选择格式中的样式表链接，然后点击添加，找到保存的mystyle添加进来，点击确定即可

17、。3、“插入”中“图片”中“flash影片”,然后选中单元格中已经插入的影片，单击右键“flash影片属性”进行设置即可。5利用Frontpage制作一个嵌套式层次结构框架网页，如图1所示，并按照要求将此文件保存到考生文件夹内，名为page1.htm。要求：(1) 在左框架中新建网页，设置框架宽度为290像素，“请看中国卡通”为华文中宋，橄榄色，14磅，加粗，左对齐，其它文字为华文新魏，蓝色，18磅，加粗，居中对齐，并分别建立超级链接到考生文件夹下的：d1.jpg、d2.jpg、d3.jpg、d4.jpg ;选择考生文件夹内的图片文件001.jpg为网页背景，框架保存为考生文件夹内的page1

18、_1.htm；(2) 在右上框架中新建网页，设置框架列宽为1 %，高度为47%，文字为24磅，加粗，幼圆，粉红色，居中对齐，框架保存为考生文件夹内的page1_2.htm，设置背景为考生文件夹下的 011.jpg;(3) 在右下框架中插入图片b2.jpg，设置背景为考生文件夹下的010.jpg ;框架保存为考生文件夹内的page1_3.htm;将编辑好的框架网页保存在考生文件夹内，命名为page1.htm。图11、 新建网页，选择“网页模板”中的“嵌套式层次结构框架网页”，命名为page1保存在考生文件夹中，在左侧框架中单击“新建网页”，右键选择“框架属性”设置宽度为290像素。然后打字进去设

19、置字体。选中字体如“大闹天宫”鼠标右键“超链接”进行设置。然后鼠标 放在空白处点击鼠标右键选择“网页属性”中的“格式”勾选“背景图片”。(点击文件另存为的时候需要注意：整个网页保存为page1,左侧网页保存 page1_1，注意看显示的是哪个网页叫什么名字)。2、 右上框架中单击“新建网页”，光标放在里面点击右键选择“框架属性”设置，其他同上。3、右下框架中单击“新建网页”，其他同上。6.请利用FrontPage建立一个如图2所示的网页，并按照要求将此文件保存到考生文件夹内，名为page2.htm。 要求：（1） 插入4行2列表格，表格水平居中，表格宽度为40%，高度为290像素；（2） 第一

20、行单元格宽度设置为50%，高度为94像素，单元格中插入的图片为：u1.jpg , u2.jpg ；（3） 第三行单元格宽度设置为50%，高度为140像素，插入图片为：u3.jpg, u4.jpg ；（4） 第二行文字为方正姚体，橄榄色，加粗，14磅；（5 ）第四行文字为华文行楷，绿色，加粗，14磅；插入水平线；（6） 表格的顶端标题文字为宋体，红色，24磅，加粗；插入水平线；（7） 选择考生文件夹内的图片文件017.jpg为网页背景；（8） 插入图片f3.jpg，并建立超链接，链接目标为考生文件夹下的home.htm ；将编辑好的文件保存为考生文件夹内的page2.htm。J SWfiAIME

21、iPf HqH-TF丈冋屮in®muj OMmO 电-3啦置曲|»住暑Mm耳ifH "回顾历史謝命IIVU馭横图21、新建文件普通网页，插入表格，设置2、鼠标右键“单元格属性”设置；选择“插入”中“图片”中“来自文件”3、鼠标右键“单元格属性”设置；选择“插入”中“图片”中“来自文件”4、输入文字，修改5、输入文字，修改。然后将光标放在表格外面，选择“插入”中“水平线”6、将光标放在表格前面，输入文字，设置；然后选择“插入”中“水平线”7、光标放在表格外面，右键“网页属性”中的“格式”勾选背景图片8、将光标放在表格下方，插入图片后，选中图片单击右键“超链接”设置网络使用1、请使用记事本工具，设计一个内容为“建国60 周年，举国欢庆！ ”的网页，该文字字体为：黑体、红色， 24 磅，居中显示；网页背景设为黑色。最后以 happy.html 为文件名保存 网页并将其作为答案提交。在 frontpage 中完成，然后单击下方代码，把代码选择复制到记事本上，记事本另存为happy.html。（注意带后缀保存）2、请使用 OutLook express 中的新邮件界面， 给您的好友写封主题为 “I miss you ”的邮件， 邮件内容自定义，将邮件另存为 sherry.eml 作为答案提交。3、将 ie 浏览器的“ html 编辑器”设置