网页设计与制作基础

《网页设计与制作基础》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第六章网页设计与制作基础本章内容6.1网页设计的基本方式6.2HTML基础6.3Dreamweaver应用什么是网页，网站q在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。q是WWW的基本文档，是用HTML或其他语言编写，包括文本、图像、表格、按钮、动画等。q网站是众多网页的集合，网站的建设者把众多的网页按照一定的顺序和链接放一起，就组成了网 站。6.1网页设计的基本方式普通网页q静态网页：浏览器端与服务器端不发生交互的网 页。文件名后缀.html和.htm接受请求服务器端找到静态网页发送网页6.1网页设计的基本方式动态网页q动

2、态网页m服务器端根据客户端的不同请求动态产生网页内容。m支持客户端和服务器端的交互功能接受请求找到动态网页服务器端运行动态网页， 生成静态网页发送网页6.1网页设计的基本方式动态网页示例BBS论坛留言板聊天室6.1网页设计的基本方式常用的动态网页技术文件名后缀.ASP.PHP.JSPCGIASPPHPJSPASP.NETJ2EE6.1网页设计的基本方式网页设计的基本方式q手工编程q利用可视化工具q手工编程与可视化工具结合6.1网页设计的基本方式网页设计的基本方式q手工编程m网页是由HTML超文本标记语言编程的文本文档m设计制作网页的过程就是生成HT

3、ML代码的过程mWWW发展初期，制作网页是通过直接编写HTML代码来实现的。m手工编程制作网页对网页设计人员的要求较高，编程效率低，调试过程复杂。m但手工编程可以灵活地制作出丰富的网页效果。6.1网页设计的基本方式网页设计的基本方式q可视化工具方式mFrontPage、Dreamweaver等可视化的网页编辑工具。m在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。m操作简单直观，调试方便，是大众化的网页编辑方式。m在制作一些特殊网页效果上有一定的局限性。6.1网页设计的基本方式网页设计的基本方式q编程和可视化工具结合方式m编程和可视

4、化工具结合是比较成熟的网页制作方式。m具体过程为：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。m效率高、调试方便而且可以实现丰富的网页效果，但要 求设计人员既要熟悉Html语言又能运用可视化工具。6.1网页设计的基本方式Macromedia公司——闪客帝国qMacromedia公司总部设立在美国加州三番市，在 全球50多个国家设有经营机构。qMacromedia公司的主要软件产品包括mMacromediaAuthorware mMacromediaColdFusionmMacromediaDirector2005-12

5、Adobe与Macromedia合并mMacromediaDreamweavermMacromediaFireworksmMacromediaFlash交易涉及金额34亿美元mMacromediaFlashPlayer mMacromediaFreeHand mMacromediaJRun6.3网页元素的创作与编辑工具6.1网页元素的创作与编辑工具本章内容6.1网页设计的基本方式6.2HTML基础6.3Dreamweaver应用HTML超文本标记语言q那HTML这四个字母代表什么呢？m超（Hyper）是相对于线性（linear）来说的。以前的计算机

6、程序是线形运行的：当程序执行完一个动作以后， 转向下一行，这行结束后，继续下移，依次类推。但 HTML则不同，你可以在任何时候跳转到任何地方。m文本（Text）：一连串的字符组成m标记（Markup）：指的是你怎么处理文本。²加粗、标题等m语言（Language）：HTML就是一种语言，它是描述性的标记语言，不是编程语言。6.4HTML基础HTML扩展名q包含HTML内容的文件最常用的扩展名是.htmlq但是像DOS这样的旧操作系统限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用 的比较少一些了，但是.htm扩展名仍旧普遍被支持q

7、它们是可供浏览器解释浏览的文件格式。6.4HTML基础HTML超文本标记语言q早期的HTML语法被定义成较松散的规则以有助于不熟悉网络出版的人采用。网页浏览器接受了这个现实，并且可 以显示语法不严格的网页。q随着时间的流逝，官方标准渐渐趋于严格的语法，但是浏 览器继续显示一些远称不上合乎标准的HTML。q使用XML的严格规则的XHTML（可扩展超文本置标语言）是W3C计划中的HTML的接替者。虽然很多人认为它已经 成为当前的HTML标准，但是它实际上是一个独立的、和 HTML平行发展的标准。qW3C目前的建议是使用XHTML1.1、XHTML1.0

8、或者HTML4.01进行网络出版。6.4HTML基础qHtml5是继XHTML之后，由Apple，Opera，Mozill