第七章网站制作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小时内删除。
发表评论