📄 site_intro.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Site Building Introduction</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=aspall2" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>Web Building</b><br />
<a class="left" target="_top" href="default.asp" >Web HOME</a><br />
<a class="left" target="_top" href="site_intro.asp" style='font-weight:bold;'>Web Building</a><br />
<a class="left" target="_top" href="site_design.asp" >Web Design</a><br />
<a class="left" target="_top" href="site_users.asp" >Web Users</a><br />
<a class="left" target="_top" href="site_standards.asp" >Web Standards</a><br />
<a class="left" target="_top" href="site_validate.asp" >Web Validation</a><br />
<a class="left" target="_top" href="site_w3c.asp" >Web W3C</a><br />
<a class="left" target="_top" href="site_security.asp" >Web Security</a><br />
<a class="left" target="_top" href="site_glossary.asp" >Web Glossary</a><br />
<a class="left" target="_top" href="site_search.asp" >Web Search</a><br />
<a class="left" target="_top" href="site_awards.asp" >Web Awards</a><br />
<br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="../quality/default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>Web Building</h1>
<a href="default.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" width="100" height="20" /></a>
<a href="site_design.asp"><img alt="next" border="0" src="../images/btn_next.gif" /></a>
<hr />
<p class="intro">Every Web developer has to know the building blocks of the Web: </p>
<table width="100%" id="table1">
<tr>
<td>
<img border="0" src="pic_developer.jpg" width="126" height="128" alt="Web Developer" /></td>
<td><ul>
<li>HTML 4.01</li>
<li>The use of CSS (style sheets)</li>
<li>XHTML</li>
<li>XML and XSLT</li>
<li>Client side scripting</li>
<li>Server side scripting</li>
<li>Managing data with SQL</li>
<li>The future of the Web</li>
</ul></td></tr>
</table>
<hr />
<h2>HTML 4.01 </h2>
<p>HTML is the language of the Web, and every Web developer should have a basic
understanding of it.</p>
<p>HTML 4.01 is an important Web standard. and
very different from HTML 3.2. </p>
<p>When tags like <font> and color attributes were added to HTML 3.2, it started a
developer's nightmare. Development of
web sites
where font information must be added to every single Web page is a long and expensive pain. </p>
<p>With HTML 4.01 all formatting can be moved out of the HTML document and into a
separate style sheet.</p>
<p>HTML 4.01 is also important because XHTML 1.0 (the latest HTML standard) is
HTML 4.01 "reformulated" as an XML application. Using HTML 4.01 in
your pages makes the future upgrade from HTML to XHTML a very simple process. </p>
<p>Make sure you use the latest HTML 4.01 standard.</p>
<p>
<a href="../html/html_reference.asp">Study our Complete
HTML 4.01 reference</a>. </p>
<hr />
<h2>Cascading Style Sheets (CSS)</h2>
<p>Styles define how HTML elements are displayed, just like the font tag in
HTML 3.2. Styles are normally saved in files external to HTML documents.
External style sheets enable you to change the appearance and layout of all the
pages in your Web, just by editing a single CSS document. If you have ever tried
changing something like the font or color of all the headings in all your Web
pages, you will understand how CSS can save you a lot of work.</p>
<p>Make sure you study our <a href="../css/default.asp">CSS tutorial</a>.</p>
<hr />
<h2>XHTML - The Future of HTML</h2>
<p>XHTML stands for Extensible HyperText Markup Language.</p>
<p>XHTML 1.0 is now the latest HTML standard from W3C. It became an official Recommendation
January 26, 2000. A W3C Recommendation means that the specification is stable
and that the specification is now a Web standard.</p>
<p>XHTML is a reformulation of HTML 4.01 in XML and can be put to immediate use
with existing browsers by following a few simple guidelines. </p>
<p>To prepare for the future: <a href="../xhtml/default.asp">Read how this site was
converted to XHTML</a>.</p>
<hr />
<h2>XML - A Tool for Describing Data</h2>
<p>The Extensible Markup Language (XML) is <b>NOT</b> a replacement for HTML. In
future Web development, XML will be used to describe and carry the
data, while HTML will be used to display the data.</p>
<p>Our best description of XML is as a cross-platform, software- and hardware-independent tool for
storing and transmitting information.</p>
<p>We believe that XML is as important to the Web
as HTML was to the foundation of the Web and that XML will be the most
common tool for all data manipulation and data transmission.</p>
<p>Make sure you study our <a href="../xml/default.asp">XML tutorial</a>.</p>
<hr />
<h2>XSLT - A Tool for Transforming Data</h2>
<p>XSLT (Extensible Stylesheet Language Transformations) is a language for
transforming XML.</p>
<p>Future Web sites will have to deliver data in different formats, to
different browsers, and to other Web servers. To transform XML data into different
formats, XSLT is the new W3C standard.</p>
<p>XSLT can transform an XML file into a format that is recognizable to a
browser. One such format is HTML. Another format is WML - the mark-up language
used in many handheld devices.</p>
<p>XSLT can also add elements, remove, rearrange and sort elements, test and make
decisions about which elements to display, and a lot more.</p>
<p>Make sure you study our <a href="../xsl/default.asp">XSLT tutorial</a>.</p>
<hr />
<h2>Client-Side Scripting</h2>
<p>Client-side scripting is about "programming" the behavior of an Internet
browser. To be able to deliver more dynamic web site content, you should teach yourself
JavaScript:</p>
<ul>
<li><b>JavaScript gives HTML designers a programming tool - </b>HTML authors
are normally not programmers, but JavaScript is a scripting language with a
very simple syntax! Almost anyone can put small "snippets" of code into their
HTML pages.</li>
<li><b>JavaScript can put dynamic text into an HTML page - </b>A JavaScript
statement like this: document.write("<h1>" + name + "</h1>") can write a
variable text into an HTML page. </li>
<li><b>JavaScript can react to events - </b>A JavaScript can be set to execute
when something happens, like when a page has finished loading or when a user
clicks on an HTML element. </li>
<li><b>JavaScript can read and write HTML elements - </b>A JavaScript can read
and change the content of an HTML element.</li>
<li><b>JavaScript can be used to validate data - </b>A JavaScript can be used
to validate form data before it is submitted to a server, this will save the
server from extra processing. </li>
</ul>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -