欢迎来到天天文库
浏览记录
ID:37458820
大小:1.71 MB
页数:23页
时间:2019-05-24
《FrontPage2003制作网站详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第六章计算机网络知识与网页制作6.5网页制作大家在因特网上浏览过许多网站,查阅过许多资料,那么,这些网站是怎样建立的呢?制作网站要借助于制作网站的软件工具。制作网站的工具非常多,如FrontPage、Dreamweaver等,我们以FrontPage2003为例,学习网站的制作。FrontPage2003是Microsoft公司推出的Web站点创建和管理工具,它是微软Office成员之一。FrontPage2003是一个所见即所得的“傻瓜”型网页制作软件,你可以对HTML毫不了解的情况下轻松地制作出自己的网页来,你需要的只是用鼠标及键盘的简单操作。6.5.1FrontPage2003
2、的启动与退出1.FrontPage2003的启动如图6-1所示,选择“开始”→“程序”→“MicrosoftOffice”→“MicrosoftOfficeFrontPage2003”命令,即可启动FrontPage。其界面如图6-1所示状态栏第5章编辑区第6章标题栏视图切换按钮当前文件名工具栏菜单栏图6-22FrontPage2003窗口与以前版本的FrontPage不同,编辑模式按钮提供了“设计”模式、“拆分”模式、“代码”模式和“预览”模式,用户不必经过选择就可直接进入编辑器和资源管理器的窗口。FrontPage2003提供了与Word类似的中文界面,使用户可以轻松地建立站点和
3、编辑网页。2.FrontPage2003的退出(1)单击“标题栏”右端的“关闭”按钮;(2)选择“文件”下拉菜单中的“退出”命令。23第六章计算机网络知识与网页制作6.5.2创建网站任务制作个人网站“鸿渐工作室”★【任务说明】某财经学校计算机专业张鸿渐同学多才多艺,在学完网页制作课程之后想在网上安个“家”。本任务以制作个人网站“鸿渐工作室”为例学习网站站点的建立过程。【任务实施】本任务包括的操作主要是,创建站点、在网站中加入网页等1.规划网站,绘制结构图网站包含多个由超级链接连在一起的网页,所以,在建立网站之前,要明确这个网站由哪些网页组成,明确网页之间的关系。张鸿渐的作品很多,需要
4、分类,在制作网站之前,首先画出网站的设计草图。如图6-23所示网文飘飘wangwen.htm首页Index.htm个人简介Jianjie.htm给我留言liuyan.htm应用技巧yingyong.htm站长原创yuanchuang.htm动画欣赏donghua.htm摄影作品sheying.htm图6-23网站结构图2.创建网站23第六章计算机网络知识与网页制作创建一个Web网站有两种方法。第一种方法是利用FrontPage的Web网站模板和向导,这种方法操作简单、速度快,比较适合建立大、中型的Web网站。第二种方法是逐个地创建网页文件,然后创建它们之间的链接关系,这种方法适合于网
5、页数量不多的小型网站。使用FrontPage模板创建网站的步骤:(1)启动FrontPage应用程序;选择【文件】/【新建…】命令,在窗口右侧打开“新建”任务窗格;选择【新建网站】栏“由一个网页组成的网站…”如图6-24。(2)打开“网站模板”对话框,如图6-25;在“指定新网站的位置”下拉列表框中选择新站点的保存位置,或者选择“浏览”按钮选择新站点的保存位置,也可以直接输入,本例直接输入“E:webhongjian”。选择左边框中“只有一个网页的网站”选项,然后单击“确定”按钮。图6-24“新建”任务窗格图6-25 “网站模板”对话框(3)此时FrontPage就会自动创建一个单
6、网页的网站,此网站只有一个网页,即主页。主页是一个站点的第一页,文件名通常为index.htm。在工具栏中单击“文件夹列表”按钮,出现文件夹列表,在这里可以看到所建网站的结构,如图6-26所示,其中的“images”文件夹是系统自动生成的用来存放图像文件的文件夹,。双击“index.htm”,打开主页的编辑界面,此时可以向主页中加入内容(加入内容的方法后面会有介绍),这样,一个简单的主页就制作完成了。图6-26 建立网站后的窗口23第六章计算机网络知识与网页制作3.在新建网站中加入网页在实际应用中,仅有一个主页的站点是极少见的,接着上面的例子,向主页中加入新网页的操作步骤如下。(1)
7、单击“新建”任务窗格中“新建网页”下的”空白网页“(快捷键“Ctrl+N”),FrontPage2003将自动创建一个新的网页,该网页被命名为“new_page_1.htm”,但这个新页还未被加入站点中,现在站点中还只有主页这一个网页。(2)单击【文件】/【保存】命令,弹出“另存为”对话框,如图6-27,单击“更改标题”,在弹出的“输入文字”对话框中修改网页的标题名为“个人简介”如图6-28;单击“确定”,在“另存为”对话框“的文件名”文本框中更改网页的文
此文档下载收益归作者所有