




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
网上梅园诗意浓第一页,共十四页。1任务导航第二页,共十四页。网页中少不了文字和图片,把这些网页元素布局在自己希望的位置,一个网页就做出来了。其实制作网页就是这么简单,马上开始吧!
逐级依次打开素材盘的“六年级用书\第二单元\第14课”文件夹,将文件夹mysite复制到D盘根目录下。启动FrontPage,按照下面的方法打开“梅园诗画”站点。第三页,共十四页。1.执行“文件”、“打开站点”命令,弹出“打开站点”对话框。2.单击打开下拉列表,从中选择站点所在的“mysite”文件夹。3.单击“打开”按钮,打开“梅园诗画”站点。第四页,共十四页。双击文件夹列表中的“index.htm”打开前面制作的网站首页文件。执行“插入”、“图片”、“来自文件”命令,弹出“图片”对话框,然后执行以下操作,将网站名称的图片文件“wzhmch.gi”插入到网页中。第五页,共十四页。1.在站点根文件夹“D:\mysite”的“images”子文件夹中单击选择文件“wzhmch.gif”。2.单击“确定”按钮。第六页,共十四页。3.单击选中插入的图片,编辑窗口弹出“图片”工具栏,按下“图片”工具栏中的“绝对定位”按钮。4.将鼠标指针指向图片,当指针变成十字形状时,按住鼠标左键,将图片拖放到适当的位置(效果如图所示);在网页编辑区中该图片以外的任意位置单击,即可关闭绝对定位功能。“图片工具栏”第七页,共十四页。“网站名称”图片上有一部分没有处理掉的白色背景,插入到网页中后,图片和背景图片不能很好地融合,怎么办呢?利用“图片”工具栏中的“设置透明的颜色”工具,就可以使图片和网页背景浑然一体。第八页,共十四页。接下来,给你一个大显身手的机会!请在网页背景的留白处依次插入首页的重要元素——导航栏图片(文件名分别为“dh_1jpg”、“dh_2jpg”、“dh_3.jpg”、“dh_4.jpg”),并利用“绝对定位”工具将其拖放到网页的适当位置(如图)。第九页,共十四页。在编辑窗口右下角单击,输入文字“网页制作:张晨、袁哲、孙佳艺”,随后将其全部选中,进行文字格式设置:字体(隶书)、字号(10磅)、字体颜色(紫色)。执行“查看”→“工具栏”→“图片”命令,打开“图片”工具栏。单击“图片”工具栏中的“绝对定位”按钮,将添加了文本框的文字整体拖放到合适的位置,效果如图所示。第十页,共十四页。首页就这样制作完成了,很轻松吧!下面执行“文件”→“保存文件”命令,保存网页,保存过程中会弹出“保存嵌入式文件”对话框,单击“确定”按钮即可。要保存的图片文件名称。图片文件保存位置。第十一页,共十四页。2拓展空间第十二页,共十四页。1.利用“图片”工具栏中的工具,可以方便地对图片进行添加文字、调整位置、设置层叠次序、旋转、调节对比度、调节亮度、剪裁、设置凹凸效果、设置透明色等各种处理,试一试,然后说一说各按钮分别具有什么功能。2.请进一步了解不同色彩表达的
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 买卖合同范本免
- 卤肉教学员合同范本
- 上海企业记账报税合同范本
- 厂区白蚁防治合同范本
- 吴中区工程咨询合同范本
- 课题立项成果申报书
- 厂房消防检测服务合同范本
- 单位转让出租车合同范本
- 卖别墅合同范本
- 厂房拆迁工程合同范例
- 工业机器人工作站系统组建课件 5.1康耐视is2000工业相机视觉识别操作
- 2025年中智集团招聘笔试参考题库含答案解析
- 肝癌围手术期的护理
- 2024年河南省中职对口升学高考语文试题真题(原卷版)
- 基本公共卫生服务项目培训
- 北师大版(2024新版)七年级上册数学期末模拟测试卷(含答案)
- 消防行业岗位培训与校企联合方案
- 四川政采评审专家入库考试基础题复习测试有答案
- 2024解析:第八章牛顿第一定律、二力平衡-讲核心(解析版)
- 2024-2025学年上海市松江区高三一模生物试卷(含答案)
- 用电检查知识培训
评论
0/150
提交评论