《第1部分第11章网站建设与网页制作》-公开课件.pptVIP

第1部分第11章 网站建设与网页制作 11.1 网站的创建复制与发布 11.2 HTML和XHTML 11.3 页面定位与布局方法 11.4 母版页 11.5 CSS样式设计 11.6 使用JavaScript创建网页特效 网站开发主要分两方面: Web页面设计 设计在客户端呈现的能被浏览器解析的界面，即平时所说的网页制作，一般使用HTML(超文本标记语言)实现。 Web逻辑功能设计 指实现内部逻辑功能，早期使用脚本语言实现，如JavaScript、VBScript等，但是脚本语言功能较弱，实现复杂。 11.1 网站的创建 VS2005提供了三种创建站点的位置类型: 文件系统 FTP HTTP 三种类型中，一般使用文件系统。它可在本机任何一个位置创建网站，也可直接将创建的网站从一个文件夹移动或复制到另一个文件夹，或者直接复制到另一台机器中。 11.2 HTML和XHTML 在VS2005中网页默认使用的目标架构为： XHTML 1.0 Transitional XHTML是在HTML（超文本标记语言）基础上为适应目前流行的XML（可扩展标记语言）而发展的新一代Web标记语言。 W3C在2000年1月首次提出XHTML时，目标是将Web翻译为XML。XHTML 1.0是作为一种帮助Web开发人员和创作工具制造商放弃传统HTML标记语言，迁移到一个基于XML的新的HTML-XML的混合体而开发的，因此叫做XHTML 1.0 Transitional。 11.2 HTML和XHTML(续) 从使用角度说明HTML与XHTML的不同： 大小写 HTML不区分大小写，元素和属性名称可以是大写、小写或大小写混合；而XHTML要求所有元素和属性名称必须是小写的，而属性值则大小写均可。 标记嵌套 在HTML中使用不正确的嵌套，一样可以在很多浏览器中使用；而XHTML则要求嵌套必须完全正确。 有否结束标记 在HTML中有些标记是可以没有结束标记；而XHTML要求所有标记都必须有结束标记 。 11.2 HTML和XHTML(续) 引号 HTML中的属性值可以用引号引起来，也可以不使用引号；但XHTML中要求所有属性值都必须加引号。 样式 如果不使用样式表，HTML中的每一个样式都可以直接使用属性名=属性值的方法设置样式；但是在XHTML中，如果不样式表，则必须通过Style属性来设置。 例11-4 hr:显示一条水平线 div：用来定义一个块，块内可以有文本、图象和控件等。使用div的目的是为了控制该块的样式。 nbsp;表示一个空格。 img /用于插入图象，src用来指明路径，alt指定图象不能显示时替换的文本。 超链接 a href=“URL”要显示的内容/a 绝对URL形式：3141719.htm http表示超文本传输协议，是文件所在计算机的域名，3141719.htm表示路径和文件名 相对URL指相对于当前页面的路径。 image/smile.gif表示当前目录下image子目录下的smile.gif文件。 “.”表示当前目录，“..”表示当前目录的上一级目录。 “~”指网站的根目录。 例11-5 a href=Answer.htm每个问题都有其解决之道，只要你把目光放得远一点！/a 11.3 页面定位与布局方法 网页中常用的布局方法有两种： 利用表格进行布局 利用层进行布局 两种布局方法各有优缺点，设计者可以根据实际情况选择一种或同时使用，而页面中的元素定位则是利用position样式属性。 表格 table caption表格属性设置示例 /caption tr td 第一个单元格/td td 第二个单元格/td /tr /table 例11-6 非规则表格11-7 rowspan=3:使单元格占用3行的空间 colspan=5:使单元格占用5列的空间 表11-3（P310） 利用表格进行页面布局 例11-8，制作MyTable2.htm文件 设计-》布局-》插入表-》模板 11.3.3 页内框架 网页制作中一个页面内的一部分区域中显示另一页面的内容，可以利用页内框架完成。 页内框架只能在源视图下用直接输入代码的方式创建。常用格式为： iframe 不支持页内框