理解Web标准:XHTML+CSS网页布局入门

5星 · 超过95%的资源 需积分: 10 12 下载量 127 浏览量 更新于2024-09-22 收藏 3.47MB PDF 举报
"网页设计的教程,特别是关于DIV+CSS的应用,使用Dreamweaver4作为工具进行教学。教程分为CSS理论知识和DW实战两大部分,适合有一定HTML基础并熟悉Dreamweaver的读者。" 在网页设计领域,`DIV+CSS`是一种常见的布局方式,但这个术语实际上是不准确的。正确表述应该是`xHTML+CSS`。过去的网页设计广泛使用`Table`进行布局,随着Web标准的发展,`DIV`元素结合`CSS`样式成为创建响应式和可维护性更强的网页布局的标准方法。 `DIV`(Division)是HTML中的一个块级元素,常用来作为容器,组织和管理网页内容。`CSS`(Cascading Style Sheets)则负责定义这些元素的样式,包括颜色、字体、布局等,实现了内容与表现的分离,使得网页设计更加灵活和易于维护。 在`CSS`理论部分,读者可以学习到CSS的语法、结构和应用。这包括选择器的使用、属性的设定、盒模型的理解、浮动和定位等关键概念,这些都是构建复杂网页布局的基础。 在`DW实战`章节,教程将指导如何在Dreamweaver4中有效地应用CSS。Dreamweaver作为一款强大的可视化编辑工具,可以帮助用户快速创建和编辑CSS,无需手动编写大量代码,特别适合初学者上手。 理解`Web标准`至关重要,它是由一系列标准组成的,包括但不限于XHTML(结构)、CSS(表现)和JavaScript(行为)。标准的网页设计意味着内容、样式和交互功能的分离,有助于提高网页的可访问性、可维护性和搜索引擎优化。 在面试或讨论网页设计时,了解这些基本概念和标准将显示你的专业素养。不要仅仅将`Table`的使用视为非标准,而是要理解每种技术在不同场景下的适用性。真正标准的页面应该遵循W3C制定的规范,确保内容的语义正确、样式表达清晰、行为执行流畅。 通过学习本教程,你可以掌握使用`DIV+CSS`进行网页布局的基本技巧,提升网页设计的专业水平,从而创建出符合现代Web标准的作品。无论是个人项目还是商业应用,这样的技能都将是你在IT行业中的一大竞争优势。
2016-04-08 上传
内容简介 · · · · · · 网页表单无处不在——从注册表单到联系信息表,从商业领域到政府部门。成功的表单设计不仅能提高用户满意度,还能收集更加精确的数据并降低维护费用;而失败的表单设计不仅会收集到与需求相悖的冗余信息,还极有可能导致潜在消费者的流失。 设计具有高可用性的表单绝非易事。两位作者通过丰富的实例,明确阐述了如何从表单的关系、对话和外观三层模型出发,设计出具有高可用性的优质网页表单,并通过可用性测试及早发现表单的潜在问题。通过阅读本书,读者能够了解到如何定义需求,如何提出与用户期望相符且容易理解的问题,以及如何撰写说明文字、设置进度指示器和处理出错信息。 经实践检验的实用建议将帮助你远离设计失误,创建出美观、高效的表单。 可贵的设计方法和技巧是赢得数据准确性和顾客满意度的制胜法宝。 包含大量实例——从细节展现(如标签对齐方式、必填字段)到视觉设计(如创建整齐的网格、颜色应用等)。 作者简介 · · · · · · Caroline Jarrett经营着一家可用性咨询公司Effortmark Ltd。自1992年开始开发税务表单,从此迷恋上了易用表单设计。她每月在www.usabilitynews.com撰写专栏“Caroline’s Corner”,阐述关于可用性的理念。 Gerry Gaffney经营着一家可用性咨询公司Information & Design Proprietary Ltd。主编过几期《用户体验》杂志,还创建了广受欢迎的“用户体验播客”(uxpod.com)。他认为表单设计是个难题,但还是试图从客观的角度来分析表单。