[http://creativecommons.org/licenses/by/3.0/]
This work is licensed under a CC
Attribution 3.0 Unported License [http://creativecommons.org/licenses/by/3.0/]
This lecture provides a hands-on overview of the various tools that are required to create and publish Web pages. This includes authoring a Web page, transferring the page onto your Web space on the Web server, and validating the Web page. For a more detailed look at the Web page in the context of the browser, the Firebug extension allows Firefox users to understand in detail how a Web page is structured and styled.
deliver files
<VirtualHost 128.32.78.26:80> ServerAdmin webmaster@ischool.berkeley.edu ServerName ischool.berkeley.edu RedirectMatch permanent ^/~(.*)$ http://people.ischool.berkeley.edu/~$1 RedirectMatch permanent ^(.*)$ http://www.ischool.berkeley.edu$1
# DocumentRoot: The directory out of which you will serve your # documents. By default, all requests are taken from this directory, but # symbolic links and aliases may be used to point to other locations. # DocumentRoot "/var/www/html"
<Directory /home/*/public_html> Options Indexes SymLinksIfOwnerMatch MultiViews +Includes AllowOverride All XBitHack on DirectoryIndex index.html index.htm index.php
just text
<ul> <li>Unordered lists contain one or more items</li> <li>Each item <em>may contain <strong>markup</strong></em></li> <li>items can also contain further block-level content … <ol> <li>… such as ordered lists</li> </ol> </li> </ul>
<UL> <LI>Unordered lists contain one or more items</LI> <LI>Each item <EM>may contain <STRONG>markup</STRONG></EM></LI> <LI>items can also contain further block-level content … <OL> <LI>… such as ordered lists</LI> </OL> </LI> </UL>
<ul> <li>Unordered lists contain one or more items <li>Each item <em>may contain <strong>markup</strong></em> <li>items can also contain further block-level content … <ol> <li>… such as ordered lists </ol> </li> </ul> <hr>
<!ELEMENT LI - O (%flow;)* -- list item --> <!ATTLIST LI %attrs; -- %coreattrs, %i18n, %events -- >
<!ELEMENT HR - O EMPTY -- horizontal rule --> <!ATTLIST HR %attrs; -- %coreattrs, %i18n, %events -- >
<h2>Overlapping elements</h2> <ul> <li>Unordered lists contain one or more items</li> <li>Each item <em>may contain <strong>markup</em></strong></li> <li>items can also contain further block-level content … <ol> <li>… such as ordered lists</li> </ol> </li> </ul>
< > /
) always must be used properly<ul> < li>Unordered lists contain one or more items</ li> <li >Each item <em>may contain <strong>markup</strong></em></li > <li>items can also contain further block-level content … <ol <li>… such as ordered lists</li> <ol> </li> </ul>
name=value
syntax<h2 id="attributes">Attributes specify element metadata</h2> <ul type="square"> <li>Unordered lists contain one or more items <li>Each item <em>may contain <strong title="'quotes' in value">markup</strong></em> <li>items can also contain further block-level content … <ol start='42'> <li>… such as ordered lists </ol> </li> </ul> <hr> <p><a href="http://validator.w3.org/check/referer">validate page</a> with the <a href="http://validator.w3.org/">W3C Validator</a></p>
<h2 id="attributes" id="error">Attributes markup syntax errors</h2> <ul type="diamond"> <li>Unordered lists contain one or more items <li>Each item <em>may contain <strong title=''quotes' in value'>markup</strong></em> <li>items can also contain further block-level content … <ol start='42"> <li>… such as ordered lists </ol> </li> </ul>