网页制作题流程

1、frontpage网页制作1. 请利用Frontpage制作一个如图1所示的网页，并按照要求将此文件保存到考生文件夹内，名为index1.htm。要求：（1） 新建一个普通网页，并插入一个4×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，无穷次循环播放。图11、在开始菜单，所有程序中进入frontpage，新建一个名为index1的网页，选择工具栏“表格”中的“插入”，然后完成表格设置。（注意和素材都保存在同一文件夹内方便查找）2、将光标移至第一行内，点击上方工具栏中“插入”中的图片，来自文件，选择所要用的图片，然后点击图片右键“属性”中设置图片宽度、高度，或其他。3、将光标移至第二行，右键选择单元格属性，设置行高度，和背景颜色4、新建一个文本文件，点击保存选择为css文件保存，在文件中选择“样式”，打开后选择“修改”选择“格式”中的字体和段落分别修改

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

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

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

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

8、考生文件夹内，命名为index2。选择“表格”中的“插入”4行1列的表格，设置相应参数（，水平居中就是居中，单元格边距就是单元格衬距）。2、光标放在表格中第一行内，选择“插入”中“图片”中“来自文件”。3、光标放在表格中第二行内，单击右键选择“单元格属性”修改。（注意高度是“像素”不是“百分比”），同理完成第三行修改。4、输入文字后，点击页面下方“代码”在每段文字前后分别添加<p>和</p>，如下所示：<p>花卉培育销售</p><p>我中心是一家实力雄厚的大型花卉培育销售企业，主要经营各种室内花卉的培育和销售业务，公司成员已有多年经验

9、，是较早的大型花卉基地之一。目前我中心推出新品花卉</p><p>欢迎网上订购</p>新建一个文本文件，点击保存选择为“style2.css”文件保存，在文件中选择“格式”中“样式”，打开后选择“修改”，选择器名字改成“style1”，再点击下方选择“格式”中的字体和段落分别修改，注意字体中字符间距和段落中单字间距有区别。回到index1网页中，选择下方的代码，进行修改，在代码里标明<p class=style1>花卉培育销售</p>，然后回到页面中选择格式中的样式表链接，然后点击添加，找到保存的style2添加进来，点击确定即可。5、

10、选择格式里的样式，点击新建，名称选择器填写为style2，样式类型依照题意应用于段落，点击下方的格式，修改字体和段落，建立好了内嵌css样式，回到页面在下方的代码中选择相应文字改为：<p class=style2>我中心是一家实力雄厚的大型花卉培育销售企业，主要经营各种室内花卉的培育和销售业务，公司成员已有多年经验，是较早的大型花卉基地之一。目前我中心推出新品花卉</p>6、在选择“视图”中“工具栏”项目，然后点击DHTML效果，进行相应地字体设置。7、选择“插入”中“图片”中flash影片，点中flash鼠标右键选择flash属性修改。3. 利用Frontpage20

11、00制作一个如图所示的网页，并按照要求将此文件保存到考生文件夹内，名为newpage1.htm。要求：（1） 新建一个普通网页，并插入一个3行1列的表格。该表格的属性为：宽600像素，高400像素，对齐方式为水平居中；边框粗细为3个像素，颜色为绿色；单元格边距及单元格间距均为1个像素。（2） 在第一行中输入文本“电子商务考试”，宋体18磅，居中对齐，并对此文本添加动态HTML的效果。具体效果要求如下：当鼠标在此文本上悬停时，文字变为红色、加粗。（3） 在第二行中插入flash动画，该flash动画的源文件是素材包中的lemontree.swf。属性要求如下：高350像素，宽550像素；水平居中

12、，当浏览器不支持播放该动画时，在对应位置上显示的文字为“您的浏览器不支持该插件”。（4） 将第三行背景颜色设为#CCFFFF，并插入一个avi视频，该avi视频的源文件是素材文件夹中的aaa.avi，其具体属性如下：高度60个像素，宽度500个像素；对齐方式为水平居中。1、打开frontpage，在“文件”新建中，选择“普通网页”新建，保存在考生文件夹内，命名为newpage1。选择“表格”中的“插入”3行1列的表格，设置相应参数（，水平居中就是居中，单元格边距就是单元格衬距）。2、在第一行中输入文本“电子商务考试”，直接修改为宋体18磅，居中对齐，并对此文本添加动态HTML的效果（即DHTM

13、L效果，在“视图”中的“工具栏”中）。3、选择“插入”中“web组件”中“高级控件”中“插件”进行flash影片插入设置。4、在第三行中，单击右键“单元格属性”进行修改。选择“插入”中“图片”中的视频。4、请在Frontpage2000中，设计制作一幅标题为“古诗欣赏”的普通网页，具体要求如下：（1）在网页中插入一个1行2列的表格。该表格的属性为：宽700像素，高400像素，对齐方式为水平居中；边框粗细为5个像素，颜色为#99CCFF；（2）在左侧的单元格中输入对应的文字内容，并利用外部CSS样式单对此进行修饰。具体要求如下：首先建立一个名为mystyle.css的外部样式单文件。要求在该外部

14、CSS样式单文件中必须指定以下内容：样式选择符（器）的名称为mystyle，字体大小为18个像素，颜色为黄色，效果为闪烁；段落格式为左对齐，行距大小为150，字间距为2个像素；边框的样式为破折号，颜色为蓝色，宽度为1个像素，背景颜色为#000099。（3）右侧单元格中插入素材包中的sheep.swf文件，高300、宽300象素，对齐方式为水平居中。将答案以文件名为newpage2.html保存至考生文件夹内，提交该网页为答案。1、打开frontpage，在“文件”新建中，选择“普通网页”新建，保存在考生文件夹内，命名为newpage2。选择“表格”中的“插入”1行2列的表格，设置相应参数（水平

15、居中就是居中，单元格边距就是单元格衬距）。2、左侧输入文字，然后新建文本文件，点击保存为“mystyle.css”文件，放入考生文件夹，（pt是磅，px是像素），在文件中选择“格式”中“样式”，打开后选择“修改”，选择器名字改成“mystyle”，再点击下方选择“格式”中的字体、段落和边框分别修改（背景颜色在“边框”中的“底纹”中）。回到网页中，选择下方的代码，进行修改，在代码里标明<td class=mystyle><p >春眠不觉晓</p><p >处处闻啼鸟</p><p >夜来风雨声</p><p &g

16、t;花落知多少</p></td>然后回到页面中选择格式中的样式表链接，然后点击添加，找到保存的mystyle添加进来，点击确定即可。3、“插入”中“图片”中“flash影片”，然后选中单元格中已经插入的影片，单击右键“flash影片属性”进行设置即可。5利用Frontpage制作一个嵌套式层次结构框架网页，如图1所示，并按照要求将此文件保存到考生文件夹内，名为page1.htm。要求：（1）在左框架中新建网页，设置框架宽度为290像素，“请看中国卡通”为华文中宋，橄榄色，14磅，加粗，左对齐，其它文字为华文新魏，蓝色，18磅，加粗，居中对齐，并分别建立超级链接到考生文件

17、夹下的：d1.jpg、d2.jpg、d3.jpg、d4.jpg；选择考生文件夹内的图片文件001.jpg为网页背景，框架保存为考生文件夹内的page1_1.htm；（2）在右上框架中新建网页，设置框架列宽为1，高度为47%，文字为24磅，加粗，幼圆，粉红色，居中对齐，框架保存为考生文件夹内的page1_2.htm，设置背景为考生文件夹下的011.jpg；（3）在右下框架中插入图片b2.jpg，设置背景为考生文件夹下的010.jpg；框架保存为考生文件夹内的page1_3.htm；将编辑好的框架网页保存在考生文件夹内，命名为page1.htm。图11、新建网页，选择“网页模板”中的“嵌套式层次结

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

19、件夹内，名为page2.htm。 要求：（1）插入4行2列表格，表格水平居中，表格宽度为40%，高度为290像素；（2）第一行单元格宽度设置为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，并建立超链接，链接目标为考生文

20、件夹下的home.htm；将编辑好的文件保存为考生文件夹内的page2.htm。 图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浏览器的“h