搜索
查看: 8572|回复: 0

javascript基础 网站设计的注意点

[复制链接]
发表于 2012-7-28 20:45:47 | 显示全部楼层 |阅读模式
1、网站的构建
每个网站开发者都必须了解以下 Web 构件:
·  HTML 4.01
·  CSS 的使用 (样式表)
·  XHTML
·  XML 和 XSLT
·  客户端脚本
·  服务器端脚本
·  通过 SQL 管理数据
·  Web 的未来
HTML 4.01
HTML 是 Web 的语言,每一个 Web 开发者都需要对它拥有基本的了解。
HTML 4.01 是重要的 Web 标准,它与 HTML 3.2 的差异非常之大。
当类似 font 的标签和 color 属性被添加到 HTML 3.2 后,它就逐渐成为开发人员们的一场噩梦。开发那些必须把字体信息加入每个单独页面的网站,其过程成为了一种漫长而昂贵的折磨。
通过 HTML 4.01,所有的格式化信息可以被移出 HTML 文档,转而放入一个独立的样式表中。
HTML 4.01 之所以重要,另外一个原因是由于 XHTML 1.0,这个最新的 HTML 标准是作为一种 XML 应用被重新表达的 HTML 4.01。在您的页面中使用 HTML 4.01 可以确保在未来将 HTML 轻松升级到 XHTML。
请确保您使用了最新的 HTML 4.01 标准。
学习我们的完整的 HTML 4.01 参考手册
层叠样式表(Cascading Style Sheets - CSS
样式可定义 HTML 元素如何被显示,类似 font 标签在 HTML 3.2 中所起到的作用。样式通常被保存在 HTML 文档之外的文件中。外部样式表使您有能力仅仅通过编辑一个简单的 CSS 文档来改变网站内所有页面的外观和布局。如果您曾经尝试过进行某些改变,比如同时改变站内所有网页标题的字体或颜色,您就会明白 CSS 如何能够达到事半功倍的效果。
请务必学习我们的 CSS 教程
XHTML - HTML 的未来
XHTML 指可扩展超文本标记语言(Extensible HyperText Markup Language)。
XHTML 1.0 是源自 W3C 的最新的 HTML 标准。它于 2000 年 1 月 26 日成为正式的推荐标准(Recommendation)。W3C Recommendation 意味着其规范的稳定性,同时其规范目前已成为一种 Web 标准。
XHTML 是一种使用 XML 进行重构的 HTML 4.01,并可以通过遵循一些简单的指导方针立即在现有的浏览器中投入使用。
为未来做好准备:请阅读如何将网站转化为 XHTML
XML - 用于描述数据的工具
扩展标记语言(XML)并不是HTML的替代品。在未来的 web 开发中,XML 会被用来描述和存储数据,而 HTML 会被用来显示数据。
我们对 XML 最合适的描述是,一个跨平台的、独立于软硬件的,信息存储和传输工具。
我们相信 XML 的重要性不亚于 HTML 对于 web 的基础性地位,并且 XML 将会成为最重要的数据处理和传输工具。
请确保学习我们的 XML 教程
XSLT - 用户转换数据的工具
XSLT(可扩展的样式表语言转换,Extensible Stylesheet Language Transformations),是用于转换 XML 的语言。
未来的网站将不得不向不同的浏览器并向其他web服务器以不同的格式传递数据。而 XSLT 则是一种将 XML 数据转换为不同格式的新的 W3C 标准。
XSLT 可以把 XML 文件转换为浏览器可识别的格式,比如 HTML,或者 WML - 一种用于许多手持设备的标记语言。
XSLT 还可以添加元素,并对元素进行删除、重新排列及排序,测试并确定显示哪些元素,等等。
请确保学习我们的 XSLT 教程
客户端脚本
客户端脚本脚本是一种有关因特网浏览器行为的编程。您应该学习 JavaScript,这样才能有能力传递更多的动态网站内容:
JavaScript 是为 HTML 设计者提供的一种的编程工具
HTML 的创作者通常都不是程序员,但是 JavaScript 是一种语法非常简单的脚本语言!几乎任何人都能够把某些 JavaScript 的代码片断放入他们的 HTML 页面中。
JavaScript 可以在HTML页面中放入动态的文本
像这样的一条 JavaScript 语言可以在 HTML 页面中写入可变的文本:document.write("h1" + name + "/h1")
JavaScript 能够对事件进行反应
可以把 JavaScript 设置为在某事件执行时发生,比如当页面加载完毕或当用户点击某个 HTML 元素时。
JavaScript 可读取并修改 HTML 元素
JavaScript 能够读取并修改 HTML 元素的内容
JavaScript 可被用来验证数据
可使用 JavaScript 在表单被提交到服务器前对表单数据进行验证,这样可确保服务器进行正确的数据处理。
一定要学习我们的 JavaScript 教程
服务器端脚本
服务器端脚本和因特网服务器编程有关。您应该学习服务器端脚本,这样才能有能力传递更多的动态网站内容。通过服务器端的编程,你可以:
·  动态地编辑、修改或添加网页内容
·  对用户从 HTML 提交的查询或数据进行响应
·  访问数据或数据库,并把结果返回浏览器
·  访问文件或 XML 数据,并把结果返回浏览器
·  把 XML 转换为 HTML,并把结果返回到浏览器
·  为不同的用户定制页面,提高页面的可用性
·  对不同的网页提供安全和访问控制
·  为不同类型的浏览器设计不同的输出
·  最小化网络流量
在 W3SCHOOL,我们通过 ASPPHP 为您演示了服务器端的脚本编程
请确保学习我们的 ASP 教程 PHP教程
使用 SQL 管理数据
结构化查询语言(SQL)是对诸如下列数据库进行访问的通用标准:SQL Server、Oracle、Sybase 以及 Access。
对于那些希望从数据库存储和提取数据的人们来说,有关 SQL 的知识是极具价值的。
任何web管理员都应当明白,SQL 对于 web 上的数据库来说,是一种真正切合的引擎。
请确保学习我们的 SQL 教程
未来的前景
您需要明白一件很重要的事情,网站的功能性将会彻底地变革。我们会看一种巨大的转变,那就是网站从“静态内容”的展示转向“动态内容”的传递。
我们还会看到很多新式的浏览器,比如移动设备中的浏览器,同时,我们还会看到更多有关服务器间,以及服务器与浏览器间使用XML来进行的数据通信。
2、网站设计
用户都是浏览者
如果您认为一般的用户会完完整整地阅读您的网页,那么您就错了。
无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。
如果您希望用户阅读您的文字,请确保在页面段落的第一句就说明您的观点。另外,您还需要在整个页面中使用简短的段落以及有趣的标题。
少即是多
使所有的句子尽可能地短。使所有的段落尽可能地短。使所有的章节尽可能地短。使您的页面尽可能地短。
请在段落和章节之间使用很多的留白。充斥着冗长文字的页面会赶走您的用户。
也不要在单一的页面上放置太多的内容。如果确实有必要传递大量的信息,请尽量把内容分为小块,然后放入不同的页面中。不要指望每个访问者都能把一张数千字的页面一路滚动到底。
导航
尽量创建通用于网站中所有页面的导航结构。
把文本段落中的超链接使用量降至最低。请不要使用文本段落内的超链接随意地把访问者带到别的页面。因此这样做会破坏导航结构一致性的感觉。
如果您必须使用超级链接,请把它们添加到段落的底部,或站点的导航菜单。


更多...下载word阅读:点击下载
回复

使用道具 举报

发表于 2012-7-29 10:30:04 | 显示全部楼层
额,你太牛逼了,在哪找的资源啊,佩服的哦,上次做参加职业生涯规划大赛,硬是找不到资源,要知道早就找你了
回复

使用道具 举报

 楼主| 发表于 2012-7-29 12:36:41 | 显示全部楼层
我擦 这是我整理的好不  
回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-12-23 17:28 , Processed in 0.105484 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表