《网页设计及多媒体.ppt》由会员分享，可在线阅读，更多相关《网页设计及多媒体.ppt（33页珍藏版）》请在三一办公上搜索。
1、2023/3/1,1,2012上海市高校计算机等级考（一级）复习,公共教学部张丽Lucky_,网页设计,注意：利用C:KSwy文件夹中的素材（图片素材在wyimages中，动画素材在wyflash中）按要求制作或编辑网页效果参照样张，结果保存在原文件夹中,网页设计,修改网页属性修改/页面属性打开主页index.htm，设置网页标题为“西安世园会”；按样张设置网页背景色为浅绿色（#00FF99）(1/1)打开主页index.htm。设置网页标题为：中学生健康膳食调查；设置网页背景图像为bj.gif(3/1),网页设计,文字输入及格式设置输入或复制文字，属性面板设置格式按样张在第3行第1列处插入“
2、2011西安世园会简介.txt”中的有关文字，并按样张排版，标题设置字体为楷体_GB2312、颜色为蓝色（#0000FF）、大小18磅（或24像素）并居中，正文设置字体为楷体_GB2312、大小14磅（或18像素），毎段段首空二个字符。(1/2),网页设计,添加水平线及格式设置HTML面板插入水平线，颜色：编辑标签/浏览器特定按样张在表格下方添加水平线，并设置水平线的宽度为75%，高度4像素，红色（#FF0000）。(1/5),网页设计,添加项目符号特殊项目符号第一步：为文字使用标准列表第二步：新建CSS样式，样式规则中定义列表符号第三步：选中需要项目符号的文字，使用新样式。在表格的第2列单元
3、格插入文本文件“文字.txt”中的相关内容，设置项目符号。(空心圆项目符号)。(3/4),网页设计,添加或修改滚动字幕添加：插入/标签/HTML标签/页元素:Marquee修改属性：标签(marquee)面板/属性按样张将网页上原滚动字幕“2011年西安世园会”，文字改为“2011年西安园艺博览会”，字体隶书、大小为24磅（或30像素），颜色为(#FF0066)，所在单元格背景颜色为(#66FF33)。(2/4),网页设计,网页中使用表格选中表格或单元格，使用属性面板设置表格属性：对齐方式居中对齐、边框线宽度、单元格衬距（填充）和单元格间距都设置为0。(1/1)在水平线下方插入一个1行2列表格
4、，设置表格属性：边框线宽度0、单元格衬距（填充）为0、单元格间距0，水平居中，指定宽度为浏览器窗口的60%，将表格的背景色设置为白色。(3/2)注：表格属性中需将表格宽度转换成百分比,网页设计,网页中使用图片按样张在第3行第2列插入图片new.jpg，设置图片宽度为550像素，高度280像素，并链接到网页np.htm，单击后在新窗囗中打开。(1/3)在表格的第1列单元格插入图片baota.gif，设置图片的宽度和高度都为160像素，为图片添加食物金字塔的说明，使其在浏览时，鼠标移上去停留后会自动显示该文字，将图片超级链接到，并能在新窗口中打开。(3/3),网页设计,网页中使用动画常用面板/fl
5、ash删除第1行的图片，按样张在单元格中插入动画xa.swf，设置宽度为820像素，高度为110像素，居中。(2/2),网页设计,网页中使用表单按样张第2行第1列插入表单，设置“全文”、“标题”、“标签”三个单选按钮，默认选中“标题”；在右边添加文本框、添加“搜索”按钮。(1/4)编辑修改表格第1列中内容使其与样张一致，在第1列中添加复选框表单元素，并设置默认选项为都选中，添加第2列为单选按钮表单元素，在表格最后一行添加两个按钮提交和重置，并居中。(4/5)为注册下的用户名和密码后面添加文本框，设置文本框宽度都为15字符，并在下面添加两个按钮，分别为“提交”和“重置”。(7/3),超级链接,由
6、文字建立两个网页之间的超级链接 由文字建立用一网页不同段落之间的超级链接 在本页中部的文字“第十三届世界游泳锦标赛”前添加书签（锚）LM，并为“第十三届：2009年7月19日-8月2日 罗马”设置链接，链接到书签（锚）LM。设置已访问链接颜色为：灰色（#333333）。(7/3)设置用户电子邮件地址、其他网站等超级连接设置“联系我们”链接到。（mailto:邮件地址）(1/5),超级链接,由图片建立超级链接 按样张在第3行第2列插入图片new.jpg，设置图片宽度为550像素，高度280像素，并链接到网页np.htm，单击后在新窗囗中打开。(1/3)由图象的一部分创建超级链接(热点),多媒体操
7、作,注意根据要求打开文件素材根据要求保存文件，注意文件名称、文件格式及保存位置打开“C:素材”文件夹中的picture1.jpg和picture2.jpg，参照样张结果以photo.jpg为文件名保存在C:KS文件夹中，结果保存时请注意文件位置、文件名及JPEG格式。打开C:素材文件夹中的sc.fla，按下列要求制作动画，效果参见样张，制作结果以donghua.swf为文件名导出影片并保存在C:KS文件夹下。,图像处理,图像合成方法：选取素材中的图像，复制到另一图像。选取工具：魔棒、套索、选框打开C:素材文件夹中的相框图片picture01.jpg，将图层命名为“相框”，删除相框内部区域内容；
8、在相框图层下新建图层，填充白色，命名为“背景”；打开picture04.jpg猴子图片素材，将图像中的猴子部分合成到文档中，适当调整猴子的大小和位置，将该图层置于“背景”与“相框”图层之间。(1/1),图像处理,打开C:素材文件夹中的picture09.jpg、picture10.jpg和picture11.jpg，将picture11中的相框合成到picture09.jpg中。(5/1),图像处理,图像编辑图像大小、位置、填充等变化：编辑菜单打开picture17.jpg（鲜花），将其中的花朵部分合成到picture16.jpg，翻转并调整大小。(8/3)图像调整图像去色、反相、替换颜色等变
9、化：图像/调整打开C:素材文件夹中的picture12.jpg和picture13.jpg，将素材picture13.jpg背景层复制一层，执行“图像/调整”中的“去色”，将去色后的图像再复制一层，执行“图像/调整”中的“反相”。(6/1),图像处理,图层样式使用图层/图层样式复制“相框”图层，删除“相框副本”图层相框外部，对该图层设置斜面和浮雕，深度300%。(1/4)选择相框图层，使用适当的选区工具选择心形相框外部轮廓部分，通过拷贝产生新图层，并将该图层置于最上层，设置投影样式，距离7个像素。(3/4)给相框添加“黄色、紫色、橙色、蓝色”的渐变叠加、斜面和浮雕及投影图层样式，投影距离为10
10、像素。(5/2),图像处理,滤镜使用将“反相”后的图层的混合模式改为“颜色减淡”，并添加半径为20的高斯模糊，合并所有图层。(6/2)输入直排文字傲雪欺霜（华文新魏、60点、白色），栅格化文字层并设置从左的风滤镜效果。(8/5),图像处理,添加文字添加普通文字并设置文字层样式添加蒙版文字并进行编辑使用文本工具书写“我最调皮”，字体为隶书，36点，白色，按样张稍作旋转，设置该文字层图层样式：投影和描边，描边的颜色设置为（#468DEF），大小为3个像素。(1/5)使用文本工具书写我排在第一，字体为隶书，48点，白色，设置该文字层图层样式：投影、填充颜色为（#468DEF），结构大小为3个像素描边
11、。(3/5)利用文本工具输入文字夕阳无限，字体为方正舒体，大小48点，将文本填充为色谱渐变，并加上5像素红色描边。(4/3),动画制作,设置影片属性，如大小、帧频等：修改/文档设置影片大小为550px400px，帧频为10帧/秒。(1/1)设置影片大小为550px400px，帧频为12帧/秒，背景色为黑色。(2/1)注意：添加并选择合适的图层，动画总长为40帧。,动画制作,逐帧动画 操作：逐帧制作新建图层2，将“光标”元件，从第1帧开始，利用逐帧动画制作如样张所示的效果。(6/2)(2010)新建图层3，将文字元件，从第6帧开始，利用逐帧动画制作如样张所示的打字效果。(6/3)(2010),动
12、画制作,运动动画条件：图形元件，文字、位图图形需转换为元件。操作：设置关键帧，添加补间动画新建图层，将“文字1”元件放置在该图层，在第1帧、第10帧、第20帧、第30帧处设置关键帧，创建从第1帧到第30帧逐字出现的动画效果，并显示至40帧。(1/3)新建图层，将“毛笔”元件放置在该图层，在第1帧、第10帧、第20帧、第30帧处设置关键帧，创建“毛笔”元件从第1到第30帧，从左向右运动，从第31帧到第40帧，逐渐消失的动画效果。(1/4),动画制作,形状动画条件：矢量图形，图形元件、文字等需分离，位图图形需转换为矢量图形（修改/位图/转换位图为矢量图）操作：设置关键帧，添加形状动画新建图层，将“
13、球”元件放置在该图层，按照样张，在第1帧、25帧处设置关键帧，创建球的运动动画，在第26帧、第40帧处设置关键帧，创建“球”被撞成“气体”的变形动画。(3/3),动画制作,多图层动画 注意：图层顺序(D卷)设置影片大小为550px440px，帧频为10帧/秒。将背景影片剪辑元件放置在图层1中，并显示至60帧。新建图层，将图片背景1.png放置在该图层。新建图层，将元件1放置在右侧圆形区域内，在第60帧设置关键帧，将元件1放置在背景中心绿色圆形区域内，调整为合适大小。新建图层，将元件2 去除背景后放置在背景中心绿色圆形区域内，在第1050帧按样张制作移动效果；在第10、25、40和50帧按样张制作元件2的动画效果（逆时针翻转2圈），并显示至60帧。,动画制作,多图层动画引导层和遮罩层使用,元件使用和修改在第2130帧制作“元件2”变化为“元件1”的动画效果（将“元件1”去除背景，并调整为合适大小）。(5/4),动画制作,影片导出文件/导出/导出影片,
