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

所属分类: 网页制作 / 应用技巧 阅读数: 1401
收藏 0 赞 0 分享
本文详细介绍了网页制作学习过程中应该掌握的一些技术,这些内容大家最好一步一步去学习和研究,千万不要跳过去。不过在这里脚本之家站长推荐新入门的学员大家可以掌握前面三项内容就完全可以制作网站了!它们分别是: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上的数据库来说,是一种真正切合的引擎。
更多精彩内容其他人还在看

32个典型的以分栏/网格为基础的网站

如果你正在寻找网页分栏设计的灵感,这里收集了32个典型的以分栏/网格为基础的网站。它们显示了在网页设计中分栏/网格的重要性,无论对于信息量巨大的站点还是个人博客。 1.The New York Times 2.National Post 3.Guardian 4.Times
收藏 0 赞 0 分享

理论普及——用户体验

一、概念分析1:UE用户体验 英文叫做user experience,缩写为UE, 或者UX。 当指电子商务网站的时候也被称作顾客体验(CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享
收藏 0 赞 0 分享

分页案例和好的实践

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。 在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0 赞 0 分享

建立用户体验

也许你刚刚来到一家公司,他们希望进行一些“可用性”工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部门的经理或副总。你知道,如果更好地了解使用产品/软件/网站的人,就可能开发出更好的产品/软件/网站。不管怎么样
收藏 0 赞 0 分享

网页图片快速显示的方法和技巧

1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs. 1.用.gifs格式保存图片,最好不要用.jpgs格式。因为前者的尺寸比后者小。 2.Use 'Height
收藏 0 赞 0 分享

推荐60种分页案例和好的实践

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。 在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0 赞 0 分享

全面的网站评估方案

有时会被问到“看看XXX网站如何?”之类的问题。 谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多人又问“那么你仅从UI/UE的角度看看呢?”首先我们得达成共识,一切花里胡哨都在为功能服务,如果功
收藏 0 赞 0 分享

网页的栅格设计思考

原文地址:http://andymao.com/andy/post/82.html 网页设计中的脏、乱、差,是我们在设计过程中常会遇到的问题。通常"脏"是由对色彩使用不当所产生的,而色彩使用不当产生的不好效果也分为:"花、灰",花哨、
收藏 0 赞 0 分享

设计理论设计中的层次感

原文:http://andymao.com/andy/post/80.html 这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的无非是两种可能,一种是单调,一种是花哨。在设计中我们常
收藏 0 赞 0 分享

网页心得:网页色彩的搭配

网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?这里谈一些心得,希望对你有所启发。 首先我们先来了解一些色彩的基本知识:
收藏 0 赞 0 分享
查看更多