欢迎来到淘文阁 - 分享文档赚钱的网站! | 帮助中心 好文档才是您的得力助手!
淘文阁 - 分享文档赚钱的网站
全部分类
  • 研究报告>
  • 管理文献>
  • 标准材料>
  • 技术资料>
  • 教育专区>
  • 应用文书>
  • 生活休闲>
  • 考试试题>
  • pptx模板>
  • 工商注册>
  • 期刊短文>
  • 图片设计>
  • ImageVerifierCode 换一换

    《网页设计与制作》教学PPT课件.ppt

    • 资源ID:70675917       资源大小:432KB        全文页数:31页
    • 资源格式: PPT        下载积分:20金币
    快捷下载 游客一键下载
    会员登录下载
    微信登录下载
    三方登录下载: 微信开放平台登录   QQ登录  
    二维码
    微信扫一扫登录
    下载资源需要20金币
    邮箱/手机:
    温馨提示:
    快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。
    如填写123,账号就是123,密码也是123。
    支付方式: 支付宝    微信支付   
    验证码:   换一换

     
    账号:
    密码:
    验证码:   换一换
      忘记密码?
        
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
    5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。

    《网页设计与制作》教学PPT课件.ppt

    第1章 网页设计与制作基础v1.1 学习任务:网页和网站基本知识v1.2 学习任务:网站开发的基本流程v1.5 学习任务:HTML标识语言基础v1.3 学习任务:全面认识Dreamweaver CS4v1.4 学习任务:创建和管理本地站点v1.6 应用实例制作一个简单的网页v1.7 实训11.1学习任务:网页和网站基本知识v1.1.1网页和网站概述v1.1.2 网页的主要元素v1.1.3 网页类型v1.1.4静态网页编辑软件v1.1.5网页图像与网页动画制作软件21.什么是网页?v浏览Web时所看到的文件称为Web页,又称为网页。网页可以将不同类型的多媒体信息(包括文字、图像、动画、声音、视频等)组合在一个文档中。由于这些文档是用超文本标记语言表示的,其文件名一般是以.html或.htm结尾,因此又称为HTML文档或超文本。32.什么是主页?v当我们浏览网站时看到的第一个页面。它是整个站点的入口和门面,通常这样命名:index.html。43.什么是超文本?v包含文字、图像、视频、声音等媒体的文本,网页就是一个超文本文件,并且可以实现链接操作。v超文本可以给浏览者带来视觉和听觉的享受,所以Web技术又称为超媒体技术。5注意v在网页上点击鼠标右键,选择“查看源文件”,就能很清楚地看到网页的代码结构。用户可以使用记事本对网页中的文字、图片、表格、多媒体等页面内容进行编辑,并通过标记语言HTML对这些元素进行描述和控制,最后由浏览器对这些标记进行解释并生成最终呈现在用户眼前丰富多彩的网页。64.什么是网站?v根据提供服务的不同,通常把提供网页服务的服务器称为Web服务器,相关网站称为Web站点。一个Web站点由一个或多个Web页组成,这些Web页相互连接在一起,存放在Web服务器上,以供浏览者访问。v网站是提供各种信息和服务的基地,如用户熟悉的搜狐、新浪、雅虎等。网站是由很多网页链接在一起组成的。用户浏览到一个网站时看到的第一个页面叫做主页。从主页出发,可以访问到本网站的每一个页面,也可以链接到其他网站,方便地共享网站资源。7注意v网站由若干网页组合而成。实质上就是一个文件夹,用来存放站点相关信息资源的文件夹。85.网页基本元素有哪些?都有什么作用?设计的时候要注意什么?v网页包括的主要元素有:文本、图像、动画、导航栏、超链接、表格、表单等。9v文本是人类最重要的信息载体和交流工具,网页的主体一般以文本为主。制作网页时,可以根据需要设置文本的字体、字号、颜色、样式等属性,风格独特的网页文本设置会给浏览者赏心悦目的感觉。v提示:在网页中应用了某种字体样式后,如果浏览者的计算机中没有安装该种样式的字体,字体就以计算机系统默认的字体显示出来,此时就无法显示出网页的效果了。10v图像在网页中可以起到提供信息、展示作品、美化网页以及体现风格等功效。图像可以用作网页的标题、网站Logo、网页背景、链接按钮、导航栏、网页主图等。图像给人的视觉效果要比文字强烈得多,在网页中灵活应用图像可以起到点缀的效果。虽然图像在网页中不可或缺,但也不能太多,因为图像的下载速度较慢,而且网页上如果放置了过多的图片,会显得很乱,有喧宾夺主之势。v网页上的图像文件大部分都是使用JPG和GIF格式,因为,它们除了具有压缩比例高外,还具有跨平台特性。11v动画是网页上最活跃的元素,通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。如果网页中存有太多的动画,会使浏览者眼花缭乱,无心细看。所以,对动画制作的要求越来越高。在网页中加入的动画一般是GIF格式的动画和Flash(.swf)动画等。12v导航栏是网站设计者在规划网站结构时必须考虑的一个问题,站点的每个网页上均应设置导航栏,并且应将其放置在网页中比较明显的位置。设置导航栏的目的是使浏览者能够顺利地浏览网页,方便地返回主页或继续下一页的访问。导航栏可以是文本、按钮或图像的样式。13v超链接是网页中最为有用的功能之一。超链接是从一个网页指向另一个网页的链接,该链接既可以指向本地网站的另一个网页,也可以指向世界各地的其他网页。v无论是文本还是图像都可以加上超链接标记,当鼠标指上超链接对象时会变成小手形状,单击鼠标左键即可链接到相应地址(URL)的网页。超链接包括站内链接和站外链接。v站内链接:若网站规划了多个主题版块,需要给网站的首页加入超链接,让浏览者可以快速地转到感兴趣的页面。在各个子页面也要有超级链接,并设有能够回到主页的链接。v站外链接:在个人网站上放置一些与网站主题有关的对外链接,不但可以把好的网站介绍给浏览者,而且能使浏览者乐意再度光临该网站。(友情链接)14v表格是网页中的一种用于控制网页页面布局的有效方法。为了达到理想的视觉效果,通常不显示表格的边框。使用表格辅助布局,可以实现网页横竖分明的风格。v表单是一种特殊的网页元素,通常用于收集信息或实现一些交互式的效果。表单的主要功能是接收浏览者在浏览器的输入信息,然后将这些信息发送到服务器端。156.动态网页和静态网页的区别v在网站设计中,纯粹HTML格式的网页通常称为“静态网页”,它运行于客户端,以.htm、.html、.shtml和.xml等为扩展名。静态网页的内容仅仅是标准的HTML代码,静态网页上也可以出现各种动态效果,如GIF格式的动画、Flash动画等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。16v采用了动态网页技术,在服务器端运行的网页和程序属于动态网页,它们会根据编写的程序访问数据库动态地生成页面。动态网页文件的后缀一般都是.asp、.aspx、.php、.jsp。动态网页的优点是效率高、更新快、移植性强,可以根据先前所制定好的程序页面,根据用户的不同请求返回其相应的数据,从而达到资源的最大利用和节省服务器上的物理资源。17v动态网页和静态网页不是从视觉上区分的,比如动画效果,网页中包含可以动的元素并不意味着就是动态网页,静态网页也可以有动画。v请自行阅读课本中它们各自的特点187.常用的网页设计软件有哪些?vFrontPagevDreamweaver 198.网页图像与网页动画制作软件 vPhotoshopvFireworks(.gif)vFlash(.swf)209.HTML的基本结构:告诉浏览器:告诉浏览器HTMLHTML文档开始文档开始和结束的位置,其中包括和结束的位置,其中包括headhead部分和部分和bodybody部部分。分。HTMLHTML文档中所有的内容都应该在这两个文档中所有的内容都应该在这两个标记之间,一个标记之间,一个HTMLHTML文档总是以文档总是以开始,开始,以以结束。结束。:HTMLHTML文件的头部标记,头部文件的头部标记,头部主要提供文档的描述信息,主要提供文档的描述信息,headhead部分的所有内部分的所有内容都不会显示在浏览器窗口中,在其中可以放容都不会显示在浏览器窗口中,在其中可以放置置页面的标题页面的标题以及以及页面的类型页面的类型、使用的字符集、使用的字符集、链接的其它脚本或样式文件等内容链接的其它脚本或样式文件等内容:用来指明文档的主体区域,:用来指明文档的主体区域,网页所要显示的内容都放在这个标记内,其网页所要显示的内容都放在这个标记内,其结束标记结束标记指明主体区域的结束指明主体区域的结束 2110.如何使用HTML编写网页文件?v使用记事本,代码编好之后,保存时这样命名:文件名.html,保存类型选择:所有文件v使用Dreamweaver新建一个html文件演示2211.标签v标签是HTML文档中一些有特定意义的符号,这些符号指明内容的含义或结构。标签总是放在三角括号中,大多数标签都是成对出现的,表示开始和结束。标签的内容标签的内容/标签名称标签名称起始标签起始标签结束标签结束标签23标签可以有属性,赋值的时候用标签可以有属性,赋值的时候用“=”,多个属性中间用空格隔开,多个属性中间用空格隔开属性要写在开始标签里,并且标签符号和属性要写在开始标签里,并且标签符号和中间不可以有空格,如中间不可以有空格,如是是错误的错误的结束的标签一定要加结束的标签一定要加“/”2412.body标签常见属性介绍vbgcolor属性:用于设置HTML网页的背景颜色,例如,表示背景颜色设置为红色。vbackground属性:用于设置HTML网页的背景图片,例如,表示将图片tu.jpg设置为HTML网页的背景。25vtext属性:用于设置HTML网页的文本颜色。使用text定义的颜色将应用于整篇文档。例如,表示文本颜色设置为红色。vlink、alink、vlink属性:用于分别设置普通超链接、当前活动的超链接、已访问的超链接文本的颜色。例如,26vtopmargin、leftmargin属性:用于设置网页主体内容与网页顶端、左端的距离。例如,。上机作业:完成 作业1.txt 中的操作2713.Dreamweaver CS4简介v打开方法v起始页v工作界面介绍上机作业:完成 作业2.txt 中的操作2814.创建和管理本地站点v站点目录结构v站点创建过程v站点管理操作上机作业:完成 作业3.txt 中的操作29站点文件夹站点文件夹index.htmlindex.htmlimagesimagesflashflashsoundsound站点目录结构站点目录结构30v实例演练:完成1.6 制作一个简单的网页v实训操作:完成课本1.7实训操作本章完31

    注意事项

    本文(《网页设计与制作》教学PPT课件.ppt)为本站会员(飞****2)主动上传,淘文阁 - 分享文档赚钱的网站仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知淘文阁 - 分享文档赚钱的网站(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    关于淘文阁 - 版权申诉 - 用户使用规则 - 积分规则 - 联系我们

    本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

    工信部备案号:黑ICP备15003705号 © 2020-2023 www.taowenge.com 淘文阁 

    收起
    展开