搜索
网页制作软件FrontPage2003唐河县教师进修学校郝韶华FRONTPAGE2003简介在Office2003套装软件中，FrontPage2003已不再是其中的一个组件，而是被分离出来。FrontPage2003的安装、启动和退出方法都同Office系列的其它软件基本相同。我们很多人都喜欢上网冲浪，甚至于梦想着有一天自己也能拥有一个个人网站，可是，怎样制作网站呢？我们可能还从未曾真正的知道,而FrontPage就可以帮助我们完成我们的小小愿望。任务引入（1）制作网页课件（演示型、flash课件，网络型）（2）建设教学资源网站举例：三角形中的线段为例主要内容一、设计网站的结构二、收集与加工网站所需素材三、开发网站四、发布网站一、设计网站的结构初识网站（一）确定网站的名称与栏目（二）规划网站结构网站的名称与栏目网站名称乡愁栏目首页走近乡愁倾听乡愁品味乡愁感悟乡愁（二）规划网站结构网站的结构是指网站中各个网页之间的关系。《乡愁》网站结构图窗口介绍《乡愁》网站结构图：主页走近乡愁倾听乡愁品味乡愁感悟乡愁二级网页任务一制作简单网页一、启动FrontPage2003单击任务栏上的“开始”按钮，指向“程序”，单击“MicrosoftFrontPage”启动FrontPage2003。站点站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。二、新建站点选择“文件”菜单中的“新建”“站点”命令，指定站点的位置，建立站点Web1,FrontPage2003默认建立主页（index.htm）。方法步骤：文件---新建---其他网站模板----只有一个网页的网站。在“指定新站点的位置”列表框中输入站点文件夹的位置、名称(自己名字)，单击“确定”。例如在F盘创建名字为mysite的站点，输入：“F:\mysite”即可（注意：在英文状态下输入）将素材拷入相应文件夹内。保存站点文件保存起名（个人名加序号）确定位置（默认位置：我的文档）(二)创建并保存网页文件新建空白网页或其他网页模板普通网页（框架网页）确定文件保存起名确定位置在站点中新建网页：选择“文件”菜单中的“新建”“网页”命令，新建网页。(默认：NewPage1)(三)设置网页属性在空白处击右键，选择“网页属性”，设置标题为“乡愁主页”，“背景音乐（hunli.wav）（wav;mid;ram），背景图片（beijingtupian.jpg）(jpg;gif)(四)插入表格表格插入表格（宽800，高210，像素，对齐方式，粗细）确定(五)插入图片、艺术字光标放在单元格里，插入图片来自文件找到banner.jpg双击打开（六）插入交互按钮插入表格，一行一列，宽800，高35，像素，拆分为5列，160。插入交互按钮文本：网站首页；走近乡愁；倾听乡愁；品味乡愁；感悟乡愁。图像：宽160，高35。（七）插入文本设置单元格为1行2列，在左边单元格输入文本乡愁、、、、、，宋体，14磅，将第一行文本设为水平滚动字幕。在右边单元格插入—图片—Flash影片（八）插入滚动字幕插入表格，宽800，输入文字，选中。插入web组件动态效果字幕完成（九）插入水平线插入表格，宽800。插入水平线（十）插入计数器插入web组件计数器（十一）音频、视频、动画（十二）插入高级控件（音频、视频）插入web组件高级控件ActivexWindowsMediaplayer完成对着播放器右击Activex控件属性浏览找到保存到站点文件夹中的视频（乡愁四韵）应用确定视频支持格式：wmvavi（十三）插入超级连接（文本、图片、网页、软件、邮箱、网址等）超链接又称超级链接，是(万维网)的灵魂，是建立网页制作中最主要和最重要的技术。利用这一技术，为一些文字、图像做了一些链接，应用时，只要点击不同的文字、图片就会出现相应的内容。插入视频：插入web组件高级控件ActivexWindowsMediaplayer完成对着播放器右击Activex控件属性浏览找到保存到站点文件夹中的视频（朗诵乡愁avi）确定保存浏览效果视频支持格式：wmvavi（十四）简单了解框架网页五、重新展示网页作品，说明做法任务一制作简单网页插入表格：选择“表格”菜单中的“插入表格”命令，或者选择“表格/手绘表格”命令，或者使用工具栏中的“插入表格”按钮，在插入点处建立一个两列多行的表格，以便下面使用表格定位文字和图片。返回任务一制作简单网页在表格中插入文字和图片：选取合适的文字和图片素材，分别插入到表格的单元格中，调整单元格的宽度和高度属性直至合适。返回任务一制作简单网页预览和保存网页：切换到预览视图可以查看网页的效果。制作完成后，保存网页为“历届奥运吉祥物.htm，注意设置合适的网页标题。保存后，在浏览器中打开并浏览该网页。返回插入水平线：将插入点置于适当位置，使用“插入”菜单中的“水平线”命令插入水平线。右键单击插入的水平线，选择“水平线属性”命令，可以在弹出的“水平线属性”对话框中修改水平线的属性。