网页制作学习该掌握哪些代码?

本文详细介绍了网页制作学习过程中应该掌握的一些技术,这些内容大家最好一步一步去学习和研究,千万不要跳过去。不过在这里网页教学网站长推荐新入门的学员大家可以掌握前面三项内容就完全可以制作网站了!它们分别是:HTML,CSS和XHTML。起码做出一个网页是没问题的了!本文只是介绍的应该掌握的一些代码,如果你想实现精美网页那么你需要掌握一些做图软件的应用技巧了!如果你想开发互动功能完备的网站,那么你需要掌握一些简单的编程知识了。如果大家有什么问题可以随时问我!谢谢!

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标准。


层叠样式表(Cascading Style Sheets - CSS)

样式可定义HTML元素如何被显示,类似font标签在HTML 3.2中所起到的作用。样式通常被保存在HTML文档之外的文件中。外部样式表使您有能力仅仅通过编辑一个简单的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,并可以通过遵循一些简单的指导方针立即在现有的浏览器中投入使用。


XML - 用于描述数据的工具

扩展标记语言(XML)并不是HTML的替代品。在未来的web开发中,XML会被用来描述和存储数据,而HTML会被用来显示数据。

我们对XML最合适的描述是,一个跨平台的、独立与软硬件的,信息存储和传输工具。

我们相信XML的重要性不亚于HTML对于web的基础性地位,并且XML将会成为最重要的数据处理和传输工具。


XSLT - 用户转换数据的工具

XSLT(可扩展的样式表语言转换,Extensible Stylesheet Language Transformations),是用于转换XML的语言。

未来的网站将不得不向不同的浏览器并向其他web服务器以不同的格式传递数据。而XSLT则是一种将XML数据转换为不同格式的新的W3C标准。

XSLT可以把XML文件转换为浏览器可识别的格式,比如HTML,或者WML - 一种用于许多手持设备的标记语言。

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在表单被提交到服务器前对表单数据进行验证,这样可确保服务器进行正确的数据处理。

服务器端脚本

服务器端脚本和因特网服务器编程有关。您应该学习服务器端脚本,这样才能有能力传递更多的动态网站内容。通过服务器端的编程,你可以:

  • 动态地编辑、修改或添加网页内容
  • 对用户从HTML提交的查询或数据进行响应
  • 访问数据或数据库,并把结果返回浏览器
  • 访问文件或XML数据,并把结果返回浏览器
  • 把XML转换为HTML,并把结果返回到浏览器
  • 为不同的用户定制页面,提高页面的可用性
  • 对不同的网页提供安全和访问控制
  • 为不同类型的浏览器设计不同的输出
  • 最小化网络流量

使用SQL管理数据

结构化查询语言(SQL)是对诸如下列数据库进行访问的通用标准:SQL Server、Oracle、Sybase以及Access。

对于那些希望从数据库存储和提取数据的人们来说,有关SQL的知识是极具价值的。

任何web管理员都应当明白,SQL对于web上的数据库来说,是一种真正切合的引擎。


时间: 2024-08-30 05:12:12

网页制作学习该掌握哪些代码?的相关文章

网页制作学习:meta标签之详解

网页|详解     meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head>     也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可

如何在网页中加入运行脚本代码的功能

如何在网页中加入运行脚本代码的功能  以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

不提示直接关闭网页窗口的JS示例代码

 本篇文章主要是对不提示直接关闭网页窗口的JS示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在IE7.IE8中,使用JavaScript提供的close()方法都可以关闭当前窗口或标签,但都提示讨厌的对话框,找了下代码,终于可以无提示直接关闭了.   JavaScript代码   代码如下: function CloseWin()       {        window.opener=null;       window.open('','_self');       w

禁用backspace网页回退功能的实现代码_javascript技巧

实例如下: <script language="JavaScript"> document.onkeydown = check; function check(e) { var code; if (!e) var e = window.event; if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; if (((event.keyCode == 8) && //BackSpac

js实现的简洁网页滑动tab菜单效果代码_javascript技巧

本文实例讲述了js实现的简洁网页滑动tab菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍的是一款风格简洁的网页滑动门代码,基于JS和Div+CSS实现.滑动门菜单,只需鼠标放上去就切换的菜单,和网页选项卡只是操作形式上的不同而已,滑动门改选项卡只需将门菜单中的onmouseover换成onclick就行了,这样换了之后,切换内容需要鼠标点击门菜单才可以. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-div-hd-tab

js网页加载进度条代码

js网页加载进度条代码 <script LANGUAGE="JAVASCRIPT"> var timerID=null;     <!--延时变量--> var count=0;          <!--表示进度的循环变量--> var running=false;    <!--是否正在进行格式化的标志量--> function RandomNumber(max)        <!--用来产生随机数的函数--> {var

基于JavaScript实现网页倒计时自动跳转代码_javascript技巧

用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了. <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url)

jQuery实现网页顶部固定导航效果代码_jquery

本文实例讲述了jQuery实现网页顶部固定导航效果代码.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

jQuery实现固定在网页顶部的菜单效果代码_jquery

本文实例讲述了jQuery实现固定在网页顶部的菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jQuery的固定在页面顶部的菜单,获取要定位元素距离浏览器顶部的距离,滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-top-fixed-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W