网站构建高级教程
完成“ 网站施工教程”后,您将掌握如何构建专业的网站。
您还将学习如何为未来做准备以及如何使用XHTML和XML等新技术。
开始学习网站版本!
内容目录
网站构建
每个网站开发人员都必须了解以下Web组件:
HTML4.01
HTML是Web的语言,每个Web开发人员都需要对它有基本的了解。
HTML4.01是重要的Web标准,它与HTML3.2完全不同。
当类似字体的标签和颜色属性添加到HTML3.2时,它逐渐成为开发人员的噩梦。开发网站的过程必须向每个页面添加字体信息,这是一个漫长而昂贵的折磨。
使用HTML4.01,可以将所有格式信息移出HTML文档并放置在单独的样式表中。
HTML4.01很重要,另一个原因是XHTML1.0,此最新的HTML标准是将HTML4.01重新表达为XML应用程序。在页面中使用HTML4.01将确保将来可以轻松将HTML升级为XHTML。
请确保您使用最新的HTML4.01标准。
了解我们完整的HTML4.01参考手册。
层叠样式表(CSS)
样式可以定义HTML元素的显示方式,类似于font标签在HTML3.2中扮演的角色。样式通常保存在HTML文档以外的文件中。外部样式表使您能够通过编辑简单的CSS文档来更改网站中所有页面的外观和布局。如果您曾经尝试进行某些更改,例如同时更改网站上所有网页标题的字体或颜色,那么您将了解CSS如何实现事半功倍的效果。
请务必学习我们的css教程。
XHTML-HTML的未来
XHTML是指可扩展的超文本标记语言。
XHTML1.0是从W3C派生的最新HTML标准。它于2000年1月26日成为官方推荐标准(推荐)。W3C推荐标准意味着其规范的稳定性,并且其规范现已成为Web标准。
XHTML是一种使用XML4.01重构的HTML,可以通过遵循一些简单的准则立即在现有浏览器中使用。
为未来做准备:阅读如何将网站转换为XHTML。
XML-一种描述数据的工具
可扩展标记语言(XML)不能替代HTML。在将来的Web开发中,XML将用于描述和存储数据,HTML将用于显示数据。
我们最合适的XML描述是跨平台,独立于软件和硬件的信息存储和传输工具。
我们相信XML的重要性与HTML的基本地位同样重要,并且XML将成为最重要的数据处理和传输工具。
请确保遵循我们的XML教程。
XSLT-用户转换数据的工具
XSLT(可扩展样式表语言转换)是用于转换XML的语言。
未来网站将必须以不同的格式将数据传送到不同的浏览器和其他Web服务器。 XSLT是一种新的W3C标准,可以将XML数据转换为不同的格式。
XSLT可以将XML文件转换为浏览器可识别的格式,例如HTML或WML(许多手持设备中使用的标记语言)。
XSLT还可以添加元素,删除,重新排列和排序元素,测试并确定显示哪些元素,等等。
请确保遵循我们的XSLT教程。
客户端脚本
客户端脚本是一种与Internet浏览器的行为有关的编程。您应该学习JavaScript才能提供更多动态网站内容:
请务必学习我们的JavaScript教程。
服务器端脚本
服务器端脚本与Internet服务器编程有关。您应该学习服务器端脚本,以便可以提供更多动态网站内容。通过服务器端编程,您可以:
在W3SCHOOL中,我们为您演示了如何通过ASP和PHP进行服务器端脚本编程
请确保学习我们的ASP教程和php教程。
使用SQL管理数据
结构化查询语言(SQL)是访问SQL Server,Oracle,Sybase和Access等数据库的通用标准。
对于那些想要从数据库存储和提取数据的人来说,SQL的知识是非常有价值的。
任何网络管理员都应该了解SQL是真正适合网络上数据库的引擎。
请确保遵循我们的SQL教程。
未来前景
您需要了解一件非常重要的事情,网站的功能将发生革命性的变化。我们将看到一个巨大的转变,即网站从“静态内容”的显示到“动态内容”的交付。
我们还将看到许多新的浏览器,例如移动设备中的浏览器。同时,我们还将看到有关使用XML的服务器之间以及服务器和浏览器之间的数据通信的更多信息。
网站设计
设计网站需要严格的思考和周密的计划。
最重要的是了解您的受众(用户)。
用户都是观众
如果您认为普通用户会完全阅读您的网页,那么您错了。
无论您在网页上发布的信息多么有用,访问者在决定是否继续阅读之前仅花费几秒钟的时间浏览。
如果您希望用户阅读您的文本,请确保在页面段落的第一句中陈述您的观点。此外,您需要在整个页面中使用简短的段落和有趣的标题。
少就是多
使所有句子尽可能短。所有段落都尽量短。保持所有章节尽可能短。网页尽可能短。
请在段落和章节之间使用大量空白。充满长文字的页面会带走您的用户。
不要在单个页面上放置太多内容。如果确实需要传达大量信息,请尝试将内容分成小块,然后将它们放在不同的页面上。不要指望每个访问者都会滚动浏览成千上万个单词,一直到最后。
导航
尝试创建网站中所有页面都通用的导航结构。
最小化文本段落中超链接的使用。请不要在文本段落中使用超链接将访问者随机吸引到其他页面。因此,这样做会破坏导航结构的一致性。
如果必须使用超链接,请将其添加到该段落的底部或网站的导航菜单中。
下载速度
最常见的错误是由网站开发人员使用的开发环境引起的,例如,使用本地计算机开发站点或使用高速Internet连接。开发人员有时没有意识到下载页面需要很长时间。
有关互联网可用性的研究告诉我们,如果网页的下载时间超过7秒,则大多数访问者都会选择离开。
在发布大量内容之前,请确保已在低速调制解调器连接上测试了这些页面。如果您的页面需要大量时间下载,则可以考虑删除一些图片或多媒体内容。
允许您的用户讲话!
获得用户反馈是一件好事。您的访问者就是您的“客户”。他们通常会给您一些有价值的想法,或者为您提供改进建议而无偿提供。
如果您提供了一种方便的连接方式,那么您将会从许多具有不同技能和知识的人那里得到很多有用的反馈。
网站用户
您的用户使用不同的硬件和软件。
最重要的是了解您的受众(用户)。
他们使用什么显示器?
请记住,并非网络上的所有用户都使用与您相同的监视器。如果您为现实的1024x768分辨率设计网页,则使用低分辨率监视器的某些访问者将无法阅读您的网页。
尽管某些用户仍在使用640x480分辨率的显示器,但800x600是朝着较低分辨率标准发展的趋势。 W3SCHOOL旨在支持1024x768以上的分辨率。
如果您是具有极高分辨率的开发人员之一,请确保使用其他低分辨率监视器来测试您的网页。
在设计网页布局时,有一种明智的方法将页面的特定部分设计为可变大小,以便可以容纳更大或更小的分辨率的显示。
他们使用什么浏览器?
这两种主要的浏览器(Netscape和Microsoft)具有各自的特征和怪癖,这是设计网页时必须考虑的全部内容。
如果您重视网站,请不要忘记使用其他类型的浏览器来测试每个页面。
当前,最常见的浏览器是Microsoft Internet Explorer和Mozilla Firefox。
此外,某些访问者可能会使用纯文本浏览器(例如Lynx),或者可能通过AOL之类的在线服务访问您的网站。其中某些浏览器可能不会显示您期望的网页。
使用严格,正式和正确的HTML(或XHTML)是明智的。严格正确的编码始终可以帮助浏览器正确显示您的页面。
他们安装了什么插件?
某些网页元素,例如声音和视频剪辑或其他多媒体内容,可能需要使用单独的程序(辅助应用程序或插件)。
除非您可以保证访问者有权使用所需的软件来查看它们,否则请不要在您的网页中使用这些元素。
如何帮助残疾人?
有些人的视力或听力有严重问题。这些用户可能还需要访问您的网站。
其中一些会尝试使用盲文或基于语言的浏览器来阅读您的网站。请记住,如果不为他们提供某些基于文本的选项来替换图像和其他图形元素,则所有视觉内容都将无用。
为残疾人网站进行设计并不容易,但是您至少可以做一件事-至少对于弱视人群来说-使您的网页使用可调整的字体大小。
用户都是观众
如果您认为普通用户会完全阅读您的网页,那么您错了。
无论您在网页上发布的信息多么有用,访问者在决定是否继续阅读之前仅花费几秒钟的时间浏览。
如果您希望用户阅读您的文本,请确保在页面段落的第一句中陈述您的观点。此外,您需要在整个页面中使用简短的段落和有趣的标题。
网络标准
Web标准将帮助我们实现WWW的梦想。
Web标准使Web开发更加容易。
为什么使用网络标准?
由于浏览器版本不同,Web开发人员通常必须努力进行耗时的多版本开发。当新的硬件(例如手机)和软件(例如微型浏览器)开始浏览网络时,这种情况将变得越来越严重。
为了更好地开发Web,对于开发人员和最终用户而言,在开发新应用程序时,浏览器开发人员和站点开发人员必须共同遵守标准,这一点非常重要。
网络的不断发展使得越来越有必要依靠标准来实现其全部潜力。 Web标准确保每个人都有权访问相同的信息。没有Web标准,未来的Web应用程序,包括我们梦dream以求的应用程序,是不可能实现的。
与此同时,Web标准还可以使网站开发更快,更有趣。为了缩短开发和维护时间,必须根据标准对将来的网站进行编码。开发人员不必为了获得相同的结果而为开发多个版本而苦恼。
其他注意事项
一旦Web开发人员遵守Web标准,由于开发人员可以更轻松地理解彼此的编码,因此将简化用于Web开发的团队协作。
一些开发人员认为标准等同于约束,并相信使用特殊的浏览器功能将增加他们工作的保证。但是,随着访问方法的增加,将来调整这些页面将变得越来越困难。符合标准是解决此问题的第一步。只有使用Web标准,才能确保所有浏览器(无论新旧)都可以正确显示您的网站,而无需频繁且费时的代码重写。
标准化可以将访问量增加到网站。
标准网络文档更易于搜索引擎访问,更易于准确索引。
标准网络文档更易于转换为其他格式。
标准的Web文档更易于通过程序代码(例如JavaScript和DOM)进行访问。
想节省很多时间吗?请养成使用验证服务来验证页面的习惯。验证可以使您的文档与标准保持一致,并避免严重的错误。
易于使用
易用性是HTML标准的重要组成部分。
标准使残障人士更容易使用网络。盲人可以使用计算机为他们阅读网页。视力低下的人可以重新排列和放大网页。简单的Web标准(例如HTML和CSS)将使语音阅读器和其他不常见的输出设备更易于理解您的网页。
万维网联盟
成立于1994年的万维网联盟是一个国际联盟,其目的是“领导网络以激发其全部潜力。”
作为开发人员,尤其是在创建此教育性网站时,我们愿意帮助它实现这一梦想。