网页制作课件(精品·公开课件).ppt

网页制作 网页制作初识 构成网页的基本要素 文字、图形、超级链接…… 传输协议与服务 （1）页面浏览:即HTTP服务，也就是URL格式中的以http://开头的，表示指向一个特定网页。 （2）邮件服务：即E-mail服务，指通过互联网来收发邮件；E-mail采用SMTP和POP3协议。 （3）文件传输：指本地计算机通过登录到远程计算机进行文件的传输，它使用的是FTP协议。 …… 网页设计语言 （1）最基本的语言：HTML语言；它只能实现一些基本功能。 /index.asp （2）ASP语言 它是HTML语言的扩展语言，它支持Java，ActiveX等插件； ASP一般用于需要复杂功能的网站，如：论坛，互动网站。 （3）PHP语言 它是一个非常简洁的语言，它主要应用于个人主页。 （4）XML语言 它是一种扩展语言，是HTML语言的扩充。 网页制作和美化工具 网页制作工具 1．超文本标识语言（HTML） HTML（Hypertext Markup Language）是一种专门用于Web页制 作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何 显示文本，怎样生成与别的文本或图像的链接点。 HTML文档由文本、格式化代码和导向其他文档的超链接组成。 2．FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具 有直观的网页制作和管理方法，简化了大量工作。 FrontPage界面与Word、PowerPoint等软件的界面极为相似， 为使用者带来了极大的方便，Microsoft公司将FrontPage封装入 Office之中，成为Office家族的一员，使之功能更为强大。 3．Dreamweaver Dreamweaver是由Macromedia公司推出的一款在网页制作方面大 众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代 码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人 员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的 网页动态效果与网页排版功能都比一般的软件好用，即使是初学者也 能制作出相当于专业水准的网页，所以Dreamweaver是网页设计者的 首选工具。 Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从 而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程 中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态 效果；而Roundtrip HTML技术则可以真正支持HTML源编辑模式，不 会产生冗余代码，使网页渲染速度加快。因此，Dreamweaver是一种 可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。 网页美化工具 为了使制作的网页更为美观，用户在利用网页制作工具制作网 页时，还需利用网页美化 工具对网页进行美化。 1．Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认 的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、 使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop 都是首选的平面制作工具。 2．Fireworks Fireworks是由Macromedia公司开发的图形处理工具，它的出 现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为 制作网页图形而设计的软件，同时也是专业的网页图形设计及制作 的解决方案。 作为一款为网络设计而开发的图像处理软件，Fireworks还能 够自动切割图像、生成光 标动态感应的JavaScript程序等等，而 且Fireworks具有强大的动画功能和一个相当完美的 网络图像生 成器。 可以从http://www. ／站点下载该软件。 3．Flash Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的 专业软件，它是一种交互式动画设计工具，用它可以将音乐、声 效、动画以及富有新意的界面融合在一起，以制作出高品质的网 页动态效果。它主要应用于网页设计和多媒体创作等领域，功能 十分强大和独特，已成为交互式矢量动画的标准，在网上非常流 行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、 在线游戏等的制作中。 网站的类型 网站