Frontpage2000中文的教程2.doc

FrontPage2000教案 第一讲 网页设计与制作及认识FrontPage2000 网页设计与制作的基本步骤 同学们都上过网，也听过别人聊起自己的个人主页，你有没有想过自己也要做一个主页？想过？那网页,可以发布在网上供人浏览,提供信息的一个渠道1、根据自己的兴趣或者熟悉的内容来选择网站主题风格网站结构：要层次分明，结构合理网页布局统一、协调、流动、强调、均衡醒目性：指用户把注意力集中到你诱导起浏览的部分和内容可读性：指网站的内容让人容易读懂明快性：指准确、快速转达网站的构成内容造型性：维持整体外型上的稳定感和均衡性创造性：有鲜明个性，创意是必不可少的、资料收集集内容：a、跟主题相关的文字图片资料b、一些优秀的页面风格c、下载一些你喜欢的交互页面d、开放的源代码 5、测试网页必须保证让所有现有的浏览器较好的展示。 6、发布站点测试完毕，符合你的要求，当然就可以开始发布你的网站了，发布的服务器可以是远程，也可以是本地，各个语言有各自的相应的服务器，比如ASP，就应该对应的是ASP服务器，上传可利用远程FTP工具。 认识Frontpage2000认识一下Frontpage2000的操作界面（如图）。视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。 [图]ProntPage2000 界面图我们说的主页，说专业一点，应该说是个人网站。主页，其实是指这个网站的第一页。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了， 图11 图12 选择“只有一个网页的站点” 图标Frontpage2000自带有一些网站的模板，，在“指定新站点位置”文本框中输入新站点的位置，单击“确定”按钮。这就建立好站点了我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。 FRONTPAGE自动为我们创建站点的主页，主页的名字在一般情况下就叫做“index.htm”浏览者访问站点时首先进入的就是站点的主页。这个新建的主页空的，我们可以向里面添加内容。 　　在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们可以在“image”文件夹里“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。通过导航视图页，当为站点里的网页添加导航栏时， FrontPage 将根据这个结构来创建每个导航栏。导航结构将决定导航栏上该有哪些超链接，而网页标题则决定超链接的标签（FontPage自动将其指定为站点的主页——带有一个小房子的图标。 图13 图13 右键单击主页图标，选择“新建网页”按钮，主页下面就会创建一个标有“New Page 1”的新网页，用同样的方法创建其余的网页（图13），若要赋予网页一个有意义的标题，可在网页上单击鼠标右键，然后在快捷菜单上单击 “重命名”，再编辑名称 单击“文件夹”视图方式，我们会发现文件夹列表中显示了各个网页（图左）， 为了好记每一个网页的内容，我们可以为每个网页重命名（图右）。这样我们就建立好了站点及其中的所有网页。 注： 若要为当前导航结构添加现有网页，可单击文件夹列表里的网页，然后拖曳到您想要将其放置的位置。 若要移动导航结构里的网页，可在该网页上单击，然后拖曳到其他位置，例如在另一网页之下或其旁边。 若要添加外部网页（不在您站点里的网页），可在您想添加外部超链接的网页上单击鼠标右键，然后在 “URL” 框中指定目标地址。 若要删除导航结构里的网页，可单击该网页，然后按 Delete 键。再单击 “将本网页从所有导航栏中删除”。 index.htm），进入主页的编辑状态。网页要想给人一种视觉上的冲击或是享受，你就必须会搭配文字与图片等等元素。上网页来说吧，文字和图片摆，感觉好我们要怎么样做才能更方便地把网页上的元素整齐地摆放好呢？这就要用到表格了。我们点击Frontpage2000控制窗菜单栏的“表格→插入→表格”（如图14），在弹出的窗口中选择要插入表格的要求（如图10）。选择好之后按确定，就在你的网页上插了表格了15）。图1415 注：行数、列数按自己对页面的划分选择；边框粗细为0表示在网页中不显示边框；确认指定宽度复选框选中，并选择单位为百分比， 设置百分比为0，使表格宽度浏览器宽度单元格间距设为单元格之间的分割线创建好表格后，就可以在表格里输入文本了。一般情况下，直接输入就可以了。当达到单元格末尾时