第七章网站制作xx
第1课小小网页设计师
教学目的：欣赏网站，并尝试规划、设计自己的网站。
教学重点：确定网站主题，收集加工素材。
教学时间：1课时
教学过程：
一、名站欣赏：
访问下面的网站，说一说你最喜欢哪一个，为什么？
站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”“HomePage”，中文的意思是“主页”。一般认为某个站点的第一个网页叫做主页，也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。
二、确定网站主题：
如何设计制作自己的网站呢？在动手制作之前我们首先要确定这个网站的主题，以及网站的主要内容，最后还要给网站起一个醒目的名字。
三、收集、加工素材：
建立一个网站需要的素材是多样的，一个仅仅版面美观但缺少内容的网站是无法留住网友的。文字、图片和声音往往是网站中不可缺少的素材，我们可以利用相机、扫描仪、麦克风等，从报纸、书刊、电视、网络等渠道收集素材。在创建、发布网站时一定要注意不要侵犯了他人的着作权。
四、课后练习：练习P5练习内容。
第2课认识FrontPage2003
教学目的：
1、认识FrontPage2003。
2、学会利用向导创建网站。
教学重难点：创建站点。
教学时间：2课时
教学过程：
专门的网页制作工具有第一课时
一、网页制作工作——FrontPage2003
二、启动FrontPage2003
1、启动FrontPage2003
单击任务栏上的“开始”按钮,从“程序”菜单中选择“MicrosoftFrontPage”单击。
2、FrontPage2003的界面说明
FrontPage2003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。
①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。
②、工具栏单击【查看】菜单，选择【工具栏】，在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。
③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。
④、主编辑窗口在编辑网页时，在FrontPage编辑窗口的左下角有四个视图标签：设计、折分、代码、预览，可以方便我们在不菲同的页面之间进行切换。
三、xx
1、打开FrontPage2003，熟悉FrontPage2003的界面。
2、练习P8xx中的内容。
第二课时
一、xx站点
任务1：xx一个个人网站。
操作步骤：
（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。
（2）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。新建的站点只有一个主页index.htm文件，该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。
任务2:打开导航视图，观察个人网站的结构，并预览。
二、规划调整网站结构
任务1:更改网站主页标题：
单击编辑栏中的“网站”，选择“导航”视图，选择导航视图中需要改变标题的网页，“重命名”主页标题。
任务2:删除网页“反馈”
阅读教材P11删除网页“反馈”内容，按照“跟我学”中的步骤自主学习。
三、练习
1、打开FrontPage2003窗口，切换网页、文件夹等不同视图方式，观察屏幕的变化。
2、根据自己的网站设计，绘制出一个网站导航结构图。
第3课设置网页格式
教学目的：
1、学会应用主题模板设计网页。
2、尝试用表格布置网页版面，并编辑表格内容。
教学重点：用表格布置网页版面，并编辑表格内容。
教学时间：2课时
教学过程：
第一课时
一、打开网页
当我们建立好网站后，每个网页都会对应一个网页文件，要对网页进行编辑，可以打开文件夹列表中的网页文件，也可以双击导航视图中的网页名称。
二、用主题模板设计网页
在用FrontPage2003创建网站的过程中，我们可以像在PowerPoint中一样，通过应用主题模板来为站点中的网页制作统一风格。任务：在网站中应用“常青树”主题模板。
1、双击打开“西西家园”中的网页。
2、选择“格式”菜单——“主题”。
3、在右边任务窗格中选择主题“常青树”。
4、单击编辑栏下方视图标签“预览”，观察网站效果。
5、选择其他主题模板应用到网页中。
三、练习
第二课时
一、用表格组织网页版面
在FrontPage2003中为了更好地安排网页布局，定位文字和图形，人们常常使用表格进行
版面布置，这样做出的网页更加规整有序富于变化。
二、编辑表格
任务：在网页中插入2行1列的表格，对比与Word中插入表格的异同。
如何设计由一个表格所组织的网页，其操作步骤如下：
（1）在空白网页中插入一个2×1的表格，将表格的边界大小设置为0；（2）在表格第一行的单元格中输入内容；
（3）在表格中第二行的单元格中插入图片；
（4）将表格框线的粗细设为0,得最后的效果。
三、设置表格属性
（1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选定该单元格）；
（2）单击【表格】菜单，选择【属性】，然后单击【单元格】选项，或单击鼠标右键，选择【单元格属性】选项，将会出现一个对话框。
（3）在单元格属性对话框中，我们可以设置单元格的多种属性。
（4）设置完毕后，单击【应用】按钮，可以预览一下设置效果。
（5）单击【确定】按钮，设置结束。
在这个对话框中，我们可以设置单元格的属性有：单元格布局、边框、背景等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。