文档库 最新最全的文档下载
当前位置:文档库 › 用Microsoft+FrontPage制作网页

用Microsoft+FrontPage制作网页

用Microsoft+FrontPage制作网页
用Microsoft+FrontPage制作网页

学习做网页之前,我们首先要知道网页是什么,一般来说网页是用在网络上的htm文件,通过网页可以很方便的实现网络资源的共享,上网分为三个步骤;

1、输入正确的网址

1)在桌面上找到Internet Explorer ,双击打开,出现浏览器窗口,一般会自动进入微软的网站;

2)找到地址栏一个长白条,里面有一串以http打头的字符,这就是地址栏;

3)在地址栏里头点一下鼠标左键,然后删除里面的字符,输入自己的的网址,网址一般是英文的以http打头,然后是一个冒号和两个斜杠(双斜杠),然后是www(三W),后面跟一个点,最后一般是com结尾,例如输入https://www.wendangku.net/doc/fe12514300.html,输完检查一下,没问题就按一下回车键,这时窗口右上角的小图标就开始运动,也就是正在搜索;

4)一切正常就会进入到搜狐网站的首页;

2、找超级链接

网页上的内容是一页一页的,一般都藏在一个叫超链接的后面,所以第二步就是要找到超链接;

超链接有三个特点,首先文字的颜色是蓝色的,非常醒目,其次文字下面有一条下划线,便于查找,最关键的是当鼠标移过去以后,指针会变成手形,这一点很重要;

找到超链接以后就可以鼠标左键单击,进入相应的内容了;

3、后退按钮

看完一页后如何返回呢?在窗口的左上角有一个后退按钮,点一下就可以回到上一页,这样就不会迷失方向了;

其他还有浏览、下载、另存为等等也都是网络的功能;

本节学习了上网的基础知识,学习了上网的三步曲,网址-超链接和后退,如果你成功地理解并完成了练习,请继续学习下一课内容。

第2课网页基础

这一节我们来学习做网页,通过上一节我们可以知道网页包括标题、内容和超链接几部分组成,下面我们通过一个练习来看看怎样做一个网页;

1、启动FrontPage

1)单击“开始-程序-Microsoft FrontPage”一个蓝色的箭头图标,启动FrontPage 程序,自动新建一个空白文档;

2)单击工具栏上的保存按钮,出现保存对话框,从上到下先找到自己的文件夹,然后在下边的文件名框里点一下,删除里面的字符,输入index然后再点旁边的“更改”按钮,输入网页标题“青青草”,单击“确定”-“保存”,就成功地新建一个网页;

2、输入内容

保存完毕回到窗口中,输入网页标题和内容,这里我们创建个人主页,一行一行往里面输入,一行输完按一下回车键到下一行:

第一行是标题,也就是网页的名称,个人主页包括自己的简介、爱好等内容,注意输“联系”的时候,在冒号后面加一个空格就不会错了;

3、格式设计

下面把网页的版面设计一下,也就是把网页修饰的漂亮一些;

1)背景色单击“格式”菜单,选择“背景”命令,如果没找着,就点一下菜单最下面的折叠按钮,藏在下面呢;

打开背景对话框以后,在中间找到“颜色”里面的“背景”,在“自动”上点一下,出来颜色对话框,在“其他颜色”上点一下,选一个自己喜欢的颜色,单击“确定”,背景色就加好了,单击“保存”按钮,保存一下文件;

2)标题修饰选中标题“青青草花园”,单击工具栏上的居中按钮,让标题居中,然后从左到右依次选择字体、字号、颜色,字体设为华文彩云,字号设为6,颜色设为红色,注意颜色是大A按钮,旁边的铅笔是背景色,保存一下文件;

3)文本修饰选中其他文本内容,把字体改为华文行楷,字号为4,颜色设为一个好看的颜色,保存一下文件;

4)做好的网页怎么观看呢?在工具栏上找到一个放大镜“浏览”按钮,就可以查看自己的网页了(如果网页没出来,就到底下的任务栏上找一找)。

第3课网页练习

这一节我们来做网页练习,先在自己的文件夹里给每个要建的网页创建一个文件夹,名字改为每个网页的标题,保存网页的时候文件名都起成index也就是主页的意思,网页标题“更改”为标题,并且对内容进行修饰和设计;

在做下一个网页之前,先在“文件”菜单中“关闭”这一个网页,然后点“文件-新建-网页-确定”

1)给自己的爸爸建一个网页;

2)给自己的妈妈建一个网页;

3)给自己的爷爷建一个网页;

4)给自己的奶奶建一个网页;

5)给自己的外公建一个网页;

6)给自己的外婆建一个网页;

7)给自己的哥哥建一个网页;

8)给自己的姐姐建一个网页;

9)给自己的弟弟建一个网页;

10)给自己的妹妹建一个网页;

第4课创建网站

网页的内容除了文本以外,还包括图片、音乐、动画等等,网页提供了一个窗口、一个界面,一个供大家展示的舞台,各个项目有机的组合在一起,构成一个网站,下面我们通过一个例子来看看怎样创建一个网站;

1、创建新站点

1)启动FrontPage,自动新建一个空白文档“new_page_1.htm”;

新建站点的方法有两种,一种是“新建站点”命令,另一种是“打开站点”命令,我们学习第二种方法;

2)单击“文件”菜单,找到“打开站点”命令,出来一个打开对话框,从上到下先找到自己的文件夹,然后单击对话框右上角的“新建文件夹”按钮,出现新建对话框;

3)在“名称”栏里输入自己的名字,后面再加一个数字1,然后单击“确定”再单击右下角的“打开”按钮,这时会出现一个添加信息的询问,直接点“是”就进入到FrontPage 窗口,不同的是左边出现一个“文件夹”列表,里面有两个文件夹,一个是“_private”一个是“images”,右边的窗口上还是“new_page1”;

4)单击工具栏上的“保存”按钮,出现保存对话框,在文件名中输入index,在“更改”中输入“主页”,单击“确定-保存”,这时在左边文件夹列表里出现一个index.htm,而右

边的标题也变成了index.htm;

5)这样我们就成功地创建了一个个人站点,站点的主页是index.htm,主页就是站点的第一个网页,用我们前面学习的知识来输入主页的内容;

6)通过创建我们可以发现,创建站点实际上是新建一个文件夹,在这个文件夹中有一个index.htm的网页,还有两个文件夹_private和images,如果仔细还可以找到两个“_v”打头的隐藏文件夹,在FrontPage中站点的图标是文件夹中间有个地球;

2、练习

在“文件”菜单中单击“关闭站点”命令关闭刚才新建的站点,再新建一个自己名字后面加一个2的站点,并且保存一个index的主页。

第5课编辑网页

网页做好以后,如果要对它进行修改和补充,该怎么操作呢?首先要找到自己的站点文件夹,打开以后找到里面的index网页文件,瞄准图标,单击鼠标右键选择“编辑”命令,然后就可以进入FrontPage了;

进去以后看看打开的是否是自己的index,如果不是就在左边的文件夹列表里,找到index 双击打开;

下面我们通过一个练习来学习如何添加一幅背景图图片;

1、进入网页编辑窗口

1)打开自己的文件夹,打开自己的站点文件夹(名字后面有个1);

2)找到index网页文件,瞄准单击鼠标右键,选择“编辑(E)”命令,进入FrontPage 窗口,检查一下是否是index;

下面我们来看看怎样添加背景图

3)单击“格式”菜单,找到“背景”命令单击一下,出现背景对话框,从上到下依次选择;

4)先在“背景图片”前面打上勾,然后单击右边的“浏览”按钮,出现查找图片的对话框,注意在对话框的右下角有两个放大镜,选择第二个,找到一幅图片文件,单击“确定”即可打开添加上背景图;

5)由于这个图片文件是在别的地方找到的,由此还需要保存到自己的站点里,每个站点里都有一个images文件夹,专门就是用来放图片的;

6)单击工具栏上的“保存”按钮,这时会弹出一个保存图片的对话框,注意中间文件夹一列是空白的,正确应该保存在images里,所以单击中间下面的“改变文件夹(C)...”按钮,在出现的对话框里选择images然后单击“确定”,回来中间就有images了,再单击“确定”即可;

7)需要注意的是图片的文件名最好是英文或者数字,如果是汉字的话就得改成英文的,否则在网上系统不能识别汉字,图片就显示不出来了。

第6课插入图片

上一节我们学习了添加背景图,漂亮的网页当中往往还有许多点缀的页面图片,这是怎么加进去的呢?

电脑里常见的图片有BMP位图、JPEG压缩图片和GIF动画,网页里常用的是JPEG和GIF格

式的图片,因为它们文件比较小,容易传输,下面我们来看一个练习;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)检查一下窗口左边的文件夹列表中的三个文件(夹),右边窗口中的index.htm;

2、插入图片

1)单击“插入”菜单,选择“图片-来自文件”命令,弹出浏览对话框,点击右下角的放大镜按钮,在弹出的对话框里找到一幅图片,点击“确定”即可插入一幅图片,保存的时候还是存到images中;

2)单击工具栏上的“保存”按钮,这时会弹出一个保存图片的对话框,注意中间文件夹一列是空白的,正确应该保存在images里,所以单击中间下面的“改变文件夹(C)...”按钮,在出现的对话框里选择images然后单击“确定”,回来中间就有images了,再单击“确定”即可;

3)插入的图片会占一定的空间,会把文字挤到一边去,所以插入图片之前,先大概规划一下,给图片一个空间位置,以后我们学表格,可以把图片放到表格里面,不让到处乱跑; 4)插入的图片也跟文字一样,点一下可以选中,图片周围出现许多小方块控制点,拖动控制点,可以改变图片的大小,还可以居中、左对齐、右对齐等等;

5)图片的其他选项,可以瞄准图片敲右键,选择“图片属性...”命令,再找到左下角的“样式”按钮,再单击左下角的“格式”按钮,就可以确定图片的位置了,有点麻烦,所以还是用表格好。

第7课插入音乐

前面我们学习了添加各种图片和文字效果,一个多媒体的网站,往往还有音乐歌曲,那么在网页中如何插入音乐呢?下面我们通过一个练习来学习;

电脑里常见的音乐有MP3、WAV、WMA、midi等格式,网页里常用的是MP3,WAV格式所占空间太多,不利于在网上传输,midi音乐是一种电子合成音乐,占空间最小;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)检查一下窗口左边的文件夹列表中的三个文件(夹),右边窗口中的index.htm;

2、插入背景音乐

1)单击“格式”菜单,选择“背景...”命令,弹出背景对话框,点击上边的第一个“常规”标签,在中间就可以看到背景音乐的选项了,

这时里面还是空白,单击右边的“浏览”按钮,出现浏览对话框,点击右下角的放大镜按钮,在弹出的对话框里找到一首音乐,点击“确定”即可插入一首背景音乐,保存的时候还是存到images中,也可以新建一个音乐文件夹;

2)单击工具栏上的“保存”按钮,这时会弹出一个保存音乐的对话框,注意中间文件夹一列是空白的,正确应该保存在images里,所以单击中间下面的“改变文件夹(C)...”按钮,在出现的对话框里选择images然后单击“确定”,回来中间就有images了,再单击“确定”即可;

停止网页的音乐只要点击一下工具栏中的“停止”按钮,或者按一下ESC键都可以。

第8课新建网页

我们常常看到一个网站中有许多的网页,每个网页中有不同的内容,各个网页之间相互独立,互不干扰,排列得很科学,怎样添加一个新的网页呢?下面我们通过一个练习来学习;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)检查一下窗口左边的文件夹列表中的三个文件(夹),右边窗口中的index.htm;

最上面的“D:\My...”一行是我们的站点的位置,在D:盘的My Doments的八年级里面,\是分隔符,表示一级一级的顺序,一般称作“根目录”;

下面两个加号旁边的文件夹在一条竖线上,表示同一级别,都在“根目录”里面,最下面的index.htm也在一条线上,也属于同一级别;

2、在站点里新建文件夹

1)在左侧文件夹列表中找到最上面一行,单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹(F)”命令,里面出现一个新的文件夹,光标在一闪一闪;

2)输入英文字母jianjie,然后按一下回车键确定,就成功地在站点里新建一个文件夹,由于网络的原因文件名都用英文字母,而且最好不要超过8个,这里是“简介”的拼音字母; 3、在文件夹里添加网页

1)在左边文件夹列表中,找到刚刚新建的“jianjie”文件夹,单击鼠标右键选择“新建网页(N)”命令,弹出一个“新建”对话框,直接单击“确定”,右边会出现一个空白的网页“New_Page_1.htm”;

2)新建的网页关键是要保存的自己的文件夹里,单击“保存”按钮,在弹出的对话框里选中“jianjie”文件夹,然后单击右下角的“打开”命令,把下边的文件名改为“jianjie”、标题“更改”为“简介”,单击“确定-保存”命令;

3)这时打开左边的“简介”文件夹,就可以看到里面有一个jianjie.htm的网页,再在右边工作区里单击一下鼠标,回到网页编辑窗口中;

4)输入标题、姓名、生日、星座、身高、体重、年级、特长、最喜欢的格言等等你觉得要写的内容,这个网页就是个人简介的详细介绍;

5)保存一下,然后单击工具栏上的浏览按钮,就可以看到这个新建的网页了。

第9课超级链接

在网络上我们可以通过超级链接,从一个网页跳到另一个网页,超级链接是指向另一个页面的特殊标记,一般具有蓝色、下划线和手形鼠标的特征,它可以是一段文字、一个图片或者是一个其他的对象,那么怎样创建一个超级链接呢?下面我们通过一个练习来学习;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)在左边可以看到一个文件夹列表,里面有我们站点的各个文件和文件夹,还有上次新建的jianjie;

我们要把上次新建的个人简介的网页链接到主页上,这样在主页上我们就可以通过超级链接,访问个人简介的详细介绍;

2、创建超级链接

1)在主页index中找到上次我们输入的第一行内容,选中文字“简介”把它拖黑,然后

瞄准单击鼠标右键,选择最下边的“超链接(k)...”命令,弹出一个超级链接的对话框;

2)把需要链接的网页找出来,单击确定就可以了,在对话框的中间找到“简介”文件夹,双击打开,然后选中里面的“jianjie”网页,这时下边的地址栏中就出现了“jianjie”网页的路径,单击“确定”,回到编辑窗口;

3)这时就可以发现,文字“简介”的颜色变成蓝色,而且出现了一条下划线,表明成功地插入了超级链接;

4)保存一下,然后单击工具栏上的浏览按钮,试一下新建的超级链接,看看能否进入到我们的“简介”页中;

5)如果要去掉超级链接,只要打开这个对话框,把下边地址栏里的路径删掉就可以了。

第10课创建表格

网页版面往往需要整齐美观,各个对象之间互不干扰,这时候就需要使用表格来定位和布局,表格的使用非常灵活,并且表格里头还可以套表格,从而达到巧妙的结构,充分利用页面的各个部分,那么怎样创建一个表格呢?下面我们通过一个练习来学习;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)在左边可以看到一个文件夹列表,里面有我们站点的各个文件和文件夹,还有上次新建的jianjie;

我们要新建一个爱好的网页,在这一页里插入一个表格并链接到主页上;

2、新建文件夹和网页

1)用前面学到的知识,在左边文件夹列表的最上面一行,单击鼠标右键,选择“新建文件夹(F)”命令,新建一个文件夹,名字改为aihao,这样我们创建了一个存放爱好的文件夹; 2)在“aihao”上单击鼠标右键,选择“新建网页(N)”命令,新建一个“普通网页”,单击工具栏上的“保存”按钮,在对话框的中间找到“aihao”文件夹,双击打开,文件名也起成“aihao”,网页标题“更改”为汉字的“爱好”,检查一下,然后单击右边的“保存”命令,保存网页;

3、创建表格

1)单击菜单栏上的“表格”菜单,选择“插入-表格”命令,出现一个对话框,要求设定表格的行和列,注意一个表格中横着是行,从上往下是一行一行,竖着的是列,从左到右一列一列,把行改为4,把列改为2,单击“确定”,这时就在网页中出现一个4行2列的表格,一共有8个格子,叫8个“单元格”;

2)选中第一行横着的两个单元格,然后瞄准单击鼠标右键选择“合并单元格”命令,这样第一行就变成一个单元格了,在里面输入“我的爱好”作为网页的标题;

3)保存一下,然后在左边一列中依次输入“爱听的歌曲”和歌名,比如热带雨林、冻结等等;在右边一列写上其他爱好,比如“棋类”,象棋、围棋、五子棋等等;

我的爱好

爱听的歌曲:棋类:

热带雨林、冻结象棋、围棋

神奇、十年五子棋、黑白棋

4)保存一下,把这一页超级链接到主页的“爱好”上,然后单击工具栏上的浏览按钮,

看看新建的表格如何;

在表格上单击右键,选择“表格属性”,还可以调节表格的边框“粗细”,如果设为0,表格线就会隐藏起来,如果选择“单元格属性”可以对每一个格子的内容设定格式,大家在使用中可以多试一试。

第11课修饰网页

网页版面设计很重要,每个人的审美观念各不相同,一个干干净净、清清爽爽的网页,会给人一种清新秀丽感觉,怎样修饰网页呢?下面我们通过一个练习来学习一下;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)在左边的文件夹列表里有我们站点的各个文件夹和文件;

2、插入水平条

1)把光标定位到标题行的后面,也就是在标题后面点一下鼠标,这样光标就在后面一闪一闪;

2)单击“插入”菜单,选择“水平线”命令,这样就在标题的下面出现一条灰色的水平线;

3)瞄准水平线,单击鼠标右键,选择“水平线属性...”命令,弹出一个对话框,在左下角把颜色改为红色;

3、插入长条图片

1)水平线有时候有些太单调,我们还可以用图片来代替,把光标定位到网页的最后,单击“插入”菜单,选择“图片-剪贴画”命令;

2)在弹出的对话框里选择“Web 框架”,然后找一个长条形的图片,瞄准单击鼠标右键,选择第一个“插入”命令,就可以插进这个图片了;

3)单击“保存”按钮,把图片保存到images文件夹里,然后瞄准图片,单击鼠标右键,选择“图片属性”,把图片设置一下;

4)在弹出的对话框中,在上边选择“外观”标签,找到中间的“指定大小”打上勾,然后把下边的“象素”改为百分比,再把宽度改为100,旁边的高度10象素不变,百分比是为了跟网页的宽度一致;

保存一下文件,然后单击工具栏上的浏览按钮,看看加入修饰的网页感觉怎么样?

第12课网页特效

网页当中动态效果往往更能吸引目光,图片我们可以选择GIF动画,而文字往往是静态的,用什么方法可以修饰一下呢?能不能给网页添加一些动态的效果呢?下面我们通过一个练习来学习一下;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)在左边的文件夹列表里有我们站点的各个文件夹和文件;

2、插入滚动字幕

1)把光标定位到网页的最后,按一下回车键,这样就会插入一个空行;

2)输入一段文字“长江后浪推前浪,自古英雄出少年”,按住鼠标左键选中这段文字; 3)在菜单栏上选择“插入”菜单,选择“组件-字幕...”命令,弹出一个对话框,不用修改,直接单击“确定”,这时选中的文字外面出现一个框,表示加入了字幕效果;

保存一下文件,然后单击工具栏上的浏览按钮,就可以看到在网页下边有一行文字从左至右移动;

3、动态效果图片

1)这种效果是当鼠标指向一个图片时,图片会发生变化,给人以奇异的感觉,它需要准备两幅图片;

2)使用“插入-图片-来自文件”命令,在网页中插入一幅图片,然后单击选中这幅图片;

3)单击“格式”菜单,选择“动态DHTML效果”命令,这时会弹出一个工具栏,我们将从左到右依次操作;

4)在工具栏左边的“选择一种事件”上单击一下,选择“鼠标悬停”,然后在旁边的“应用”上单击一下选择“交换图片”,再往旁边单击“<选择设置>”上单击一下选择“选择图片...”,在弹出的对话框中找到一幅图片,单击“确定”即可完成;

保存一下文件,这时候图片上看不出什么来,我们单击一下工具栏上的浏览按钮,在浏览器中把鼠标移到图片上,看看图片的效果有没有变化?

第13课视频播放

网页当中除了可以插入文字、图片和特效以外,还可以插入视频、音乐和Flash动画,由于视频文件是数据文件,这样它本身并不能播放,而需要一个播放器,就像用录音机放磁带一样,那么怎样插入一个视频影片呢?下面我们通过一个练习来学习一下;

1、打开自己的站点

1)打开自己的文件夹,一般就是找到自己的名字;

2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;

3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

4)在左边的文件夹列表里有我们站点的各个文件夹和文件;

2、插入播放器控件

1)把光标定位到网页的中间,按一下回车键,这样就会插入一个空行;

2)单击“插入”菜单选择“高级-ActiveX控件”,弹出一个控件对话框,把滚动条拖到最下边,看一下里面的各个控件,我们要找Windows Media Player;

3)单击左下角的“自定义”,在弹出的对话框拖动滚动条到最后,找到Windows Media Player,在它前面的方框里点一下打上勾,单击“确定”按钮;

4)回到前面的对话框,把右边的滚动条拖到最下面,选中Windows Meia Player单击“确定”按钮,就会插入一个播放器,看着跟真的一样;

保存一下文件,然后单击工具栏上的浏览按钮,好像什么也没有播放,这是为什么?

3、设置控件属性

1)瞄准播放器,单击鼠标右键,选择下边的“ActiveX控件属性...”命令,弹出一个对话框,光标在一个白条里一闪一闪的,要求输入一个视频文件;

2)视频文件是指MPG、AVI、WMV、RM等影片文件,提前把文件要拷贝到自己的站点里头,现在还没拷贝,所以这时候只能按ESC键退回到编辑窗口中,先去拷贝一个视频文件,拷贝到images里头(本课的images里头有一个10.wmv);

3)再次右击播放器控件,选择“ActiveX属性...”命令,在对话框的文件栏中输入images/10.wmv,注意看文件夹列表中的images里头的文件名,如果看不到就关掉站点重新进一次;

保存一下文件,单击工具栏上的浏览按钮,这时候就可以看到播放器中开始播放视频文件了。

手把手教你如何制作一个完整的网站

手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情,不过我们也要带着责任心去做,想要制作好一个网站,必须要先了解它的具体操作流程,详细的了解各个步骤后,才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求,首先让客户把他们想要的效果、风格、开设的栏目等说明清楚,然后再根据他们提供县官的资料,比如单位的简介,联系方式,网站框架的设计要求,对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题,最终达

成共识后才能开始制作,如果制作之前没有商量好,那么制作的结果会使得客户不满意,矛盾就会产成了,所以工作人员要负责,在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用,并签合同了,合约是关系到双方的利益问题,也要引起重视,谨慎签订。客户在签完一系列的合同之后,要注册好域名和空间,因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念,因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户,我们可以选择通过图片、文字、音频等途经进行传播,网站的建立就应该明确的宣传自己能为客户提供哪些帮助,而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收,这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题,应该立即采取更新、修改或者找回密码等措施,我们有权利制作网站,那就要旅行好维护网站安全的义务。 通过以上的详细介绍,相信大家对网站的制作流程都已经很熟悉了,想要制作网站的朋友赶紧尝试一下吧。

Frontpage网页设计之主页制作

网页的制作教案 一、教学目标: 1、知道站点、主页的概念,能在指定位置建立只有一个网页的站点; 2、认识FRONTPAGE的界面; 3、掌握在主页中插入文字、图片、水平线; 4、掌握页面文件与图片的保存。 二、教学重点: 1、能在指定位置建立只有一个网页的站点(难点) 2、能在页面中插入文字、图片、水平线 3、掌握页面文件与图片的保存(难点) 三、学情分析: 学生已经学习了WORD、POWERPOINT与上网浏览信息,对计算机的基本操作(WORD 中文档的编辑,网页的浏览等)比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务,有能力的学生还可以完成提高篇的学习,以充分发挥学生的积极性与自主性。 四、教学方法 一方面采用比较教学的方法,促进学生知识的迁移;另一方面,提供学生一个导学课件,让学生根据这个网络环境下的课件自己探索学习,以满足不同层次学生的需求。 五、教学过程 设计教师活动: 1、引入课题: (激发兴趣,活跃气氛)经常上新浪、西祠胡同等,有没有同学知道新浪、西祠胡同称做什么?(网站)浏览新浪网站,浏览的第一个页面称为什么?(主页)我们还可以浏览其它的页面,点击超链接浏览,当鼠标变成手指的形状时有超链接。 问题1:网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页,通过超链接把不同的页面链接起来) 问题2:网页是不是就是主页?(第一个页面称为主页,网站设计者可以确定哪一

个是主页,主页的文件名一般为:index.htm,主页也是网页) 设计网站一般必须经过两个步骤,首先是在计算机里做好,然后发布在internet 上,让所有的人访问浏览。 今天我们学习用Frontpage建立站点,制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站问:同学们看到了什么?(文件夹) 小结:可以这样理解网站:在资源管理器里,网站表现为一个文件夹,里面存放的是所有与网站相关的文件。打开主页,浏览页面,这是老师做的一个导学课件,将帮助大家完成学习任务。请学生浏览教师课件,了解学习任务。 2、新建站点: 与word比较,有什么不同?(增加了视图区,编辑区有三个窗口) 小结:视图区:多种视图模式是为了方便网站的管理。制作网页时,必须在网页视图中编辑页面普通窗口:鼠标在闪动,可编辑、修改页面,所见即所得的方式预览窗口:浏览器中出现的效果,与PowerPoint中的“放映幻灯片”类似。 Html窗口:编写HTML(超文本标记语言,它是描述网页内容和外观的标准。)打开导学软件,根据步骤,示范建立只有一个网页的站点,强调新站点的位置、路径的正确输入,站点的名称。(教会学生利用导学课件,根据导学课件完成任务)任务1:学生根据导学课件,在d:\建立自己站点 教师巡视指导请一位学生示范如何建立站点,教师总结问:在文件夹列表中看到了什么?分析多出的文件夹列表栏,多了一个文件夹,里面有两个子文件夹和主页,图片存放在images文件夹中) 3、编辑主页与保存主页看效果图, 请学生分析主页中的元素总结:鲜明的主题,如:我的世界、我的宠物等,有分割页面的水平线,与主题相关的图片,对网站的简单介绍根据导学软件,学生完成任务2:设计主页、保存主页与图片。教师巡视指导 4、总结反馈请学生示范, 讲解如何插入图片(来自剪贴画与来自文件)、插入水平线,如何保存总结:必须切换到“普通”窗口下编辑主页的保存中存在问题:单击“文件”“保存”或工具栏的“保存”按扭,弹出一个对话框,保存嵌入式文件,改变文件夹,图片必须保存在本站点images文件夹中,便于站点的管理。 5、请学生继续完成自己的主页,有能力的同学完成提高篇,教师巡视指导 6、教师与学生共同评价总结展示学生作品

网页制作经验-编写高效率的HTML网页代码

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊!事实上,IE是一款对HTML代码容错能力甚高的的浏览器,——说句题外话,尽管我们可以有各式各样的理由可以攻击微软,但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML 代码没有问题,甚至可以推而广之,Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效,毕竟哪个浏览器都要保证基本的容错的功能,不然,就会发生即使仅仅因为网络传输中的一点导致导致HTML页面显示不正常了,而这在网络带宽仍然紧张的今天仍是频繁发生的。 什么是合法有效的HTML代码 简单说来,我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的,即使对于ASP、PHP 之类的动态页面,其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上;对于JavaScript之类则由客户端将其转换为HTML。

同其他语言一样,HTML也有自己的语法规则,无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候,即使对熟练人员来说,在HTML页面构建时仍然难免出些HTML代码上的错误,更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。 如果页面中不存在违背HTML标准语法规范的成分,即可被称为合法有效的HTML代码 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页,——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎Spider阅读网页的根据便是HTML规范,通过对HTML 代码的分析,Spider才能判断网页内容,在此基础上才能判断针对相应关键词的相关性。 需要明确的是,搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少,如果页面代码中存在其无法解释的HTML代码时,其便可能停止阅读该页面甚至可能停止在我们的网站内爬行,更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。

网页制作教案

课堂任务快速建站技术—模板的应用 课程名称:利用模板快速建站 课时数:4 教学目标: 知识与技能:了解模板的定义,模板的可编辑区域的定义。 过程与方法:掌握在网页中创建模板的三种方法; 掌握模板的可编辑区域的定义、建立和取消; 掌握模板的应用和取消; 掌握如何将模板从网页中分离出来; 掌握使用模板快速建站; 情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。 教学重点: 在DreamWeaver8中创建模板和应用模板。 教学难点: 学会模板的可编辑区域的定义、建立和取消。 教法: 任务驱动法 学法: 记录关键步骤,积极动手练习。 课前准备: 第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV,快速建站技术-模板的应用(快速更新).WMV。 教学过程设计: (一)导入设计: 我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用Dreamweaver 软件中的模板功能来创建新网页,可以大大提高更新和修改的工作效率,网站的维护工作会轻松很多。本节主要内容如下。(二)新课讲解设计: (1)请学生带着以下问题阅读P110~115知识预读,问题如下: A、模板的定义? B、模板创建的三种方式?了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消; D、学会模板的应用和取消; E、学会如何将模板从网页中分离出来; (2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。 (3)教师在学生回答问题的同时,总结评价并补充相关要点。 (4)教师展示完成后的模板网站作品,与学生共同讨论分析该网站制作过程。 (5)教师演示建立模板,创建可编辑区域,应用模板等部分操作(详见教材任务一)。

用FrontPage创建网页

《用FrontPage创建网页》教学设计 一、教学内容分析: FrontPage是微软办公自动化软件Office中的一个极为重要的组件之一,它具有功能强大、操作方便等特点,是目前最为流行的网页制作与站点管理工具之一。FrontPage 既是简单实用的网页编辑器,又是一个浏览,有“所见即所得”的效果,创建网页的过程中还可以不时地在文本编辑器和浏览之间切换,以查看编写页面的效果。而且,六年级学生已经学过Word2003或PowerPoint2003的操作,而它们又出于同一家族,它们有许多相似之处,FrontPage的许多菜单、工具的操作会有一种似曾相识之感,教学过程中,要注意引导学生进行知识的迁移,这些都有助于学生轻松进入FrontPage的世界。 二、学生学情分析 教学对象是六年级的学生,他们会对许多事物充满好奇,求知欲较强,且创作欲望和表现力也较强,对于教师布置的任务能够认真对待。因此课中,鼓励他们独立完成作品,培养他们自主学习和合作探究的意识。因为有Word软件的学习经验,学生在学习FrontPage 软件时会有似曾相识的感觉,很多的知识点都已学习过,所以教师不要拘泥于教材,要根据学生的实际情况,有的放矢,充分激发学生学习兴趣,最大限度挖掘学生的创造潜能。但是学生之间还存在一定差异,信息技术认知能力、实际操作能力和知识水平都存在一定的差异。三、教学目标: 【知识与技能】

(1)初步了解FrontPage 2003的基本功能。 (2)掌握FrontPage 2003的启动和掌握在网页上文字的输入。 (3)熟悉FrontPage 2003窗口的组成。 (4)通过实例学会创建简单的网页和保存网页文件。 【过程与方法】 (1)能用FrontPage 2003制作简单网页;具有一定探索新应用软件的能力 (2)通过对比观察,培养学生利用已学知识去解决问题的能力,培养学生敢于尝试和自主探究的学习能力;培养学生的相互协作能力和知识的迁移能力。 【情感态度与价值观】 (1)激发学生热爱自然、热爱环境、热爱家乡的情感。 (2)激发学生的学习热情和创作热情,在亲历学习过程中,获取知识、体验成功,从而提高学习兴趣。 (3)培养审美意识,促进学生形成良好的审美观;提高信息素养。 (4)在合作学习中,学会交流与协作,提高学生的合作意识和合作能力。 四、教学重点和教学难点 【教学重点】 FrontPage 2003的启动以及FrontPage 2003的窗口组成。 【教学难点】通过实例学会用FrontPage 2003创建简单的网页

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具:字体:大中小 一 首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。 第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。 二、教程

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

Frontpage制作网页-如何制作网页教程-网站制作教程-海...

Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
怎样制作网页-如何制作网页 网站制作教程 怎样制作网页 如何制作网页-网站制作教程 海乐网 如何制作网页 网站制作教程|海乐网
现在市面上的有许多制作网页的工具,office 中也有一个专门作网页的工具 FrontPage ,其操作与 word 相似,比较容易上手。下面以 FrontPage 2000 为例,介绍 网页制作的基本知识。 一、 如何打开 FrontPage 了解主界面 单击任务栏“开始”按钮,选择“程序”选项,单击 FrontPage 就可以进入。
进入后你会发现 PRONTPAGE 界面和 WORD 很相似[图一], 这是因为编辑 WEB 页 面和编辑 WORD 文档有很多同样的设置, 这些设置所用的图标和 WORD 中的是一样的。
[图一]ProntPage2000 界面

Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
视图中的组框是用来切换视图的, 单击里面的小图标就可以切换到不 同的视图。FRONTPAGE 共有 6 种视图[如左],使用不同的视图可以从不 同的侧面查看设计的 WEB 站点。对一个 WEB 站点而言,不断更新是很 重要的。随着站点的成长,维护站点的工作量会越来越大。建立站点可能 很快,但是如果没有这 6 种视图的帮助,维护起来就很困难了。 这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以 了。
下面看一看同一个 WEB 站点在不同视图中是怎样显示的。
单击“网页”按钮,切换到网页视图,再单击工具栏上的“文件夹列表”按钮
,窗口
中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的,双击文件夹列 表中的某一个 HTM 文件,在最右方的工作区中就会显示该网页的内容。
[图一]网页视图

网页制作经验编写高效率的HTML网页代码

网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊!事实上,IE是一款对HTML代码容错能力甚高的的浏览器,——说句题外话,尽管我们可以有各式各样的理由可以攻击微软,但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题,甚至可以推而广之,Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效,毕竟哪个浏览器都要保证基本的容错的功能,不然,就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了,而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来,我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的,即使对于ASP、PHP之类的动态页面,其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上;对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样,HTML也有自己的语法规则,无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候,即使对熟练人员来说,在HTML页面构建时仍然难免出些HTML代码上的错误,更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。

教你制作静态网页的方法

教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c. 设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项

目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”;2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层; 3、可以随意移动层的位置; 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法: 1、先用鼠标点至欲插入表格的位置; 2、点插入面版中的“表格”—“插入表格”; 3、确定行数、列数后确定即将表格插入到选定位置了; 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像; 2、点右键“创建链接”打开的窗口或在属性的链接栏里,填入链接的目标。(如:本网站另一个网页,或外部网页如https://www.wendangku.net/doc/fe12514300.html,,或电子邮件如:mailto:zdhwangji@https://www.wendangku.net/doc/fe12514300.html,) 3、在页面属性里修改链接的属性:修改--页面属性(链接、活动链接、访问过链接) 二、制作实例1

用FrontPage制作网页课件教程

用FrontPage制作网页教程 【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件。【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件交互性的实现和网页源代码的应用。 【教学策略】教师实例演示,学生上机操作,教师辅导和点评。 【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合,并辅以文字教材、网上学习资源和教学光盘。 【教学内容】 一、 FrontPage 基本操作 1. 启动 FrontPage :双击桌面上的 FrontPage 快捷方式图标;开始→程序→Microsoft FrontPage ;右击一个扩展名为 htm 或 html 网页文件,选“编辑”。 2. 打开或隐藏视图栏、文件夹列表和网页文档 a. 点“视图→视图栏”打开或隐藏视图栏。点“视图→文件夹列表”打开或隐藏文件夹列表。 b. 右击扩展名为 htm 或 html 网页文件(如 index.htm ),选“编辑”,系统默认用 FrontPage 打开网页。 c. 点“文件→打开”或点常用工具栏中的“打开”按钮,从本地磁盘或网络驱动器中打开网页文档,从任意 Web 网站打开网页,打开最近打开过的网页文档。 3. 在 FrontPage 编辑器中预览网页 a. 点普通视图按钮,观察刚才打开的 index.htm 网页。 b. 点 HTML 视图按钮,观察 index.htm 网页。 c. 点预览视图按钮,观察 index.htm 网页。 4.FrontPage 视图方式:网页视图,文件夹视图,报表视图,导航视图,超级链接接视图,任务视图。 5. 保存网页:点“文件→保存(另存为)”或点常用工具栏中的“保存”按钮,将新建的网页或从万维网上打开的网页保存到本地磁盘,把自己喜欢的网页作为模板保存。 6. 关闭网页:点“文件→关闭”或文档窗口中的“ X ”按钮,关闭当前网页。 二、网页课件制作实例 1. 创建站点 ( 1 )在本地硬盘(如 D 盘)建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。 ( 2 )启动 Microsoft FrontPage 。 ( 3 )点“文件→新建→站点” , 选择“空站点”图标,再在“指定新站点的位置”栏中输入新建的站点文件夹( D:\myweb ),或通过单击“浏览”按钮来指定。点“确定”后片刻,编辑区出现一个空站点。 2. 建立框架网页 ( 1 )点“文件→新建网页”,选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。 ( 2 )点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入→组件→字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。 ( 3 )点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本,如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等(或插入相应的图片)。

初学者如何做一个最简单的网页.

怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法,快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语,例如说超级链接你知道点一下就能到别的网页去,这个相信你也会吧。你会使用office 软件——没听说过?WORD知道吧?就是你打字的东东。你肯定打过什么文稿之类的东东吧,那就得用到WORD,要不WPS也行,反正一定得会使用这样的软件,不然你就没办法实现制作网页的那些功能。 OK,假设你上面这些东东你全都会的话,那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会,谁都看得懂,我决定不在这个教材里说任何专业的东东,我们是想做网页而不是想当网络管理员,更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上,有些地方写得恐怕你看了也会说一声“弱智”,不过请相信,网上一定还有比你还弱智的朋友等着这些提示呢。呵呵,那么,开始制作啦!首先,我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003(没听说过吗?那我给你解释一下,你去街角的卖盗版盘的老板那问问,有FRONTPAGE2000全版的没有?老扳就会热心的给你一套OFFCE2003,说这就是了,然后要你买下),这个软件同 WORD,EXCEL之类软件一样,是OFFICE系列的一员,安装OFFICE的时候将它也装上,你就能做网页啦,别担心你不会用,我会手把手教你做的。如果你不会装OFFICE,那就请你哪位哥哥帮你个小忙,请他为你装上,其实一点也不难装。好,假设你安装好了FRONTPAGE2003(FRONTPAGE2000也可,不过使用起来没有FRONTPAGE2003顺手),我就是用的FRONTPAGE2003,所以教材上也以此为准。喂,你先别得意,有了这个FRONTPAGE2003是可以做网页,不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢,你要学的东东多着呢,千万别得意哦。三、正式开始啦好,打开FRONTPAGE2003,第一次进入左边会有个烦人的什么视图窗,这东东用不着,关掉它!怎么关?记好了,方法如下:点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下,呵呵!会了吧,为了简明起见,这个操作我将写为菜单——查看——视图栏记住了吗?这样你看着省心我打着省事,皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字,怎么起?请看方法:菜单——文件——另存为……——(选择你想保存的文件名、

6.2;利用Frontpage;2000;制作网页.doc

6.2 利用 Frontpage 2000 制作网页 6.2 利用frontpage xx 制作网页一、教学目标:知识与技能:1、学会利用frontpage xx 制作简单网页 2、熟悉网站制作的整个流程过程与方法:上网搜索文字、图片等素材,制作一个班级网页,提高学生的兴趣。情感态度与价值观:进一步理解网页作为常用的信息集成工具的优势和特点,培养学生团队精神。二、教学要点:利用frontpage xx 制作简单网页。三、教学组织: 组织学生进行实践活动,探究、指导、分组协作完成任务,让学生有兴趣地在实践中找乐趣。四、教学安排: 2课时。教学过程:一、导入新课打开我校网站主页和另一个网站主页,让同学们浏览这些网页,比较它们在页面设计、网站结构、整体风格上的异同。二、新课讲述 1、新建站点:文件→新建→站点,选择只有一个网页的站点,指定站点的位置,例如:d:\myweb,将首页保存到指定的网站文件夹,并进行命名为index.htm。 2、 3、利用表格布局网页。 4、表格是网页的一个非常重要元素,frontpage中的表格不仅可以用来陈列数据,还可以实现网页的精美排版。 5、步骤:表格→插入表格a、在表格中添加文本 b 、在表格中添加图像:插入→图片

→剪贴画或来自文件 3、插入字幕步骤:插入→组件→字幕 1、插入动画:插入→高级→插件 2、 3、设置背景:格式→背景 4、5、插入背景音乐:格式→背景,在“网页属性”中选择“常规”标签,点击“浏览”选择背景音乐。 6、 7、设置超链接:插入→超级链接 8、链接的对象除了可以是某个网站,还可以是某个网页,甚至是一个文件。 9、 10、网站发布:在因特网上发布,先申请网站空间,再上传网站。 11、、作业:根据班里同学人数的多少进行分组,每组为2至3位同学,利用fronpage或dreamweaver制作班级主页。要求:有一个主页和五个以上的子页进行链接,主题自定,文字和图片材料等素材可以上网搜索,并且每一组必须填写下面表格。建议从以下几方面考虑: 13、(1)确定主题和名称 14、(2)整体风格创意设计 15、(3)规划内容和栏目 16、(4)页面的设计和布局 17、(5)可以上网搜索其它中学各班级的主页,然后可以模仿它们的布局进行制作。 18、保存主页文件名为:index.htm。 19、班级主页 20、 21、班级组别主题名称制作人员 文字编辑设计人员素材收集策划人员素 材美工注:(1)上传作业时连登记表一起上传。(2)从每个班里抽出一组优秀的班级主页进行全高一年级班级主页 比赛,比赛奖品另定。

教你怎么制作个人网页.

教你怎么制作个人网页 从这儿开始 如果你对于个人网页很陌生,不知道该从哪里开始着手去做,那么就请按照下面所说的去做,你不需要具备网站建设知识,甚至不需要了解或使用任何编码,就能够创建属于你自己的个人网页。 把你的站点发布到网上 简易的站点主机——网上有一些免费的网络主机服务,它们能为你提供一种简单的方式,使你利用在线的简单的设计编辑器或使用模板来制作一个个人网站。你所要做的全部内容就是撰写你的网页内容,而不需要编码。 博客主机——如果你想要创建一个博客,那么有一些站点是你应该考虑的。它们很容易学会,也不需要任何技术性的知识。除了网页和博客以外 档案站点——像 MySpace 这样的网站, 可以让你创建一个在线的个人空间, 你可以在这个空间内和互联网上的其它人进行交流。你可以添加几张照片,告诉别人关于你自己的事情。 在线相簿——把你的数码相片放到网上,创建你自己的个人在线相簿。 Wiki ——另一种形式的网站。 Wiki 是一个既允许你,也允许你的访客更新你的站点的网站。你来选择主题,他们帮你写内容。 制作在线网页 网站制作程序——当你想要制作你的网站的时候,你可以使用一个与你的网络主机服务一起供给的在线编辑器,或者你可以买一个你自己的程序来在你的电脑上设计网页。如果你想要创建属于自己的网页,那么互联网上有许多这样的程序可供选择。

上传网页——如果你决定在你的电脑上制作而不是在线制作你的网页的话,那么,在完成制作后你需要使用某种方法把你的网页上传到你的网络主机服务器上去。许多主机服务提供给你了这样的程序,来帮你实现这一点,但是有的却没有。如果你的主机服务提供商没有给你提供这种程序的话,你会需要一个这样的程序。 图形 所有关于添加图形的事情——这里有你所需要知道的如何开始向网页中添加图形的全部内容。了解如何链接到你的图形,如何把它们从网络上下载下来,如何从你的网站上把它们上传上去以及其它。 免费在线剪辑艺术——你可以在你的个人网站上免费使用的图形。下载这些图形,把它们添加到你的网页上,来营造一个更加个性化的网站外观。 模板和娱乐 复制 /粘贴模板——如果你想让你的网页看上去是某一样子的你可以利用模板来设计它。拷贝下代码,把它粘贴到你的 HTML 编辑器中。然后在空白处填上你自己的个人网页上想要的内容。 添加在线挂件 /附件——如果你想要在你的网站上添加些有趣的东西,试试这些。天气预报,游戏,占星,地图等许多东西你都可以尝试下。

用FrontPage制作网页课件教程

用FrontPage制作网页课件 【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件。 【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件交互性的实现和网页源代码的应用。 【教学策略】教师实例演示,学生上机操作,教师辅导和点评。 【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合,并辅以文字教材、网上学习资源和教学光盘。 【教学内容】 现在越来越多的课件是用网页制作工具来制作,并结合数据库、ASP 等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息,具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点,适合于个别化学习、课堂教学和网络教学。网页课件的开发工具软件有很多,包括: ?语言编程如HTML 、D HTML 、ASP 、JSP 、PHP 、JAVA 、JavaScript 、VBScritp 、VRML 等。 ?所见即所得的可视化编辑工具,如FrontPage 、Dreamweaver 、Flash 、Authorware 、PowerPoint 、CourseBuilder 等。

对于一般都有繁重教学任务在身的学科教师来说,没有太多的精力去学习复杂的编程语言。可视化网页编辑工具由于源代码自动生成,使教师可以有更多的精力关注内容的表达和教学设计。 用FrontPage 编制的网页课件有较易操作的界面(与上网浏览网页完全相同),一门课程或一堂课的脉络结构(知识结构)可以在主页上用菜单(树形菜单或弹出菜单)或导航条的形式清楚地表明,可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等,甚至操作注意事项。FrontPage 被公认为最好的入门级的网页编辑工具。 一、FrontPage 基本操作 1. 启动FrontPage :双击桌面上的FrontPage 快捷方式图标;开始→程序→Microsoft FrontPage ;右击一个扩展名为htm 或html 网页文件,选“编辑”。 2. 打开或隐藏视图栏、文件夹列表和网页文档 a. 点“视图→视图栏”打开或隐藏视图栏。点“视图→文件夹列表”打开或隐藏文件夹列表。 b. 右击扩展名为htm 或html 网页文件(如index.htm ),选“编辑”,系统默认用FrontPage 打开网页。

教你如何快速制作网页

1. 建立文件夹。 首先创建一个文件夹,选择HMTL在站点右击鼠标点击新建文件夹。 然后进去输代码 用户名: 密码: 确认密码: 邮箱地址:

性别: 女 学历: 爱好: 体育 音乐 读书 个人简历:

frontpage制作网页教程(一)

应用frontpage制作网页(一) 一、熟悉frontpage2000的环境 A、frontpage的启动 1.利用“开始”菜单启动:开始——》程序——》frontpage 2.利用桌面上的快捷方式:双击打开 B、退出frontpage 1.单击窗口标题栏右端的关闭按钮; 2.按Alt+F4快捷键; 3.执行“文件”菜单下的退出命令。 注:若在退出以前没有保存已被修改的文档,在退出时,会有询问是否保存的提示 框。 C、F rontPage的工作环境 FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状 态栏七部分组成。 1.标题栏:窗口的顶部,包括“控制菜单”图标,当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。 2.菜单栏:标题栏下方,是命令菜单的集合。由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。 3.工具栏:提供常用的各类按钮,如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。 FrontPage2000常用工具栏上特有的工具按钮: 发布站点:将建立的网站发布到WEB上; 文件夹列表:显示当前站点的文件夹结构; 在浏览器中预览:当网页保存后,选中该工具按钮,可在系统默认的浏览器中 浏览当前编辑的网页。 停止:用于预览网页时停止网页的下载; 插入超级链接:插入一个超级链接; 刷新:用于浏览网页时刷新网页。 4.视图栏:由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。 网页:视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用; 文件夹:视图列出当前站点的所有文件和文件夹,方便寻找须编辑的网页文件; 报表:视图将报告站点中文件和超链接的状态; 导航:视图将显示站点的导航结构; 超链接:视图显示来自和指向站点中的每一页的超链接; 任务:视图列出站点中要完成的任务。 5.网页编辑区域:管理站点和编辑网页的地方。 6.网页编辑模式:普通方式(所见即所得的网页设计方式)、HTML方式(用HTML 语言设计网页)和预览方式(检查网页实现的效果),从不同的角度观察网页。 7.状态栏:显示当前页状态

frontpage试题

1、下列关于超链接的叙述中,错误的是()。 A、一个链接目标只能有一个链接源 B、链接目标可以是网页、图片、文件、其他网站、Email,甚至是书签 C、一段文字上可以设置多个超链接 D、两段不同的文字可以链接到同一个网页 链接源是设置超链接的对象,如文字、图片;链接目标是要链接到的目标对象,如B项中所述。被选定的源只能有一个目标,多个源可共设一个目标。 2、李枫想修改下面网页中的文字,但却怎么也无法修改,从下图中可以看出原因是( )。 A.该文件是只读文件 B.正使用浏览器浏览网页 C.该网页处于预览视图 D.该网页处于设计视图 3、下图是小云制作的一个的网页,从图中可以看出下列说法错误的是()。

A.使用表格规划网页 B.①处设置了单元格背景或表格背景。 C.表格边框粗细设置为1 D.网页中插入图片 4、小李用FrontPage制作了一个班级相册网页,当点击网页上面孙一丹同学的姓名后,就会直接跳转到本页面中孙一丹的个人介绍内容处,他使用的超链接是()。 A、邮件超链接 B、书签超链接 C、文件超链接 D、网页超链接 5、frontpage中,如果使图片在浏览时看到的是小图,单击小图后可看到原图,使用( D )功能。 A、图片的定位 B、图片透明处理 C、图层移动 D、图片的自动缩略 6、在网站首页增加滚动字幕是常见的动态效果之一。添加字幕后要想看到效果需要切换到下列哪种视图模式( D )。 A、设计 B、拆分 C、代码 D、预览

7、我们看到的很多网页,页面内容非常整齐有条理,却看不到表格,这是因为制作时对表格属性进行了( C )设置 A、背景颜色为黑色 B、单元格边距为0 C、边框粗细为0 D、网页主题 8、图中鼠标指向的“联系我们”超链接的链接目标是( C ) A、网页 B、书签超链接 C、电子邮箱地址 D、图片 9、在FrontPage中,下列关于图片与超链接的关系表述正确的是(A)。 A . 通过设置热点,一幅图片可建立多个超链接 B . 图片不能建立超链接 C . 一张图片只能建立一个超链接 D . 图片建立超链接需要经过处理 10、下图是王辉同学制作的读书网页,从图中可以看出该网页的标题是(C)。 A . 读书 B . dushu C . 读书一天 D . 快乐宫 11、林元在浏览百度帮助页面时,发现点击导航栏上的“百度快照”,就会跳转到本页面中的“百

网页轻松做―――用FrontPage制作网页

网页轻松做 ―――用FrontPage制作网页 一、教材分析 网页制作是教科版高中《信息技术基础》第六章“信息集成与信息交流”第一节“信息集成”的内容。本课是“信息集成与信息交流”的重点和难点,是在实行了主题网站的规划设计后学习的,要求学生学会根据需求集成信息(制作网站),并在建立网站过程中掌握网页制作的基本方法,体会信息集成过程所涉及的各方面知识的综合使用,通过学生的自主探究,科学研究的方法,发展创新意识,动手水平。并且网站建立的成功与否直接关系到“信息的发布”的讲解。 二、教学对象分析 本节课授课的对象为高一学生,已经具有独立的意识和倾向,易于接收新事物,上课时不喜欢教师过多的讲授,希望有独立思考和探索的时间。在前阶段的学习,学生已经初步掌握了文字、图片、声音、视频等多媒体信息的简单加工和处理技术,并且已经利用WORD 实行过小报的制作,学生兴趣浓厚。只有个别学生在初中时学过网页制作,因为间隔时间长,已经有所遗忘。因为零起点带来的影响,班级两极分化现象严重,主要体现在操作的熟练水准上。所以在教学中采取自主探究,教师指导的方法来引导学生操作。 三、教学目标 1.知识与技能: (1)了解网页制作过程; (2)掌握网页制作的基本方法:文字的插入、图片的插入和设置、表格的插入、页面效果的设置等。 2.过程与方法: 以任务为驱动,以协助文件提供技术支持,让学生在自我探索、自我学习中完成任务,掌握网页制作的基本方法,并体会整体规划的重要性。 3.情感态度与价值观: (1)在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲,感受探索与创造的乐趣 (2)学会欣赏他人的劳动成果,给出中肯的评价意见,提升艺术修养和审美情趣 四、教学重点、难点 教学重点:网页制作的基本方法 教学难点:利用表格实行网页布局

相关文档
相关文档 最新文档