ࡱ> za߿ߝXo( UUUUzag\Oy Ek( DDp ( / 00DTimes New Roman2v 0( 0DTahomaew Roman2v 0( 0 " DWingdingsRoman2v 0( 0 0DArialngsRoman2v 0( 0 a.  @n?" dd@  @@`` d\2+'DH      !#$%& "/Xr$߿ߝXoifr$g\Oy Ekii <AA@8 _Rʚ;}46ʚ;g47d7dv 0ppp@ <4!d!d` 0L3<4dddd` 0L3<4BdBd` 0L3P0___PPT10 pp___PPT9nu=!BWk@~PNG  IHDRF} PLTE3:tRNS@f cmPPJCmp0712Om9IDATc``b $<&40(Zжj˂AtM iIENDB`{20? %O ={.VARS  Website Creation wPlanning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) *xZU"x     *.VARS  Website Creation      / ! " # $ % &()+- ` @EoOV` @Eff؂o` MMMwww` 33f3Ƨgzf` 3ffE` JH3f̙ff` 33̙fRP` =bf>?" dd@,?wnd@ n< w_@nA``< n?" dd@   @@``PP   @ ` ` p>> .(&(CC$'(  $!T  $ "b  $# " \  $ "B $ HDA "B $ HDA "B $ HDA "@@B $ HDA "B  $ HDA "B  $ HDA "B  $ HDA "@@B  $ HDA "B  $ HDA "B $ HDA "B $ HDA "@@B $ HDA "  B $ HDA "  B $ HDA "  B $ HDA "@ @ B $ HDA "  B $ HDA "  B $ HDA "  B $ HDA "@@B $ HDA "B $ HDA "B $ HDA "z\  $ "B $ HDA "B $ HDA "B $ HDA "@@B $ HDA "B  $ HDA "B !$ HDA "B "$ HDA "@@B #$ HDA "B $$ HDA "B %$ HDA "B &$ HDA "@@B '$ HDA " B ($ HDA " B )$ HDA " B *$ HDA "@ @ B +$ HDA " B ,$ HDA " B -$ HDA " B .$ HDA "@@B /$ HDA "B 0$ HDA "B 1$ HDA "B 2$ HDA "@@B 3$ HDA "B 4$ HDA "B 5$ HDA "B 6$ HDA "@@B 7$ HDA "B 8$ HDA " 9$ # t?A?60%"@`tB :$ 6D"tb `  ;$# "|i4 tB <$B 6D"`  tB =$ 6D"PP 2 >$B  BCENGGHʲI[TQ zR(VzR(V[T`TzR(V[T`T" ?$ 6,z "  f.VARS  Website Creation  @$ | Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level"0  RClick to edit Master text styles Second level Third level Fourth level Fifth level!    S  A$ 6h "``  d*   B$ 64 "`   \*   C$ 6 "`   \*  H $ 0޽h ?>$ @Eff؂o___PPT92p22 Blueprint*  **`GG()(  (B$T  ( "6b  (# " ( T??"@`\  ( "B ( HDA "B ( HDA "B ( HDA "@@B  ( HDA "B  ( HDA "B  ( HDA "B  ( HDA "@@B  ( HDA "B ( HDA "B ( HDA "B ( HDA "@@B ( HDA "  B ( HDA "  B ( HDA "  B ( HDA "@ @ B ( HDA "  B ( HDA "  B ( HDA "  B ( HDA "@@B ( HDA "B ( HDA "B ( HDA "B ( HDA "B ( HDA "B ( HDA "@@B ( HDA "B  ( HDA "B !( HDA "B "( HDA "@@B #( HDA "B $( HDA "B %( HDA "B &( HDA "@@B '( HDA " B (( HDA " B )( HDA " B *( HDA "@ @ B +( HDA " B ,( HDA " B -( HDA " B .( HDA "@@B /( HDA "B 0( HDA "B 1( HDA "B 2( HDA "@@B 3( HDA "B 4( HDA "B 5( HDA "B 6( HDA "@@B 7( HDA "B 8( HDA "tB 9( 6D"$\ /c3  :( "/c3 B ;( 6D"/3 ,$D 0tB <( 6D" tB =( 6D"c2 >(B  ZBCENGGHʲI[TQ zR(VzR(V[T`TzR(V[T`T"]Ft\  ?( "tB @( 6D"r r tB A(B 6D"442 B(  ZBCENGGHʲI[TQ zR(VzR(V[T`TzR(V[T`T"   C( 6. "Pp   X Click to edit Master title style!!  D( 0 Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level"%p0u   [#Click to edit Master subtitle style$$  E( 6$5 "``  d*   F( 6X4 "`   \*   G( 6= "`   \*  H ( 0޽h ?/ >(B( @Eff؂o0 @&(    0 P    V*     0     X*   d  c $ ?    0  @  RClick to edit Master text styles Second level Third level Fourth level Fifth level!    S   6T `P   V*     6P `   X*   H  0޽h ? ̙3380___PPT10. i  XP0,(  ,r , S ?$   r , S @$0p   , < A  PWHY? < H , 0޽h ? @Eff؂o C;@h(  h h 6H  .VARS  Website Creation ,  h $ Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level0pD<4___PPT9 #For development To share on the www&$ wn$ $  h <x-   RWhere? <  h S l0?$   X.VARS  Website Creation H h 0޽h ? @Eff؂o P(    66  .VARS  Website Creation , R  x? Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level0pD<4___PPT9 6Notepad AOLPress Frontpage Express ISP Supplied tools &7 wn7 F        <9   QTools <   S G?$   X.VARS  Website Creation H  0޽h ? @Eff؂o e]`0(  0 0 6R  .VARS  Website Creation , & 0 l[ Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level0pD<4___PPT9 &Internet Explorer Firefox Text readers&' wn' *    0 <te 0 U Browsers?   <   0 S c?$   X.VARS  Website Creation H 0 0޽h ? @Eff؂o 2*p4(  4 4 6]  .VARS  Website Creation ,  4 Hv Rectangle: Click to edit Master text styles Second level Third level Fourth level Fifth level0pD<4___PPT9  <body>��&�������� ��w��n������������� �������������� ��������������� ���4��� ��� <����������������������������������� 0� _����������������Basic Construction?����������� ����������<�������������� ������ ���4��� ��� <����t~�������������������������������` 4� u�������������)���See accompanying sample web page - 05.htm�����*������ ���*�������������*�������� ������� ���4�� ��S� ��������̅������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���4��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� 4���,���������`������(���� �������������������� ����`���������� ���`��� ��� 6��������|���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� �������������������������� ��� ���`��� ��� ��������L������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������&���Simple colours Images Repeating images��&���'����� ��w��n������'������� ������'�������� ��������������� ���`��� ��� <����������������������������������� � W������������� ���Backgrounds����� ������ ��� �������<������ �������� ������ ���`��� ��� <�����������������������������������` 4� u�������������)���See accompanying sample web page - 06.htm�����*������ ���*�������������*�������� ������� ���`�� ��S� ��������������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���`��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� I���A���������8������(���� �������������������� ����8���������� ���8��� ��� 6��������(���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���8��� ��� �������������������� ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� ����������������<br> <hr> <p> align��&�������� ��w��n������������� ���*����������� ��������� ���������� ��������������� ���8��� ��� <����ؿ������������������������������� 0� _����������������Laying out of text.����������� ����������<�������������� ������ ���8��� ��� <�����������������������������������` 4� u�������������)���See accompanying sample web page - 07.htm�����*������ ���*�������������*�������� ������� ���8�� ��S� ��������ŧ������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���8��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� E���=���������\������(���� �������������������� ����\���������� ���\��� ��� 6��������̧���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���\��� ��� ��������է������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������3���Size / Style <big> / <small> <i> <b> <size> <font> ��&���4����� ��w��n������4������� ������4�������� ��������������� ���\��� ��� <����@ا������������������������������� � [����������������Formatting text����������� ����������<�������������� ������ ���\��� ��� <����<�������������������������������` 4� u�������������)���See accompanying sample web page - 08.htm�����*������ ���*�������������*�������� ������� ���\�� ��S� ��������������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���\��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� q���i���������<������(���� �������������������� ����<���������� ���<��� ��� 6��������T���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ��������������������������@��� ���<��� ��� ��������$������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������@���<�a� �h�r�e�f�=� y�o�u�r� �p�a�g�e� �h�e�r�e� >� �t�a�r�g�e�t���&���!����� ��w��n������!������� ���*����������� ��������� ���������� ��������������� ���<��� ��� <������������������������������������ R� ^����������������Links to resources����������� ����������<�������������� ������ ���<��� ��� <���� �������������������������������` 4� u�������������)���See accompanying sample web page - 09.htm�����*������ ���*�������������*�������� ������� ���<�� ��S� ��������������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���<��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������� ������ b���Z���������@������(���� �������������������� ����@���������� ���@��� ��� 6��������|���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ��������������������������3��� ���@��� ��� �������� ������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� ����������������<img src> Size Alt text��&�������� ��w��n������������� ���F����������� ��������� ���������� ��������� ���������� ��������������� ���@��� ��� <����!������������������������������� j� \����������������Inserting Images����������� ����������<�������������� ������ ���@��� ��� <����$�������������������������������` 4� u�������������)���See accompanying sample web page - 10.htm�����*������ ���*�������������*�������� ������� ���@�� ��S� ��������X(������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���@��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������� ������ 7���/���������t������(���� �������������������� ����t���������� ���t��� ��� 6��������l.���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���t��� ��� ��������<7������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������$���Clickable Animated images Image maps��&���%����� ��w��n������%������� ������%�������� ��������������� ���t��� ��� <���� @������������������������������� ~j� \����������������More with Images����������� ����������<�������������� ������ ���t��� ��� <����,D�������������������������������` 4� u�������������)���See accompanying sample web page - 11.htm�����*������ ���*�������������*�������� ������� ���t�� ��S� ��������>������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���t��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���u������������������� ������ %������������p������(���� �������������������� ����p���������� ���p��� ��� 6��������U���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���p��� ��� ��������V������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� ����������������Ordered Unordered Definitions��&�������� ��w��n������������� �������������� ��������������� ���p��� ��� <����_������������������������������� >j� Q����������������Lists����������� ����������<�������������� ������ ���p��� ��� <����d^�������������������������������` 4� u�������������)���See accompanying sample web page - 12.htm�����*������ ���*�������������*�������� ������� ���p�� ��S� ��������f������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���p��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o������������ ��������������� �����P������������(���� �������������������� �������������� ����� ��c ��������l�0e�����0e����������������������������������������������������� ���?$������#�" ��������0e������������� ������� �� ���������������� ������ ��� ��������4������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�R����J����B��������_�_�_�P�P�T�9���$����������������������������������� 5���������������A Great way to layout your page Or to just present tabular data Just three tags to get it started: <table> <tr> - Rows <td> - Columns��L���c����� ��w��n������#���� ��w��n������c������� �#���������*���l�������� ��������� ���������� ��������������� ������ ��� <����L�������������������������������  j� R����������������Tables����������� ����������<�������������� ������ ������ ��� <�����������������������������������` 4� u�������������)���See accompanying sample web page - 13.htm�����*������ ���*�������������*�������� ���H���� ������ ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���8����0��������_�_�_�P�P�T�1�0��������.���`➥�������������������� ������ |���t���������D��� ���(���� �������������������� ����D���������� ���D��� ��� 6��������m���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ��������������������������1��� ���D��� ��� ��������Xv������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������M���Simplifies site design Can prove difficult to navigate Generally frowned upon��&���N����� ��w��n������N������� ������N�������� ��������������� ���D��� ��� <�����������������������������������PS� x����������������Frames & iFrames����������� ����������<���*��� �������� ��������� ���������� ������ ���D��� ��� <����܃�������������������������������` 4� u�������������)���See accompanying sample web page - 14.htm�����*������ ���*�������������*�������� ������� ���D�� ��S� ��������������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���D��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������� ������ B���:�� �������H������(���� �������������������� ����H���������� ���H��� ��� 6������������������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� �������������������������� ��� ���H��� ��� ��������4������������� ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������'���Additional functionality Extra features��&���(����� ��w��n������(������� ������(�������� ��������������� ���H��� ��� <����P�������������������������������� � d������������� ���Javascript����� ������ ��� �������<������ ������� ���������� ������ ���H��� ��� <������������������������������������` 4� u�������������)���See accompanying sample web page - 15.htm�����*������ ���*�������������*�������� ������� ���H�� ��S� ���������������?$�������������� ��� ��� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���H��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���b������������������������� ��� ���������L������(���� �������������������� ����L���������� ���L��� ��� 6��������`���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���L��� ��� ��������<������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� f�������������&�������� ��w��n������������� �������������� ��������������� ���L��� ��� <����������������������������������� @6� _����������������Advanced techniques����������� ����������<�������������� ������ ���L��� ��� ��������ĥ������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������`�`����X����P��������_�_�_�P�P�T�9���2�����*������������������������������������������� S������������s���Cascading style sheets. Enable simple global formatting Metadata Limits or allows spiders Gives info about the site���������� ��w��n������ ���� ��w��n������ ����� ��w��n������3���� ��w��n������������� � ������� ������� �3������������t�������� ���������������� ���L�� ��S� ��������а������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���L��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� Z���R��������T������(���� �������������������� ����T���������� ���T��� ��� 6��������Ľ���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ����������������������������� ���T��� ��� ��������8¨������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� �������������1���Emerging technologies Video streaming Flash www2 ��&���2����� ��w��n������2������� ������2�������� ��������������� ���T��� ��� <����ʨ�������������������������������Qj� [����������������The way forward����������� ����������<�������������� ������� ���T�� ��S� ��������Ϩ������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���T��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o���������������������������� ����� ������X���4���(���� �������������������� ����X���������� ���X��� ��� 6��������4ը���������������� ���������� �������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n������������ ����������,����������������� ��������������������������f��� ���X��� ��� ��������ި������������ ������R�e�c�t�a�n�g�l�e�:� �C�l�i�c�k� �t�o� �e�d�i�t� �M�a�s�t�e�r� �t�e�x�t� �s�t�y�l�e�s� � �S�e�c�o�n�d� �l�e�v�e�l� � �T�h�i�r�d� �l�e�v�e�l� � �F�o�u�r�t�h� �l�e�v�e�l� � �F�i�f�t�h� �l�e�v�e�l��������0p�D����<����4��������_�_�_�P�P�T�9������������������������� ����������������I�t� s� �e�a�s�y� �I�t� s� �n�o�t� �e�x�p�e�n�s�i�v�e� �I�t� s� �f�u�n� �F�o�r� �a� �h�o�b�b�y� �F�o�r� �t�h�e� �f�a�m�i�l�y� ���&���B����� ��w��n������B������� ������B�������� ��������������� ���X��� ��� <����������������������������������� c� T����������������WHY NOT?����� ������ ��� �������<������ �������� ������� ���X�� ��S� ��������`������?$�������������� ��� �� X��������������.���V�A�R�S� � �W�e�b�s�i�t�e� �C�r�e�a�t�i�o�n�������������� ���H���� ���X��� ��� 0���������޽h������ ���?��� ����@E��f�f�؂��o��� ���������0� b ���Z ��0������d��� ���(���� �������������������� ����d������X���� ���d�� ��C� ����������������� ������ ������� ��Z ��� ���d�� ��S� ��������H"������������� @������ ������ �� ��������������I� �k�n�o�w� �t�h�e�r�e� �a�r�e� �m�e�m�b�e�r�s� �o�f� �o�u�r� �C�l�u�b�,� �w�h�o� �e�i�t�h�e�r� �h�a�v�e� �w�e�b�s�i�t�e�s� �a�l�r�e�a�d�y�,� �a�n�d� �t�h�o�s�e� �w�h�o� �a�r�e� �t�h�i�n�k�i�n�g� �o�f� �b�u�i�l�d�i�n�g� �o�n�e�.� �F�o�r� �t�h�e�s�e� �m�e�m�b�e�r�s� �w�h�o� �a�l�r�e�a�d�y� �h�a�v�e�,� �I� �w�i�l�l� �s�h�o�w� �s�o�m�e� �t�e�c�h�n�i�q�u�e�s� �t�h�a�t� �w�i�l�l� �h�e�l�p� �t�o� �c�r�e�a�t�e� �a� �b�e�t�t�e�r� �s�i�t�e�.� �A�n�d� �f�o�r� �t�h�e� �m�e�m�b�e�r�s� �w�h�o� �h�a�v�e�n� t� �y�e�t�,� �I� �h�o�p�e� �t�o� �d�e�m�o�n�s�t�r�a�t�e� �t�h�a�t� �H�T�M�L� �i�s�n� t� �c�o�n�f�u�s�i�n�g�,� �a�n�d� �c�o�u�l�d� �b�e� �u�s�e�d� �b�y� �a�n�y�o�n�e�.� �T�h�e�y� �a�r�e� �a� �g�r�e�a�t� �w�a�y� �t�o� �s�h�a�r�e� �p�h�o�t�o�g�r�a�p�h�s� �w�i�t�h� �t�h�e� �w�h�o�l�e� �f�a�m�i�l�y�,� �a�l�t�h�o�u�g�h� �t�h�e�r�e� �a�r�e� �d�e�d�i�c�a�t�e�d� �s�i�t�e�s� �a�v�a�i�l�a�b�l�e� �w�h�e�r�e� �t�h�i�s� �c�a�n� �b�e� �d�o�n�e� �e�a�s�i�l�y�.� �I�.�e�.� �F�l�i�c�k�r� �(�w�w�w�.�f�l�i�c�k�r�.�c�o�m�)� �o�r� �P�h�o�t�o�s�i�t�e� �(�w�w�w�.�p�h�o�t�o�s�i�t�e�.�c�o�m�)� �o�r� �e�v�e�n� �T�r�u�p�r�i�n�t� �(�w�w�w�.�t�r�u�p�r�i�n�t�.�c�o�.�u�k�)� �w�h�e�r�e� �p�r�i�n�t�s� �c�a�n� �a�l�s�o� �b�e� �o�r�d�e�r�e�d�.� �A�l�t�e�r�n�a�t�i�v�e�l�y� �t�h�e�r�e� �a�r�e� �d�e�d�i�c�a�t�e�d� �s�i�t�e�s� �t�h�a�t� �o�f�f�e�r� �b�l�o�g�s�,� �w�h�e�r�e� �u�s�e�r�s� �c�a�n� �p�o�s�t� �a�n� �o�n�l�i�n�e� �d�i�a�r�y�,� �b�u�t� �a�g�a�i�n�,� �t�h�e�r�e� �a�r�e� �l�i�m�i�t�a�t�i�o�n�s� �w�h�e�n� �d�o�i�n�g� �t�h�i�s�.� �D�e�v�e�l�o�p�i�n�g� �y�o�u�r� �o�w�n� �p�a�g�e�s� �h�a�s� �c�e�r�t�a�i�n� �a�d�v�a�n�t�a�g�e�s�,� �a�s� �y�o�u� �c�a�n� �i�n�c�l�u�d�e� �t�e�x�t� �a�n�d� �l�i�n�k�s� �t�o� �e�n�h�a�n�c�e� �y�o�u�r� �p�h�o�t�o�g�r�a�p�h� �a�l�b�u�m�.� �W�e�b� �p�a�g�e�s� �b�e� �f�u�n�c�t�i�o�n�a�l� �u�s�i�n�g� �a� �f�e�w� �s�i�m�p�l�e� �l�i�n�e�s� �i�n� �a� �f�i�l�e�,� �a�n�d� �c�a�n� �d�e�v�e�l�o�p� �o�v�e�r� �t�i�m�e�.� �T�h�e� �V�A�R�S� �S�i�t�e� �h�a�s� �b�e�e�n� �d�e�v�e�l�o�p�i�n�g� �a�n�d� �g�r�o�w�i�n�g� �f�o�r� �a�b�o�u�t� �s�i�x� �y�e�a�r�s�!������������� ��������� ���������� ��������� ���������� �� ������� ���������� ��������� �� �������� ��������� ���������� ��������� ��W�������� ��������� ��j������� ���H���� ���d��� ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� L���D��p������l������(���� �������������������� ����l������X���� ���l�� ��C� ����������������� ������ ������� ��D��� ���l�� ��S� ��������H������������� @������ ������ �� ��������������A website can simply be developed on your own hard disk, or directly on the web. There are web hosting companies that specialise in providing webspace and tools for website creation, that require little or no previous html knowledge. Examples of these are tripod.com, and geocities.com, however for the purposes of this presentation, I will concentrate on the traditional techniques of web page creation. There are two points to bear in mind, that will save hours of head scratching if a site is deployed to a web server, these are links, and case sensitivity. Links will be covered in a later slide, but Case sensitivity is a pitfall that will confound many first time designers. As many servers run on UNIX or LINUX boxes, these are case sensitive. Although your site may work fine when tested on your PC, if you have mixed upper and lower case characters, you are likely to encounter problems. ALWAYS USE LOWER CASE!��*����������� ��������� ��������� ���H���� ���l��� ��� 0��������޽h������� ���?��� ��������������̙�33����~���������0� >���6��������x������(���� �������������������� ����x������X���� ���x�� ��C� ����������������� ������ ������� ��6��� ���x�� ��S� ��������DR������������� @������ ������ �� ������������n��There are numerous Applications on the market, and available free via cover disks, but The best way to keep control of your code is to use Notepad. If extra tools are needed, then AOL Press or Frontpage express are quite good. Alternatively, some web hosting companies offer site builder software, that will enable even the nmost inexperienced user to create a site.��F����������� �� ������� ��y�������� ��������� ��%�������� ���H���� ���x��� ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� �����������|���:���(���� �������������������� ����|������X���� ���|�� ��C� ����������������� ������ ������� ����� ���|�� ��S� ��������a������������� @������ ������ �� <��������������B�e� �a�w�a�r�e� �t�h�a�t� �i�t� �i�s� �w�i�s�e� �t�o� �t�e�s�t� �y�o�u�r� �s�i�t�e� �u�s�i�n�g� �a�s� �m�a�n�y� �b�r�o�w�s�e�r�s� �a�s� �p�o�s�s�i�b�l�e�,� �t�o� �a�s�c�e�r�t�a�i�n� �h�o�w� �y�o�u�r� �s�i�t�e� �w�i�l�l� �l�o�o�k�.� �B�e� �c�a�r�e�f�u�l� �t�o� �a�v�o�i�d� �u�s�i�n�g� �c�o�l�o�u�r�s� �t�h�a�t� �a�r�e� �i�n�d�i�s�t�i�n�g�u�i�s�h�a�b�l�e� �f�o�r� �c�o�l�o�u�r� �b�l�i�n�d� �p�e�o�p�l�e�.� �T�r�y� �t�o� �c�a�t�e�r� �f�o�r� �t�h�e� �l�e�a�s�t� �a�b�l�e� �v�i�s�i�t�o�r�s�.� �B�e� �c�a�r�e�f�u�l� �n�o�t� �t�o� �m�a�k�e� �t�h�e� �w�e�b� �p�a�g�e� �t�o�o� �w�i�d�e�,� �s�o� �t�h�a�t� �u�s�e�r�s� �w�i�l�l� �h�a�v�e� �t�o� �u�s�e� �t�h�e� �h�o�r�i�z�o�n�t�a�l� �s�c�r�o�l�l� �b�a�r�s�.� �T�h�i�s� �i�s� �n�o�t� �o�n�l�y� �i�r�r�i�t�a�t�i�n�g�a�s� �m�a�n�y� �p�e�o�p�l�e� �r�e�l�y� �o�n� �a� �w�h�e�e�l� �m�o�u�s�e� �t�o� �s�i�m�p�l�y� �s�c�r�o�l�l� �d�o�w�n� �a� �p�a�g�e�,� �b�u�t� �i�t� �c�a�n� �p�r�o�d�u�c�e� �p�o�o�r� �r�e�s�u�l�t�s� �i�f� �a� �p�a�g�e� �i�s� �s�u�b�s�e�q�u�e�n�t�l�y� �p�r�i�n�t�e�d�.� �A�l�t�h�o�u�g�h� �I�n�t�e�r�n�e�t� �E�x�p�l�o�r�e�r� �i�s� �t�h�e� �m�o�s�t� �d�o�m�i�n�a�n�t� �o�f� �b�r�o�w�s�e�r�s�,� �F�i�r�e�f�o�x� �i�s� �b�e�c�o�m�i�n�g� �i�n�c�r�e�a�s�i�n�g�l�y� �p�o�p�u�l�a�r�,� �a�n�d� �n�o�r�m�a�l�l�y� �r�e�n�d�e�r�s� �a� �w�e�b�p�a�g�e� �f�a�s�t�e�r� �t�h�a�n� �I�.�E�.� � �I�t� �i�s� �a�v�a�i�l�a�b�l�e� �f�o�r� �d�o�w�n�l�o�a�d� �f�r�e�e� �o�f� �c�h�a�r�g�e� �f�r�o�m� �t�h�e� �f�i�r�e�-�f�o�x� �w�e�b�s�i�t�e�.� ���b���o������� �� ������� ���������� ��������� ��9�������� ��������� ��[�������� ���H���� ���|��� ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� X���P��������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��P��� ����� ��S� ��������q������������� @������ ������ �� ��������������T�h�e� �b�a�s�i�c� �b�u�i�l�d�i�n�g� �b�l�o�c�k�s� �o�f� �a� �w�e�b� �p�a�g�e� �a�r�e� �r�e�a�l�l�y� �q�u�i�t�e� �m�i�n�i�m�a�l�,� �a�n�d� �t�h�e� �b�a�s�i�c� �w�e�b� �p�a�g�e� �c�o�n�s�i�s�t�s� �o�f� �j�u�s�t� �f�o�u�r� �n�e�s�t�e�d� �t�a�g�s�.� � �H�T�M�L� �i�s� �n�o�t� �a� �l�a�n�g�u�a�g�e� �i�n� �t�h�e� �t�r�u�e� �s�e�n�s�e� �o�f� �t�h�e� �w�o�r�d�,� �b�u�t� �i�s� �a� �m�a�r�k�u�p� �l�a�n�g�u�a�g�e�,� �t�h�a�t� �s�i�m�p�l�y� �i�s�s�u�e�s� �c�o�m�m�a�n�d�s� �t�o� �t�h�e� �b�r�o�w�s�e�r� �t�o� �i�n�d�i�c�a�t�e� �h�o�w� �t�h�e� �p�a�r�t�s� �o�f� �t�h�e� �p�a�g�e� �a�r�e� �t�o� �b�e� �d�i�s�p�l�a�y�e�d�.� �A�l�w�a�y�s� �r�e�m�e�m�b�e�r� �t�o� �a�l�w�a�y�s� �k�e�e�p� �y�o�u�r� �T�a�g�s� �p�a�i�r�e�d� �(�o�p�e�n� �t�a�g� �a�n�d� �c�l�o�s�i�n�g� �t�a�g� � �w�i�t�h� �f�e�w� �e�x�c�e�p�t�i�o�n�s�)� �I�f� �t�h�i�s� �s�i�m�p�l�e� �r�u�l�e� �i�s� �f�o�l�l�o�w�e�d�,� �t�h�e�n� �b�u�i�l�d�i�n�g� �a� �w�e�b�p�a�g�e� �b�e�c�o�m�e�s� �a� �b�r�e�e�z�e�.� �A�l�w�a�y�s� �r�e�m�e�m�b�e�r� �t�o� �c�l�o�s�e� �t�a�g�s� �i�n� �t�h�e� �r�e�v�e�r�s�e� �o�r�d�e�r� �t�o� �h�o�w� �t�h�e�y� �w�e�r�e� �o�p�e�n�e�d�,� �a�n�d� �f�o�r� �c�o�n�s�i�s�t�e�n�c�y�,� �k�e�e�p� �c�a�p�i�t�a�l�i�s�a�t�i�o�n� �o�f� �t�h�e� �t�a�g�s� �c�o�n�s�i�s�t�e�n�t� �t�h�r�o�u�g�h� �t�h�e� �p�a�g�e�.� �(�a�n�d� �s�i�t�e�)� �(�N�o�t�e�:� �t�h�e� �f�i�r�s�t� �p�a�g�e� �s�h�o�u�l�d� �h�a�v�e� �t�h�e� �f�i�l�e�n�a�m�e� �o�f� �i�n�d�e�x�.�h�t�m�)���F����������� ��������� ��������� ��������� ���������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� h���`��������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��`��� ����� ��S� ��������d~������������� @������ ������ �� ����������������A simple web page can be made to look quite elaborate, by simply incorporating a background colour or image. Images can be made to float or to remain static, and can repeat to cover the entire page if needed.������������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����z���������0� :���2��������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��2��� ����� ��S� ��������������������� @������ ������ �� ��������������B�r�o�w�s�e�r� �s�o�f�t�w�a�r�e� �w�i�l�l� �i�g�n�o�r�e� �e�x�t�r�a� �s�p�a�c�e�s� �a�n�d� �c�a�r�r�i�a�g�e� �r�e�t�u�r�n�s� �(�r�e�f�e�r�r�e�d� �t�o� �a�s� � w�h�i�t�e� �s�p�a�c�e� )� �s�o� �i�t� �i�s� �n�e�c�e�s�s�a�r�y� �t�o� �u�s�e� �T�A�G�S� �t�o� �l�a�y� �o�u�t� �t�h�e� �t�e�x�t� �a�s� �y�o�u� �w�i�s�h� �i�t� �t�o� �b�e� �d�i�s�p�l�a�y�e�d�.� �T�h�e�r�e� �i�s� �o�n�e� �t�e�c�h�n�i�q�u�e� �t�o� �f�o�r�c�e� �t�h�e� �b�r�o�w�s�e�r� �t�o� �d�i�s�p�l�a�y� �t�h�e� �t�e�x�t� �a�s� �i�t� �i�s� �t�y�p�e�d�,� �b�u�t� �t�h�i�s� �l�i�m�i�t�s� �t�h�e� �f�l�e�x�i�b�i�l�i�t�y� �o�f� �h�t�m�l� �a�n�d� �s�h�o�u�l�d� �o�n�l�y� �b�e� �u�s�e�d� �w�h�e�r�e� �n�e�c�e�s�s�a�r�y�.������R������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����D���������0� �����������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ������ ����� ��S� ���������������������� @������ ������ �� �������������l���Text can be formatted to emphasise certain characters, by use of italics, bold, colour, size, and even font.�����m�������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����Q���������0� ��� ��������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� �� ��� ����� ��S� ��������d������������� @������ ������ �� ������������y��External links really make a web page come alive, these can simply link to other pages in your site, or pages on another site. If the link points to a page on another site, you should consider if you want that page to load in a new window. Remember: if you use relative links, then your site will be portable, and should work on the web as well as it does from your hard drive.�����z������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� ��������������<���(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ����� ����� ��S� ��������������������� @������ ������ �� >��������������I�m�a�g�e�s� �a�r�e� �a� �g�o�o�d� �w�a�y� �t�o� �d�r�a�w� �a�t�t�e�n�t�i�o�n� �t�o� �y�o�u�r� �s�i�t�e�,� �J�u�s�t� �u�s�i�n�g� �t�e�x�t� �m�a�y� �c�o�n�v�e�y� �l�o�t�s� �o�f� �i�n�f�o�r�m�a�t�i�o�n�,� �b�u�t� �r�e�m�e�m�b�e�r� �o�n�e� �p�i�c�t�u�r�e� �i�s� �w�o�r�t�h� �a� �t�h�o�u�s�a�n�d� �w�o�r�d�s�.� �R�e�m�e�m�b�e�r� �t�h�a�t� �t�h�e� �l�e�s�s� �a�b�l�e� �v�i�s�i�t�o�r� �m�a�y� �b�e� �u�n�a�b�l�e� �t�o� �v�i�e�w� �y�o�u�r� �f�a�n�c�y� �i�m�a�g�e�s�,� �a�s� �h�e� �m�a�y� �h�a�v�e� �r�e�s�t�r�i�c�t�e�d� �v�i�s�i�o�n�,� �a�n�d� �u�s�e� �a� �t�e�x�t� �r�e�a�d�e�r�,� �o�r� �m�a�y� �b�e� �u�s�i�n�g� �a� �t�e�x�t� �o�n�l�y� �b�r�o�w�s�e�r� � �T�o� �a�c�c�o�m�m�o�d�a�t�e� �s�u�c�h� �v�i�s�i�t�o�r�s� �y�o�u� �s�h�o�u�l�d� �a�l�w�a�y�s� �i�n�c�o�r�p�o�r�a�t�e� �a�l�t� �t�e�x�t�.������������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� S���K���������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��K��� ����� ��S� ��������������������� @������ ������ �� ����������������Images can be made clickable, they can have certain regions clickable (image map) or even Animated using Animation shop or similar.��F����������� �� ������� �� �������� �� ������� ��>�������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����*���������0� ��������������z���(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ����� ����� ��S� ��������T������������� @������ ������ �� |������������R��L�i�s�t�s� �m�a�k�e� �a� �g�o�o�d� �w�a�y� �o�f� �p�r�e�s�e�n�t�i�n�g� �i�n�f�o�r�m�a�t�i�o�n�.� � �T�h�e�r�e� �a�r�e� �e�s�s�e�n�t�i�a�l�l�y� �t�h�r�e�e� �t�y�p�e�s� �t�h�a�t� �c�a�n� �b�e� �u�s�e�d�,� �e�a�c�h� �h�a�s� �i�t� s� �o�w�n� �m�e�r�i�t�s�,� �a�s� �c�a�n� �b�e� �s�e�e�n� �i�n� �t�h�e� �d�e�m�o�n�s�t�r�a�t�i�o�n� �h�t�m�l�.�������������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33�������������0� f���^��0������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��^��� ����� ��S� ��������d������������� @������ ������ �� ��������������F�r�a�m�e�s� �a�r�e� �o�f�t�e�n� �f�r�o�w�n�e�d� �u�p�o�n� �e�s�p� �b�y� �t�h�e� �w�3�c�.� �A�s� �t�h�e�y� �c�a�n� �o�f�t�e�n� �c�a�u�s�e� �d�i�f�f�i�c�u�l�t�y� �w�h�e�n� �n�a�v�i�g�a�t�i�n�g� �a�r�o�u�n�d� �a� �s�i�t�e�.� �B�u�t� �d�e�s�p�i�t�e� �t�h�i�s�,� �m�a�n�y� �w�e�b�s�i�t�e�s� �u�s�e� �t�h�e�m� �t�o� �s�i�m�p�l�i�f�y� �d�e�s�i�g�n� �a�n�d� �r�e�u�s�e� �W�e�b�P�a�g�e�s�.� �T�h�e�y� �o�f�f�e�r� �a�n� �e�a�s�y� �w�a�y� �t�o� �s�e�p�a�r�a�t�e� �n�a�v�i�g�a�t�i�o�n�,� �b�r�a�n�d�i�n�g�,� �a�n�d� �c�o�n�t�e�n�t�.� �N�.�B�.� �a� �s�i�m�i�l�a�r� �e�f�f�e�c�t� �m�a�y� �b�e� �o�b�t�a�i�n�e�d� �b�y� �u�s�i�n�g� �t�h�e� �t�a�b�l�e�s� �f�r�o�m� �t�h�e� �p�r�e�v�i�o�u�s� �s�l�i�d�e�.���*����������� ��������� ��9������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����R������ ���0� ��� ��@������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� �� ��� ����� ��S� ��������������������� @������ ������ �� �������������z���Extra functionality can be added using JavaScript, but remember the rules about catering for the lowest common denominator�����{�������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����< ������ ���0� �����P������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ����� ����� ��S� ��������������������� @������ ������ �� ��������������S�t�y�l�e� �s�h�e�e�t�s� �a�r�e� �b�e�y�o�n�d� �t�h�e� �s�c�o�p�e� �o�f� �t�h�i�s� �t�a�l�k�,� �b�u�t� �a�r�e� �m�e�n�t�i�o�n�e�d�,� �a�s� �t�h�e�y� �a�r�e� �b�e�c�o�m�i�n�g� �u�s�e�d� �q�u�i�t�e� �w�i�d�e�l�y�.� �T�h�e�y� �e�n�a�b�l�e� �e�n�a�b�l�e� �c�h�a�n�g�e�s� �t�o� �b�e� �m�a�d�e� �t�o� �t�h�e� �e�n�t�i�r�e� �s�i�t�e� �b�y� �s�i�m�p�l�y� �c�h�a�n�g�i�n�g� �t�h�e� �c�o�n�t�e�n�t�s� �o�f� �o�n�e� �f�i�l�e�.� �(�F�u�r�t�h�e�r� �i�n�f�o�r�m�a�t�i�o�n� �m�a�y� �b�e� �f�o�u�n�d� �a�t�:� � w�w�w�.�w�3�.�o�r�g�/�S�t�y�l�e�/�C�S�S� )� �M�e�t�a�d�a�t�a�,� �i�s� �a� �m�e�t�h�o�d� �o�f� �s�p�e�c�i�f�y�i�n�g� �i�n�f�o�r�m�a�t�i�o�n� �a�b�o�u�t� �t�h�e� �p�a�g�e� �t�h�a�t� �c�a�n� �b�e� �r�e�a�d� �b�y� �w�e�b�-�b�o�t�s� �(�s�e�e� �S�p�i�d�e�r�s�)�.� � �M�e�t�a� �d�a�t�a� �i�s� �i�n�c�l�u�d�e�d� �i�n� �t�h�e� �H�E�A�D� �a�r�e�a� �o�f� �t�h�e� �p�a�g�e�,� �a�n�d� �a�l�t�h�o�u�g�h� �i�t� �i�s� �i�n�v�i�s�i�b�l�e� �t�o� �t�h�e� �v�i�s�i�t�o�r�,� �i�t� �c�a�n� �g�i�v�e� �a�d�d�i�t�i�o�n�a�l� �i�n�f�o�r�m�a�t�i�o�n� �a�b�o�u�t� �t�h�e� �s�i�t�e� �t�o� �s�p�i�d�e�r�s�.� �(�s�p�e�c�i�a�l� �p�r�o�g�r�a�m�m�e�s� �t�h�a�t� �c�r�a�w�l� �t�h�e� �w�e�b� �a�n�d� �s�e�e�k� �w�e�b�s�i�t�e�s� �f�r�o�m� �l�i�n�k�s� �a�n�d� �s�u�b�m�i�s�s�i�o�n�s�)� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�L�a�n�g�u�a�g�e�"� �c�o�n�t�e�n�t�=�"�e�n�-�g�b�"�>� �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� �c�o�n�t�e�n�t�=�"�t�e�x�t�/�h�t�m�l�;� �c�h�a�r�s�e�t�=�w�i�n�d�o�w�s�-�1�2�5�2�"�>� �<�m�e�t�a� �n�a�m�e�=�"�G�E�N�E�R�A�T�O�R�"� �c�o�n�t�e�n�t�=�"�M�i�c�r�o�s�o�f�t� �N�o�t�e�p�a�d�"�>� �F�u�r�t�h�e�r� �i�n�f�o�r�m�a�t�i�o�n� �a�b�o�u�t� �m�e�t�a�d�a�t�a� �m�a�y� �b�e� �f�o�u�n�d� �a�t�:� � w�w�w�.�w�3�.�o�r�g�/�M�e�t�a�d�a�t�a� ��J���n�������������������%�������K���������� %�� ��������������F���������� ��������� ��6�������� ��������� ���������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33���������� ���0� �����`���������&���(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ����� ����� ��S� ��������H������������� @������ ������ �� (���������������There are many ways that professional programmers can enhance their site, using flash or video streaming. There are always new ideas being added to the web. Although some tags are becoming deprecated, the use of basic html will always underpin web pages.������������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33���������� ���0� H���@��p������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��@��� ����� ��S� ��������x������������� @������ ������ �� ���������������Further information can be found at: http://www.pageresource.com/ http://www.htmlcodetutorial.com/document Javascript examples can be found at: www.javascript.com/ www.javascriptkit.com www.dynamicdrive.com ��.�������������������B����%�������������������0�������� �� ������� ���������� ��������� ���������� �� ������� ���������� �� ������� �� �������� �� ������� �� �������� �� ������� ���������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����8����0��������_�_�_�P�P�T�1�0��������.���G�#����������0� S���K�� ������������(���� �������������������� ����������X���� ����� ��C� ����������������� ������ ������� ��K��� ����� ��S� ��������������������� @������ ������ �� ����������������Tables are a really useful way to present your information in an organised manner. You can even use a container to layout your entire page to separate the Navigation from the content etc.������������� ���H���� ������ ��� 0��������޽h������� ���?��� ��������������̙�33����8����0��������_�_�_�P�P�T�1�0��������.���G��r�����������ce��x ��:��k��s��y��n����™��������%����[���@��w��1n��s����E��ԭ����7��)����y��G � ��/�a��i�(�@�'�*�Q��[.�������� �����61����+����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������Oh�+'0���U�� ������h������p��������������������� ��������� �� ���,�� ���8�� ���D�����P�����X�������������PowerPoint Presentation��������owe���O���C:\Program Files\Microsoft Office\Templates\Presentation Designs\Blueprint.pot��������.�\P������14�P������Microsoft PowerPoint�oso@���P](���@�����������@��������G���T������g ��� ��@*���~��������&����������������� ���&��������&�#���TNPP���2���O����M�i�U� ���&� �TNPP��� ���&��������&��TNPP� �������������� ������� ��� ��������������-����������������-����-�� ���!���������-�������������-����������������������-�����&�����������&�����������&��������������&�������� �����"������&�������-��������������-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$��� ��� ���!�!� � ���� ������������-��������-�����-����������&������&������&��������@�����B������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���@���@���A�A�@�@���� ������������-��������-�����-����������&������&������&��������`�����b������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���`���`���a�a�`�`���� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������������� ������������-��������-�����-����������&������&������&������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������������� ������������-��������-�����-����������&������&������&�������� ����"�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$��� �� ��!!  ��� ������������-��������-�����-����������&������&������&��������@����B�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���@��@��AA@@��� ������������-��������-�����-����������&������&������&��������`����b�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���`��`��aa``��� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������������� ������������-��������-�����-����������&������&������&�������� ����"�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$��� �� ��!!  ��� ������������-��������-�����-����������&������&������&��������@����B�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���@��@��AA@@��� ������������-��������-�����-����������&������&������&��������`����b�����&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���`��`��aa``��� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$���������� ������������-��������-�����-����������&������&������&������&��������������&���� �������"��������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�!��� ��� � �!���� ������������-��������-�����-����������&������&������&����@�������B��������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�A���@���@�@�A���� ������������-��������-�����-����������&������&������&����`�������b��������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�a���`���`�`�a���� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$������������� ������������-��������-�����-����������&������&������&�������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$������������� ������������-��������-�����-����������&������&������&������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$����������� ������������-��������-�����-����������&������&������&���� ������"�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�!�� ��  !��� ������������-��������-�����-����������&������&������&����@������B�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�A��@��@@A��� ������������-��������-�����-����������&������&������&����`������b�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�a��`��``a��� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$����������� ������������-��������-�����-����������&������&������&���� ������"�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�!�� ��  !��� ������������-��������-�����-����������&������&������&����@������B�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�A��@��@@A��� ������������-��������-�����-����������&������&������&����`������b�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�a��`��``a��� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&������������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$����������� ������������-��������-�����-����������&������&������&���� ������"�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�!�� ��  !��� ������������-��������-�����-����������&������&������&����@������B�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�A��@��@@A��� ������������-��������-�����-����������&������&������&����`������b�������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�a��`��``a��� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&�����������������&�������-����-�������������� �-���B���(��������������� ������������������������U������U������U������U������-����$�������� ������������-��������-�����-����������&������&������&������&������&����`��������������&�������-����-�������������� �-���B���(��������������� ������������������������D������������D������������-����-� ���!���`��`���-���� ������������-��������-�����-����������&������&������&�������������������o����-����-����%�������-���������-����&������&����*��������������&����*��������������������o����-����-����%���+�����-���������-����&������&����?������B�������������o����-����-����%�@��@����-���������-����&������&����5������M��������������o����-����-� ���%�@��@��<��9��7��6��7��9��<��@��D��G��I��J�����-���������-����&������&������&������&����G������������&�������������������������ww@���8 CwCw w��0����-���� �������������������&����G����y�������&������ �������������������-����-�����q �@����-����-����� ������������������������@�"Tahoma�w@���U :CwCw w��0����-�������� f�f����������.������������2 �J����VARS �#�#�%�!�����.������������ f�f����������.��������� ���2 ������ ����.������������ f�f����������.������������2 ����Website Creation5��!�� ����#����� � �!����.������������������-����-����i(X����-����-����� f�f�������������D���C������������2c�(���������������<�����������������������@�� ����/��_����_��/�� ��@��X����~���C������������2c�(���������������������������������3�̙��������������1001210!/01210!/01210!/1210!/01210!/01210010��������������������@�"Tahoma�w@���8 CwCw w��0����-�������� @E����������.���������(���2 N����Planning to create one� ������� � �� ����� �� �������.���������������D���C������������dc�(���������������<�����������������������@�� ����/��_����_��/�� ��@��X����~���C������������dc�(���������������������������������3�̙��������������1001210!/01210!/01210!/1210!/01210!/01210010��������� @E����������.���������+���2 ����Updating an existing one���� ���� ��� ����� ���� �������.���������������D���C������������c�(���������������<�����������������������@�� ����/��_����_��/�� ��@��X����~���C������������c�(���������������������������������3�̙��������������1001210!/01210!/01210!/1210!/01210!/01210010��������� @E����������.������������2 � ���For a hobby�� � �� ���������.���������������D���C������������c�(���������������<�����������������������@�� ����/��_����_��/�� ��@��X����~���C������������c�(���������������������������������3�̙��������������1001210!/01210!/01210!/1210!/01210!/01210010��������� @E����������.������������2 ����For the family�� � � ��� � �� �� �����.���������������D���C������������)c�(���������������<�����������������������@�� ����/��_����_��/�� ��@��X����~���C������������)c�(���������������������������������3�̙��������������1001210!/01210!/01210!/1210!/01210!/01210010��������� @E����������.������������2 E� ���To Share ��� ���� �� ����.�����������������������@�"Tahoma�w@���U ECwCw w��0����-�������� @E����������.���������9���2 E%!���(Files, Photographs, or whatever)� � ��� � ��� � � �� � � � � � � ��� � ��� � �� � � � � ����.������������������-����-����7�P���-����-����� @E���������������������@�"Tahoma�w@���F CwCw w��0����-�������� @E����������.��������� ���2 Z���WHY?H�6�.�&����.������������������-����-��������������"System���� �!���������)Bw���-��������&��TNPP� ������������� ���&��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������՜.�+,0�������������������������������������������������� ������ ������������ ����������������������� ��� �� ���Q�������������On-screen Show���������n-s���B������������������������������������ � ������� ������� ������� ���������������Times New Roman����Tahoma� ���Wingdings����Arial� ���Blueprint����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation����VARS Website Creation� �������� ���Fonts Used�������������Design Template���������� ���Slide Titles����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������_1���.���.��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������� ��� ��� ��� ��� ��������������������������������������������������������� ���!���"���#���$���%���&���'���(���)���*���+���,���-���.���/���0���1���2���3���4���5���6���7���8���9���:���;���<���=���>���?���@���A���B���C���D���E���F���G���H���I���J���K���L���M���N���O���P���Q���R���S���T���U���V���W���X���Y���Z���[���\���]���^���_���`���a���b���c���d���e���f���g���h���i���j���k���l���m���n���o���p���q���r���s���t���u���v���w���x���y���z���{���|���}���~������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������R�o�o�t� �E�n�t�r�y�������������������������������������������������dO��)����������������������������P�i�c�t�u�r�e�s�������������������������������������������������������������������������������������������������C�u�r�r�e�n�t� �U�s�e�r��������������������������������������������������������������������������������������������S�u�m�m�a�r�y�I�n�f�o�r�m�a�t�i�o�n���������������������������(���������������������������������������������� V������P�o�w�e�r�P�o�i�n�t� �D�o�c�u�m�e�n�t���������������������������(����������������������������������������2������D�o�c�u�m�e�n�t�S�u�m�m�a�r�y�I�n�f�o�r�m�a�t�i�o�n�����������8������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������