网页制作基础41095.pptVIP

1.1 网页制作基础 INTERNET与www INTERNET概念p1 计算机网络与网络协议 多台计算机通过特定连接方式构成的计算机集合体 协议：网络设备共同遵循规则 获得信息方法 局域网：以太网 Ethernet 城域网: TCP/IP协议 广域网: TCP/IP协议 1.1 网页制作基础 5.万维网概念（www） Web服务器的计算机组成组织信息资源浏览器浏览(IE Netscape Navigator) 6.网站： 通过超链接连接起来的一系列逻辑视为一个整体的一些网页 主页 index.htm defaunt.htm 7.源代码(html)： 超文本标记语言 html table 网页文件的结构： html !--文档开始 -- head !--文档头开始-- title /title !--文档标题 -- /head !--文档头结束-- body !--文档体开始-- /body !--文档体结束-- /html !--文档结束 -- ? 注释行: !-- -- 用作备注，不显示出来。 1.2 网页的基本要素 1.2.1 文字 文字是网页发布信息所用的主要形式 由文字制作出的网页占用空间小 下载方便 注意编排 标题 字型字号 内容的层次样式 颜色 1.2 网页的基本要素 1．标题 表明本网页的主要内容 设计醒目标题 2．字号 大小适中。网页信息量变化 应统筹规划，给人以生动活泼之感觉。 3．字型 适当的位置采用不同的字体字型，吸引人 考虑浏览者条件限制 标题或少量的文字，特殊字体制作成图形方式 利用表格形式来实现 1.2 网页的基本要素 1.2.2图形 绘制图形，图像，动画 图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可 以在不同操作系统支持的浏览器上显示。 1．菜单按钮 网页上的菜单按钮有一些是由图形制作，通常有横排和竖排两 种形式，由此可以转入不同的页面。 2．背景图形 加强视觉效果，网页的底层放置了图形 背景图可以使网页更加华丽，使人感到界面友好。 一个比较大的图形，需要占据较大的空间，致使网页的显示速度明显变慢 1.2 网页的基本要素 1.2.3 链接标志 链接是是网页中最重要、最根本的元素之一 通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。 链接的标志有文字和图形两种。 制作一些精美的图形作为链接按钮，使它和整个网页融为一体。 1.2.4 交互功能 Internet区别其他媒体的一个重要标志就是它的交互功能 数据库进行检索及时返回确认信息 通常网页的交互功能都是利用表单来实现的。表单是网页中 站点服务器处理的一组数据输入域，当访问者单击按钮或图形来 提交表单后，数据就会传送到服务器上。 1.3 网页制作和美化工具 1.3.1网页制作工具 1．超文本标识语言（HTML） HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。 HTML文档由文本、格式化代码和导向其他文档的超链接组成。 2．FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。 FrontPage界面与Word、PowerPoint等软件的界面极为相似， 为使用者带来了极大的方便，Microsoft公司将FrontPage封入Office之中，成为Office家族的一员，使之功能更为强大。 1.3.1网页制作工具 3．Dreamweaver Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页. Dreamweaver的网页动态效果与网页排版功 Dreamweaver支持动态HTML，设计复杂的交互式网页，产生动态效果 1.3.2网页美化工具 1．Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。 2．Fireworks Fireworks是由Macromedia公司开发的图形处理