网页设计与制作》课件.pptVIP

网页设计与制作;您给了我一次机会;; ;;学生作品;仁义礼智信; 知识就是力量，而这力量又来自于我们对知识的渴求！;基本概念： 1、什么是网页？ 2、网页有哪些构成要素？ 3、常用网页设计工具有哪些？ 4、网站怎么做？;教学、教室安排：;课 程 教 学 进 度 表;周次;;第一部分： MS FrontPage 2003 应用 第二部分： Flash 2004 动画制作 第三部分：网站建设一条龙 第四部分：实际技能训练 第五部分：Dreamweaver简单应用 第六部分：免费网页空间申请 第七部分：课件下载地址 ;第一部分：;1、开机：进入windows（2000/2003/XP） 2、进入：用鼠标左键单击“开始”按钮，选择“程序” 下面的 “Microsoft Office ” / “Microsoft Office FrontPage 2003 ” 3、新建：单击命令菜单栏中的“文件”，选择“新建”，在屏幕的右面出现一个“新建”工具栏，选择“新建网页”下的 “空白网页”，于是一个新的网页“new_page_1.htm”就产生了。;1、输入汉字：在新建的“new_page_1.htm”页面上输入汉字信息，并进行字体、字号、颜色等相关修饰。 2、插入图片：在当前页面上“插入”图片，请单击“命令菜单”下的“插入”/“图片”/“来自文件（或剪贴画）”，选择一张图片，单击“确定”。;二、编辑网页;三、修饰网页;三、修饰网页;四、图片热点链接;五、制作滚动字幕;3、鼠标悬停：如何在滚动字幕上实现：当鼠标悬在上面时就停止滚动，按下时就实现超级链接，离开时继续滚动，下面粉色代码为实现代码。也可以直接用下面代码替换原来的代码。 marquee direction =up onmouseover=this.stop() onmouseout=this.start() scrollamount=2 a href =求职意向.htm 求职意向br /a a href =成绩单.htm成绩单br /a a href =能力展示.htm能力展示/a /marquee;一种简单滚动图片制作方法1： ;一种简单滚动图片制作方法2：;4、滚动图片：利用滚动字幕制作滚动图片，并实现超级链接。;六、使用书签;七、插入层;八、使用超级链接;九、使用表格;1、当需要将一??网页分成几块显示不同的子网页时，可以采用框架网页。 2、“文件/新建/新建网页/其它网页模板/框架网页”下的“标题、页脚和目录”，并确定。 3、出现空白的框架网页后，就可以向里面添加做好的网页。（实例）;在网页中加入下面一段代码： a target=blank href=/msgrd?V=1Uin=756519678Site=“这是老师的Q号 Menu=yes img border=0 SRC=/pa?p=1:756519678:1 alt=点击这里给老师发Q消息 width=122 height=39/a 其中756519678是网页上欲留的QQ号。;十一、在网页中插入当前日期;;;1、在D盘上建立一个以你自己的“座号姓名”为名字的文件夹。例如：88张三 2、启动FrontPage 2003，新建一个网页，并以index.htm为名保存在形如“88张三”的文件夹里面，内容为介绍自己简历，并加图片。 3、按照前面介绍的网页制作技术分别建立不同的网页(例如求职意向、成绩单、爱好特长)，并利用超级链接技术链接到主页index.htm上。 4、实现网页间过渡效果设计。;5、在主页index.htm上增加图片热点链接到三个子页上。 6、在主页index.htm上增加滚动字幕，并有三张不同的图片链接到三子页上。 7、主页模板结构图如下：;;实验训练一之问题回顾：;第二部分：;1、启动flash： “新建/flash文档/确定” 。 2、绘制：在右侧“工具”下面找到“椭圆工具”或“铅笔工具”等开始作画，在不同的层画出一要表现的图形。 3、关键帧：在“时间轴”上选择下一个帧，右点鼠标，选择“插入关键帧”。 4、变化：选择“任意变形工具”或“箭头工具”，改变你所画图形的样子，使其与上个帧的动作有稍许变化。 5、插入关键帧： 重复3、4动作，通过移动或改变图形的形状、大小、颜色等制作出多幅图片。 6、补间：选择某一祯区间，在“窗口”找到“属性/补间/形状”，当出现“?”箭头时就可以连续动作起来了。 7、播放： 控制/测试影片（