知识就是力量而这力量又来自于我们对知识渴求!.ppt
《知识就是力量而这力量又来自于我们对知识渴求!.ppt》由会员分享,可在线阅读,更多相关《知识就是力量而这力量又来自于我们对知识渴求!.ppt(75页珍藏版)》请在三一文库上搜索。
1、,兴趣是最好的老师,知识就是力量,而这力量又来自于我们对知识的渴求!,1、为什么学习本课程? 2、我怎么教你们? 3、你们怎么学? 4、如何获得知识?,基本概念,1、什么是网页? 2、网页有哪些构成要素? 3、常用网页设计工具有哪些? 4、网站怎么做?,第一部分:FrontPage 2003 应用 第二部分:网站建设一条龙 第三部分:实际技能训练 第四部分:Dreamweaver简单应用 第五部分:免费网页空间申请,网页制作,观看教学网站,第一部分:,Microsoft Office FrontPage 2003 应 用,1、开机:进入windows(2000/2003/XP) 2、进入:用鼠
2、标左键单击“开始”按钮,选择“程序” 下面的 “Microsoft Office ” / “Microsoft Office FrontPage 2003 ” 3、新建:单击命令菜单栏中的“文件”,选择“新建”,在屏幕的右面出现一个“新建”工具栏,选择“新建网页”下的 “空白网页”,于是一个新的网页“new_page_1.htm”就产生了。,一、如何启动FrontPage 2003,1、输入汉字:在新建的“new_page_1.htm”页面上输入汉字信息,并进行字体、字号、颜色等相关修饰。 2、插入图片:在当前页面上“插入”图片,请单击“命令菜单”下的“插入”/“图片”/“来自文件(或剪贴画)
3、”,选择一张图片,单击“确定”。,二、编辑网页,二、编辑网页,3、预览:单击屏幕左下角的“预览”按钮,于是新网页在浏览器下的显示效果就出现了。再单击“设计”返回页面设计状态,可以继续修改。也可以单击菜单栏“文件”下的“在浏览器中预览/ Microsoft Internet Explorer”或直接按键可以在IE下预览制作的网页。 4、保存:单击 “文件”/“保存”,为文件起个名字,并修改“保存位置”为D盘上“座号姓名”文件夹,然后单击“确定”。这样所有网页使用的文件都放在这个文件夹中,便于使用和管理。 例如:888张三,三、修饰网页,1、网页标题:选定一个网页,单击“格式/背景/常规/标题”
4、,在文本框中输入网页标题。 2、背景音乐:为网页添加背景音乐,可以单击“格式/背景/常规/背景音乐” ,再单击“浏览”找到你喜欢的音乐。 3、超链接:选择一段文字,单击右键,选择“超链接”,选定要链接的网页,确定。 4、网页过渡:从一个网页过渡到另一个网页的效果,可以单击“格式/网页过渡/过渡效果” 。,三、修饰网页,5、主题:选择“格式/主题”,从右侧选择一种样式,会改变整体网页的背景效果。 6、动态字幕:在网页上选定一个位置,单击“插入/WEB组件/组件类别/选择一种效果/字幕” ,单击“完成”,在文本框中输入文字。也可以添加背景图片。 7、交互按钮:单击“插入/交互式按钮”,可以自制特色
5、按钮。 8、多媒体:单击“插入/图片/flash影片(swf类型文件)或视频(rm、mp3)”,然后链接到相应文件即可。,四、图片热点链接,1、单击“视图”/“工具栏”/“图片”,弹出图片修饰工具栏; 2、选中页面上要进行热点链接的图片; 3、单击图片工具栏上的“多边形热点”,用鼠标画出要进行热点链接的区域,并使其封闭 4、在弹出的“插入超链接”对话框的“地址”栏中输入要热点链接的网页地址即可。 5、小技巧:使热点区域具有文字提示功能:在“插入超链接”对话框中的“要显示的文字”栏后面有个“屏幕提示”按钮,然后输入要出现的提示文字。,五、制作滚动字幕,1、插入:在网页空白处:单击:“插入/web
6、组件/滚动字幕”,输入要显示的信息。 2、修改代码(红色是要添加的代码!) 这是我的滚动字幕 这是第二行字幕 这是第三行字幕 思考:如果想让文字自上向下滚动怎么办?down,3、鼠标悬停:如何在滚动字幕上实现:当鼠标悬在上面时就停止滚动,按下时就实现超级链接,离开时继续滚动,下面粉色代码为实现代码。也可以直接用下面代码替换原来的代码。 这是我的滚动字幕 这是第二行字幕 这是第三行字幕 ,五、制作滚动字幕,4、滚动图片:利用滚动字幕制作滚动图片,并实现超级链接。, 动态滚动图片 第5个单元格 第7个单元格 第8个单元格 第10个单元格 ,浏览效果,六、使用书签,1、制作书签:在网页中选中某一段落
7、的开头作为书签的起始入口地址,然后单击“插入”/“书签”,确定。 2、制作目录:将各个做好的书签名字以目录方式做好。 3、使用标签:选中目录某一项,超链接到书签上就可以了。,七、插入层,1、层:在网页中选择适当的位置,单击菜单栏上的 “插入 /层” 2、输入数据:单击层,便可以向其中输入文字,插入图片、动画等等信息。 3、移动:拖动层的左上角控制柄,就可以任意移动层到任何位置。 4、重叠层:可以将多个层重叠,以达到一定的效果。 5、改变层次:双击“层控制柄”,可以用鼠标拖动相应的层到任何位置,到达改变层的次序。,八、使用超级链接,使用超级链接技术可以使多个网页相互链接在一起,方便浏览。 1、分
8、别按照前面的方法做好主(首)页和与其链接的子页文件(*.htm),并保存在一个文件夹中。 2、在主页上输入提示进入子页的文字,作为超链接的按钮文字。 3、选中按钮文字,再单击“插入/超链接”,找到要链接的文件,确定。 【主页】【框架网页】【滚动新闻】【热点链接】【布局表格】 【网页主题】【留言薄】,九、使用表格,方法一: 自动生成表格 1、制表:在网页中选择适当的位置,单击菜单栏上的“表格” / “插入” / “表格” 2、设置:修改“插入表格”属性,设置行数和列数,单击“确定”。 3、数据:单击某个表格,便可以向表格中输入文字、图片、动画等等信息。 方法二:布局表格和单元格,1、当需要将一张
9、网页分成几块显示不同的子网页时,可以采用框架网页。 2、“文件/新建/新建网页/其它网页模板/框架网页”下的“标题、页脚和目录”,并确定。 3、出现空白的框架网页后,就可以向里面添加做好的网页。(实例),十、框架网页设计,在网页中加入下面一段代码: 其中756519678是网页上预留的QQ号。,十一、在网页中插入QQ对话,1、在D盘上建立一个以你自己的“座号姓名”为名字的文件夹。例如:88张三 2、启动FrontPage 2003,新建一个网页,并以index.htm为名保存在形如“88张三”的文件夹里面,内容为介绍自己简历,并加图片。 3、按照前面介绍的网页制作技术分别建立不同的网页(例如求
10、职意向、成绩单、爱好特长),并利用超级链接技术链接到主页index.htm上。 4、实现网页间过渡效果设计。,实验训练一:个人求职网站,5、在主页index.htm上增加图片热点链接到三个子页上。 6、在主页index.htm上增加滚动字幕,并有三张不同的图片链接到三子页上。,实验训练一:个人求职网站,实验训练一之问题回顾:,1、到计算机机房不知道做什么?不做笔记,不认真听课的结果。 2、知道了做什么却不会做:缺少课前预习。 3、文件超链接不能用:没有保存好就链接了 4、文件在哪里找不到:保存时没有看位置。 5、滚动字幕:不能上下滚动,无超链接。 6、图片热点:应选中图片后点击“图片编辑器”
11、7、测试:按F12,1、在D盘上建立一个以你自己的“座号姓名”为名字的文件夹。例如:88张三 2、启动FrontPage 2003,新建一个网页,并以index.htm为名保存在形如“88张三”的文件夹里面,内容为介绍自己简历,并加图片。 3、按照前面介绍的网页制作技术分别建立不同的网页(例如求职意向、成绩单、爱好特长),并利用超级链接技术链接到主页index.htm上。 4、实现网页间过渡效果设计。,实验训练二:个人求职网站,5、在主页index.htm上增加图片热点链接到三个子页上。 6、在主页index.htm上增加滚动字幕,并有三张不同的图片链接到三子页上。,实验训练二:个人求职网站,
12、第二部分:,网站建设一条龙,一 、制作个人网站,1、建文件夹:在D盘下以自己的座号为名建立一个新文件夹,用来存放网站文件。 如“web88” 2、建站:在FrontPage 2003界面单击“文件/新建”,在右面的“新建”面板栏里面,选择“新建网站/其他网站模板” ,在弹出的“网站模版 ” 中选择“个人网站” 3、找位置:单击“指定新网站位置”下面的“浏览”,在“查找范围”下拉框中找到D盘下第一步建立的“web88”文件夹。,一、制作个人网站,4、确定:单击“网站模版 ” 中“确定”,于是一个“个人网站”建成了。 5、修饰:对新建的网站的主页和各个子页可以采用学过的方法进行必要的修饰、修改,使
13、它变成你自己的个性网站,其中 index.htm为默认的主页文件。 6、保存:当修改好后,就可以保存了! 7、预览:按F12在IE下预览所制作的网站,测试一下各种功能,如果不满意还可以继续在FrontPage环境下修改完善,直到满意。,一、制作个人网站,8、网站导航:在FrontPage编辑状态下,单击“网站”在左下角有个“导航”选项卡,单击可以看到一个直观的网页结构布局,如图所示。 9、测试:退出FrontPage,找到自己刚建立的网站,双击“index.htm”文件,于是你刚刚建立的网站便打开了!由于未设置成网站服务器,所以“反馈”网页不能正常使用。,二、添加新的子站点,1、添加:如果想在
14、已有网站上“添加”新的子站点,可以打开已有网站,再选择“添加到当前网站”。 于是新站点就会出现在原来网站的同一个目录下面,如图。 2、建立链接:为了将新加的站点添加到原来的网站中,需要建立超级链接。单击“网站/导航”,右点主页下的子页,选择“添加已有网页”,找到新建立的子页,确定,并用鼠标拖放到想要的位置。 3、测试后保存。,三、制作动态数据库网站,如何制作具有动态数据处理的网站这是本课的教学难点,也是制作网站的最高境界。它将用到数据库的知识和网站服务器建立的知识。 动态网站的建立将使你的网站具有用户访问留言功能、表单提交功能,拉近和浏览者的距离。 下面以“班级通讯录”为例,讲解制作数据库网站
15、的过程。它可以实现数据的浏览、添加、修改、删除等功能。,三、制作动态数据库网站,1、建文件夹:在D盘下以自己的座号为名建立一个新文件夹,用来存放网站文件。 如“web888” 2、建站点:进入FrontPage界面单击“文件/新建”,在右面的“新建”面板栏里面,选择“新建网站/其他网站模板”,在弹出的“网站模版/常规 ” 中选择“数据库界面向导”。 3、找位置:单击“指定新网站位置”下面的“浏览”,在“查找范围”下拉框中找到D盘下刚建立的“web888”文件夹。 4、确定:单击 “确定” 。,三、制作动态数据库网站,5、修饰:启动“数据库界面向导”,默认各种选项,直接单击“下一步”,由于要链接
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 知识就是力量 力量 来自于 我们 知识 渴求
链接地址:https://www.31doc.com/p-2805786.html