<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss'><id>tag:blogger.com,1999:blog-2729030216773638267</id><updated>2009-12-18T11:40:20.260-08:00</updated><title type='text'>web tutorial | Design Tutorial | Template Tutorial</title><subtitle type='html'>web design tutorial, web template, html design template, web site, java language template, free download design template tutorial, tutorial make web template, free template</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default?orderby=updated'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default?start-index=26&amp;max-results=25&amp;orderby=updated'/><author><name>a</name><email>noreply@blogger.com</email></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>39</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6438281419360894165</id><published>2008-09-05T12:51:00.000-07:00</published><updated>2008-09-05T13:06:54.699-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='seo template'/><category scheme='http://www.blogger.com/atom/ns#' term='3 column template'/><category scheme='http://www.blogger.com/atom/ns#' term='download template'/><category scheme='http://www.blogger.com/atom/ns#' term='blogger template'/><category scheme='http://www.blogger.com/atom/ns#' term='free template'/><title type='text'>Free Download Blogger Template | SEO Template</title><content type='html'>Click link bellow to download Blogger template  SEO, 3 Column template.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.ziddu.com/download/2091148/template-blogger-seo.txt.html"&gt;Free Download Template blogger&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6438281419360894165?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6438281419360894165/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6438281419360894165' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6438281419360894165'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6438281419360894165'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/09/free-download-blogger-template-seo.html' title='Free Download Blogger Template | SEO Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-2706648469097762671</id><published>2008-07-26T10:19:00.000-07:00</published><updated>2008-07-26T10:21:59.320-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web template'/><title type='text'>How to Design Template Web</title><content type='html'>If you want to build web site, one thing that you can't forget it is design template. Visite &lt;a href="http://freedownloadtutorial.blogspot.com"&gt;this link&lt;/a&gt; to learn ho to build template website.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-2706648469097762671?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/2706648469097762671/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=2706648469097762671' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2706648469097762671'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2706648469097762671'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/07/how-to-design-template-web.html' title='How to Design Template Web'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-2632879151175951277</id><published>2008-06-16T21:03:00.000-07:00</published><updated>2008-06-16T21:05:18.175-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Free PHP Scripts'/><title type='text'>Free PHP Scripts</title><content type='html'>&lt;table style="border-left: 2px solid rgb(255, 102, 0); border-right: 2px solid rgb(255, 102, 0); background-color: rgb(248, 248, 248); width: 511px; height: 607px;" align="center" cellpadding="0" cellspacing="0"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align="left" valign="top" width="280"&gt;&lt;strong&gt;&lt;em&gt;Free PHP Scripts &lt;/em&gt;&lt;/strong&gt;&lt;br /&gt;&lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/ad_management/free_php_scripts.php" title="Ad Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Ad Management&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/affiliate_programs/free_php_scripts.php" title="Affiliate Programs"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Affiliate Programs&lt;/b&gt; (13)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/auctions/free_php_scripts.php" title="Auctions"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Auctions&lt;/b&gt; (5)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/blog/free_php_scripts.php" title="Blog"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Blog&lt;/b&gt; (18)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/bookmark_management/free_php_scripts.php" title="Bookmark Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Bookmark Management&lt;/b&gt; (4)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/calculators/free_php_scripts.php" title="Calculators"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Calculators&lt;/b&gt; (19)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/calendars/free_php_scripts.php" title="Calendars"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Calendars&lt;/b&gt; (18)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/chat_scripts/free_php_scripts.php" title="Chat Scripts"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Chat Scripts&lt;/b&gt; (28)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/click_tracking/free_php_scripts.php" title="Click Tracking"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Click Tracking&lt;/b&gt; (7)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/communication_tools/free_php_scripts.php" title="Communication Tools"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Communication Tools&lt;/b&gt; (15)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/content_management/free_php_scripts.php" title="Content Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Content Management&lt;/b&gt; (75)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/counters/free_php_scripts.php" title="Counters"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Counters&lt;/b&gt; (32)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/customer_support/free_php_scripts.php" title="Customer Support/Help Desk"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Customer Support/Help Desk&lt;/b&gt; (13)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/database_tools/free_php_scripts.php" title="Database Tools"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Database Tools&lt;/b&gt; (25)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/date_time/free_php_scripts.php" title="Date/Time"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Date/Time&lt;/b&gt; (11)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/development_tools_and_editors/free_php_scripts.php" title="Development Tools and Editors"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Development Tools and Editors&lt;/b&gt; (32)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/discussion_boards/free_php_scripts.php" title="Discussion Boards"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Discussion Boards&lt;/b&gt; (28)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/e-commerce/free_php_scripts.php" title="E-Commerce"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;E-Commerce&lt;/b&gt; (27)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/e-mail_systems/free_php_scripts.php" title="E-mail Systems/Scripts"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;E-mail Systems/Scripts&lt;/b&gt; (27)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/education/free_php_scripts.php" title="Education"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Education&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/FAQ_and_knowledgebase/free_php_scripts.php" title="FAQ and Knowledgebase"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;FAQ and Knowledgebase&lt;/b&gt; (12)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/file_management/free_php_scripts.php" title="File Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;File Management&lt;/b&gt; (36)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/financial_tools/free_php_scripts.php" title="Financial Tools"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Financial Tools&lt;/b&gt; (8)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/form_processors/free_php_scripts.php" title="Forms/Form Processors"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Forms/Form Processors&lt;/b&gt; (27)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/games_and_entertainment/free_php_scripts.php" title="Games and Entertainment"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Games and Entertainment&lt;/b&gt; (17)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/graphs_and_charts/free_php_scripts.php" title="Graphs and Charts"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Graphs and Charts&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/groupware/free_php_scripts.php" title="Groupware"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Groupware&lt;/b&gt; (13)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="padding-top: 5px;"&gt;     &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/guestbooks/free_php_scripts.php" title="Guestbooks"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Guestbooks&lt;/b&gt; (28)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;/td&gt;   &lt;td align="left" valign="top" width="280"&gt;  from : http://www.scriptdungeon.com&lt;br /&gt;&lt;br /&gt; &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/image_galleries/free_php_scripts.php" title="Image Galleries"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Image Galleries&lt;/b&gt; (25)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/image_manipulation/free_php_scripts.php" title="Image Manipulation"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Image Manipulation&lt;/b&gt; (20)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/link_and_banner_exchanges/free_php_scripts.php" title="Link and Banner Exchanges"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Link and Banner Exchanges&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/link_indexing/free_php_scripts.php" title="Link Indexing"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Link Indexing&lt;/b&gt; (18)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/log_analyzers/free_php_scripts.php" title="Log Analyzers"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Log Analyzers&lt;/b&gt; (8)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/mailing_list_managers/free_php_scripts.php" title="Mailing List Managers"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Mailing List Managers&lt;/b&gt; (10)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/miscellaneous/free_php_scripts.php" title="Miscellaneous"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Miscellaneous&lt;/b&gt; (35)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/multimedia/free_php_scripts.php" title="Multimedia"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Multimedia&lt;/b&gt; (15)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/networking_tools/free_php_scripts.php" title="Networking Tools"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Networking Tools&lt;/b&gt; (11)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/news_publishing/free_php_scripts.php" title="News Publishing"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;News Publishing&lt;/b&gt; (32)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/open_directory_project/free_php_scripts.php" title="Open Directory Project"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Open Directory Project&lt;/b&gt; (3)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/organizers/free_php_scripts.php" title="Organizers"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Organizers&lt;/b&gt; (12)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/polls_and_voting/free_php_scripts.php" title="Polls and Voting"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Polls and Voting&lt;/b&gt; (19)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/portal_systems/free_php_scripts.php" title="Portal Systems"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Portal Systems&lt;/b&gt; (18)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/randomization/free_php_scripts.php" title="Randomizing"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Randomizing&lt;/b&gt; (12)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/redirection/free_php_scripts.php" title="Redirection"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Redirection&lt;/b&gt; (10)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/reviews_and_ratings/free_php_scripts.php" title="Reviews and Ratings"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Reviews and Ratings&lt;/b&gt; (6)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/searching/free_php_scripts.php" title="Searching"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Searching&lt;/b&gt; (16)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/security/free_php_scripts.php" title="Security"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Security&lt;/b&gt; (21)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/server_management/free_php_scripts.php" title="Server Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Server Management&lt;/b&gt; (6)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/site_navigation/free_php_scripts.php" title="Site Navigation"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Site Navigation&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/site_recommendation/free_php_scripts.php" title="Site Recommendation"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Site Recommendation&lt;/b&gt; (9)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/top_sites/free_php_scripts.php" title="Top Sites"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Top Sites&lt;/b&gt; (5)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/user_management/free_php_scripts.php" title="User Management"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;User Management&lt;/b&gt; (16)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/web_fetching/free_php_scripts.php" title="Web Fetching"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;Web Fetching&lt;/b&gt; (14)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;   &lt;div style="padding-top: 5px;"&gt;        &lt;img src="http://www.scriptdungeon.com/images/circle.gif" /&gt;  &lt;a href="http://www.scriptdungeon.com/free_php_scripts/XML/free_php_scripts.php" title="XML"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;&lt;b&gt;XML&lt;/b&gt; (10)&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-2632879151175951277?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/2632879151175951277/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=2632879151175951277' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2632879151175951277'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2632879151175951277'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/06/free-php-scripts.html' title='Free PHP Scripts'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-2401519268710725509</id><published>2008-06-16T20:50:00.000-07:00</published><updated>2008-06-16T20:54:10.419-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='css tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='free css'/><title type='text'>CSS Tutorial : Understanding Box Model</title><content type='html'>&lt;p style="text-align: justify;"&gt;Today’s tutorial is going to be all theory. The box model is an inevitable part of CSS, and understanding it is critical if you want to do anything remotely interesting. Like most of CSS, it’s a lot simpler than it sounds. Here it is:&lt;/p&gt;&lt;div style="text-align: justify;"&gt; &lt;!-- &lt;/div--&gt;&lt;p style="text-align: justify;" class="img"&gt;&lt;img alt="The box model governs the way margins, padding and borders are applied to block level elements" src="http://simon.incutio.com/images/2003/boxmodel.gif" height="259" width="450" /&gt;&lt;/p&gt;&lt;div style="text-align: justify;"&gt;  &lt;/div&gt;&lt;p style="text-align: justify;"&gt;Before discussing the box model, it is important to understand the difference between &lt;dfn&gt;inline&lt;/dfn&gt; and &lt;dfn&gt;block level&lt;/dfn&gt; elements. Inline elements are things like links, &lt;code class="html"&gt;&lt;em&gt;&lt;/em&gt;&lt;/code&gt;&lt;em&gt;s and &lt;code&gt;&lt;span&gt;&lt;/span&gt;&lt;/code&gt;s—any element that appears “inline” in a piece of text without inserting any newlines. Block level elements on the other hand always start on a new line and cause any content following them to start on a new line as well. They include things like &lt;code class="html"&gt;&lt;/code&gt;&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;, &lt;code class="html"&gt;&lt;/code&gt;&lt;/em&gt;&lt;/p&gt;&lt;div&gt;&lt;em&gt; and the various header tags. Block level elements can contain both block level and inline elements, but inline elements can only contain other inline elements. An inline element can be “promoted” to behave like a block level element using the &lt;code class="css"&gt;display: block;&lt;/code&gt; property, and the reverse can be achieved using &lt;code class="css"&gt;display: inline;&lt;/code&gt;—note however that doing this does not change the rules about what kind of elements something can contain. The box model principally applies to block level elements (although some of it works with inline elements as well).&lt;/em&gt;&lt;p&gt;&lt;/p&gt;&lt;div style="text-align: justify;"&gt;&lt;em&gt;  &lt;/em&gt;&lt;/div&gt;&lt;p style="text-align: justify;"&gt;&lt;em&gt;As you can see from the diagram, the box model deals with the width, margin, padding and border around an element. You can specify a width using the &lt;code class="css"&gt;width&lt;/code&gt; property; width can be specified in pixels, ems or percentages (and other units as well but these are the most common) and applies to the area on the diagram labelled “content area”. It should be noted that the overall width of the box up to the borders (the dark grey area on the diagram) is actually the width, plus the left padding, plus the right padding, plus the width of the left and right borders.&lt;/em&gt;&lt;/p&gt;&lt;p style="text-align: justify;"&gt;&lt;em&gt;source : &lt;a href="http://simonwillison.net/2003/May/26/theBoxModel"&gt;http://simonwillison.net/2003/May/26/theBoxModel&lt;/a&gt;/&lt;br /&gt;&lt;/em&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-2401519268710725509?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/2401519268710725509/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=2401519268710725509' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2401519268710725509'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/2401519268710725509'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/06/css-tutorial-understanding-box-model.html' title='CSS Tutorial : Understanding Box Model'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-3967827715415152746</id><published>2008-06-16T20:44:00.000-07:00</published><updated>2008-06-16T20:49:50.255-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='free website template'/><category scheme='http://www.blogger.com/atom/ns#' term='free template'/><title type='text'>Free Website Template</title><content type='html'>&lt;span class="a"&gt;Berikut adalah daftar alamat web site yang mempunyai layanan free template :&lt;br /&gt;&lt;br /&gt;&lt;a href="www.freewebtemplates.com"&gt;www.&lt;b&gt;free&lt;/b&gt;web&lt;b&gt;templates&lt;/b&gt;.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="a"&gt;&lt;a href="www.freewebsitetemplates.com"&gt;www.&lt;b&gt;free&lt;/b&gt;website&lt;b&gt;templates&lt;/b&gt;.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="a"&gt;&lt;a href="www.freecsstemplates.org"&gt;www.&lt;b&gt;free&lt;/b&gt;css&lt;b&gt;templates&lt;/b&gt;.org&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="a"&gt;&lt;a href="www.zymic.com"&gt;www.zymic.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="a"&gt;&lt;a href="www.free-css-templates.com"&gt;www.&lt;b&gt;free&lt;/b&gt;-css-&lt;b&gt;templates&lt;/b&gt;.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="a"&gt;&lt;a href="www.situsmurah.com"&gt;www.situsmurah.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="www.freetemplatesonline.com"&gt;&lt;span class="a"&gt;www.&lt;b&gt;free&lt;/b&gt;&lt;b&gt;templates&lt;/b&gt;online.com&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-3967827715415152746?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/3967827715415152746/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=3967827715415152746' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3967827715415152746'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3967827715415152746'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/06/free-website-template.html' title='Free Website Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6531258821748945795</id><published>2008-06-16T20:41:00.001-07:00</published><updated>2008-06-16T20:44:29.819-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='bikin web'/><category scheme='http://www.blogger.com/atom/ns#' term='cara bikin web'/><category scheme='http://www.blogger.com/atom/ns#' term='website gratis'/><title type='text'>Cara Bikin Web : website Gratis</title><content type='html'>Jika anda melakukan pencarian di google.co.id pada tanggal 17 mei 2008 dengan memasukkan kata : cara bikin web, maka yang keluar adalah sebagai berikut:&lt;br /&gt;&lt;br /&gt;&lt;table width="100%"&gt;&lt;br /&gt;&lt;tbody&gt;&lt;tr&gt;&lt;br /&gt;&lt;td&gt;Cara Mudah Dan Cepat Bikin Website « `Cerdaskan Anak Bangsa`&lt;br /&gt;aku minta kirimin artikel tentang cara-cara bikin website pribadi dooo..nk, ato kalo perlu di alamat mana aku bisa brows buat daftar bikin web gratis… tanks ...&lt;br /&gt;ar10.wordpress.com/2006/04/03/cssweb-design-3/ - 186k - Tembolok - Halaman sejenis&lt;br /&gt;Harian Orang Jalanan » BIKIN SITUS WEB SITE BLOG GRATIS&lt;br /&gt;di situs tersebut kan ditulis cara-caranya … :). on 25 Jan 2007 at 6:36 pm # Tri Pionda Saputro. ini gimana caranya bikin website? pejamkan mata … :) ...&lt;br /&gt;bahtiar.com/?p=83 - 42k - Tembolok - Halaman sejenis&lt;br /&gt;Bikin Web Gampang … » Sunaryo Hadi&lt;br /&gt;cara bikin website dengan joomla mudah apa kagak seh . 166. Liaw · April 21st, 2008 at 10:27 pm. ya mungkin emang sudah habitnya orang Indonesia, ...&lt;br /&gt;www.sunaryohadi.info/bikin-web-gampang.htm - 40k - Tembolok - Halaman sejenis&lt;br /&gt;Belajar Nge - Design Web Yuk ….!! Sekilas Dreamweaver « Programmer ...&lt;br /&gt;udah beberapa hari ini saya selalu kotak-katik internet untuk nyai tau cara bikin web pribadi tapi ga dapat-dapat.sampai akhirnya saya temukan situs ini. ...&lt;br /&gt;pondokindah.wordpress.com/2006/07/12/belajar-nge-design-web-yuk-sekilas-dreamweaver/ - 104k - Tembolok - Halaman sejenis&lt;br /&gt;PEMBUATAN WEBSITE | CARA BIKIN WEBSITE | PELUANG USAHA&lt;br /&gt;Jasa Pembuatan website reseller, arisan online, iklan baris. Cara cepat menjadi pengusaha sukses dalam mengelola bisnis internet.&lt;br /&gt;bikinweb.1satu.com/ - 22k - Tembolok - Halaman sejenis&lt;br /&gt;Cara Mudah Bikin Website Pertama&lt;br /&gt;Cara Mudah Bikin Website Pertama. Dapatkan tips maupun penjelasan terperinci mengenai cara membuat website atau situs internet anda yang pertama. ...&lt;br /&gt;websitepertama.blogspot.com/ - 49k - Tembolok - Halaman sejenis&lt;br /&gt;Cara Membuat Website, Cara Bikin Situs, Membuat website sederhana ...&lt;br /&gt;Belajar Bikin Text dan Mengubah Font ( huruf ). Sebelum saya mulai tutorial Cara membuat situs atau website ini, anda harus tahu dulu, bahwa code html itu ...&lt;br /&gt;my.opera.com/Ferdyansyah/blog/cara-membuat-website-cara-bikin-situs-membuat-website-sederhana-langkah-membu - 30k - Tembolok - Halaman sejenis&lt;br /&gt;CD&lt;br /&gt;Tools Cara Bikin Website Mandiri ... Judul : "Belajar Sendiri Membangun Website Dinamis Dengan PHP" Ebook ini disertai source code sehingga anda bisa ...&lt;br /&gt;www.geocities.com/millenis_2000/web.html - 93k - Tembolok - Halaman sejenis&lt;br /&gt;bikin website murah | design website cara praktis harga ekonomis&lt;br /&gt;Kami melayani jasa pembuatan website ekonomis all in one, meliputi design, nama domain dan hosting dengan harga murah, cocok untuk anda yang ingin memulai ...&lt;br /&gt;bikin-website.com/ - 20k - Tembolok - Halaman sejenis&lt;br /&gt;Panduan Cara Membuat Website Gratis Dan Menghasilkan Dolar Dari ...&lt;br /&gt;Tutorial sederhana dan mudah untuk membuat website gratis bagi pemula dan cara menghasilkan dolar dari website gratis dengan program afiliasi dan google ...&lt;br /&gt;cara-membuat-website-gratis.blogspot.com/ - 37k - Tembolok - Halaman sejenis&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6531258821748945795?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6531258821748945795/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6531258821748945795' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6531258821748945795'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6531258821748945795'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/06/cara-bikin-web-website-gratis.html' title='Cara Bikin Web : website Gratis'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-567654629545425422</id><published>2008-04-07T02:52:00.000-07:00</published><updated>2008-04-07T02:53:34.628-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jpg format'/><category scheme='http://www.blogger.com/atom/ns#' term='design template'/><category scheme='http://www.blogger.com/atom/ns#' term='basic web design'/><title type='text'>JPG Format for Design Template</title><content type='html'>&lt;h5 style="text-align: justify;"&gt;The JPEG Format&lt;/h5&gt;&lt;div style="text-align: justify;"&gt;    &lt;/div&gt;&lt;p style="text-align: justify;"&gt;The JPEG format, with its support for 16.7 million colors, is primarily intended for photographic images. The internal compression algorithm of the JPEG format, unlike the GIF format, actually throws out information. Depending on what settings you use, the thrown out data may or may not be visible to the eye. Once you lower the quality of an image, and save it, the extra data cannot be regained so be sure to save the original. &lt;/p&gt;&lt;div style="text-align: justify;"&gt;  &lt;/div&gt;&lt;h5 style="text-align: justify;"&gt;Progressive JPEG's&lt;/h5&gt;&lt;div style="text-align: justify;"&gt;    &lt;/div&gt;&lt;p style="text-align: justify;"&gt;Any JPEG file can be saved as a Progressive JPEG. This is very similar to the interlaced GIF. As with GIF, this presents a low-quality image to your visitor at first, and over several passes improves the quality of it. Some graphic editing tools allow you to specify the number of passes before the image downloads completely. &lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-567654629545425422?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/567654629545425422/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=567654629545425422' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/567654629545425422'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/567654629545425422'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/04/jpg-format-for-design-template.html' title='JPG Format for Design Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-196767535336753859</id><published>2008-04-07T02:49:00.000-07:00</published><updated>2008-04-07T02:50:03.415-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design template'/><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>The GIF Format for Design Template</title><content type='html'>&lt;h5&gt;&lt;br /&gt;&lt;/h5&gt;    &lt;p&gt;The GIF format is one of the most popular formats on the Internet. Not only is the format excellent at compressing areas of images with large areas of the same color, but it is also the only option for putting animation online (unless you want to use &lt;a href="http://www.sitepoint.com/glossary.php?q=F#term_16" class="glossary" title="Flash is Adobe's vector-based web multimedia product."&gt;Flash&lt;/a&gt; or other vector-based animation formats, which typically cost more). The GIF89a format also supports transparency, and interlacing. &lt;/p&gt;  &lt;p&gt;GIF files support a maximum of 256 colors, which makes them practical for almost all graphics except photographs. The most common method of reducing the size of GIF files is to reduce the number of colors on the palette. It is important to note that GIF already uses the LZW compression scheme internally to make images as small as possible without losing any data. &lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-196767535336753859?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/196767535336753859/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=196767535336753859' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/196767535336753859'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/196767535336753859'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/04/gif-format-for-design-template.html' title='The GIF Format for Design Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-193756071784798976</id><published>2008-04-07T02:28:00.000-07:00</published><updated>2008-04-07T02:48:30.130-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website templates'/><category scheme='http://www.blogger.com/atom/ns#' term='html template'/><title type='text'>Create Website Template, Html Template</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;b style=""&gt;Website&lt;/b&gt; &lt;b style=""&gt;template&lt;/b&gt;s are basically ready-made &lt;b style=""&gt;web &lt;/b&gt;pages that you can download from a &lt;b style=""&gt;template&lt;/b&gt; design company. The &lt;b style=""&gt;HTML&lt;/b&gt; code is ready to go all you have to do is choose a &lt;b style=""&gt;template&lt;/b&gt; that suits your business and customer base, download it and then edit according to your specifications. Most companies showcase all the available designs on their site for you to preview before downloading, so you¡¯ll know exactly what you are buying beforehand.&lt;br /&gt;A &lt;b style=""&gt;website&lt;/b&gt; &lt;b style=""&gt;template&lt;/b&gt; is almost like a hybrid creation, perfect for online businesses because it is so flexible. With a &lt;b style=""&gt;template&lt;/b&gt; you have the best of both worlds - the professional image and functionality that normally come from a &lt;b style=""&gt;website&lt;/b&gt; designed by a hired designer coupled with the affordability and flexibility of a DIY &lt;b style=""&gt;web &lt;/b&gt;design project. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;p style="text-align: justify;"&gt;&lt;/p&gt;&lt;div&gt;  &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-193756071784798976?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/193756071784798976/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=193756071784798976' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/193756071784798976'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/193756071784798976'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/04/create-website-template-html-template.html' title='Create Website Template, Html Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-3662530173932099430</id><published>2008-03-25T07:02:00.001-07:00</published><updated>2008-03-25T07:05:10.624-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='frontpgae tutorial'/><title type='text'>Import Frontpage pages Tutorial</title><content type='html'>&lt;div style="text-align: justify;"&gt; In Publisher 2000, you can create Hypertext Markup Language     (HTML) pages, but you cannot open and edit the HTML pages in Publisher after     they are created. If you want to use Publisher to create and publish a Web     site, it is recommended that you save a copy of your document as a publication     file (.pub). In this way, if you want to make any changes to your Web site, you     can edit the .pub file, save it as a new HTML document, and then republish it     in Publisher. Or, you can import your publication into FrontPage and then use     FrontPage to edit your pages and publish your Web site. You may want to do this     if you want to add the many available FrontPage features and formatting options     to your Web pages.&lt;br /&gt;&lt;br /&gt;To import your Web publication into FrontPage and     then edit and publish your Web site, follow the steps in the "Save Your     Publication in HTML Format" and "Import Your Web Site into FrontPage" sections     of this article. &lt;/div&gt;&lt;p style="text-align: justify;" class="topOfPage"&gt;&lt;img src="http://support.microsoft.com/library/images/support/kbgraphics/public/en-us/uparrow.gif" alt="" /&gt;Back to the top&lt;/p&gt;&lt;h3 style="text-align: justify;" id="tocHeadRef"&gt;Save Your Publication in HTML Format&lt;/h3&gt;&lt;div style="text-align: justify;"&gt;&lt;script type="text/javascript"&gt;loadTOCNode(2, 'moreinformation');&lt;/script&gt; When you create a publication in Publisher, it is saved with a     .pub file extension. Before you import your publication into FrontPage, you     must first save (publish) it in HTML format. To do this, follow these steps:      &lt;/div&gt;&lt;table style="text-align: left; margin-left: 0px; margin-right: 0px;" class="list ol"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="number"&gt;1.&lt;/td&gt;&lt;td class="text"&gt;Start Publisher, and then open your publication.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;2.&lt;/td&gt;&lt;td class="text"&gt;On the &lt;b&gt;File&lt;/b&gt; menu, click &lt;strong class="uiterm"&gt;Save as Web Page&lt;/strong&gt;.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;3.&lt;/td&gt;&lt;td class="text"&gt;In the &lt;strong class="uiterm"&gt;Save as Web Page&lt;/strong&gt; dialog box, accept     the default Publish folder that Publisher creates when you publish (save) your     publication in HTML format, or specify another folder and location on your hard     disk in which to save the HTML files, and then click &lt;b&gt;OK&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;The Web site created from your publication is now     published to the folder that you specified on your hard disk. The home page     file name is Index.html.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;4.&lt;/td&gt;&lt;td class="text"&gt;Quit Publisher.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style="text-align: justify;" class="topOfPage"&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style="text-align: justify;" id="tocHeadRef"&gt;Import Your Web Site into FrontPage&lt;/h3&gt;&lt;div style="text-align: justify;"&gt;&lt;script type="text/javascript"&gt;loadTOCNode(2, 'moreinformation');&lt;/script&gt;&lt;/div&gt;&lt;table style="text-align: left; margin-left: 0px; margin-right: 0px;" class="list ol"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="number"&gt;1.&lt;/td&gt;&lt;td class="text"&gt;Start FrontPage.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;2.&lt;/td&gt;&lt;td class="text"&gt;Do one of the following:     &lt;table class="list ul"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="bullet"&gt;•&lt;/td&gt;&lt;td class="text"&gt;If you are using FrontPage 2000, point to &lt;b&gt;New&lt;/b&gt; on the &lt;b&gt;File&lt;/b&gt; menu, and then click &lt;b&gt;Web&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;-or-&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="bullet"&gt;•&lt;/td&gt;&lt;td class="text"&gt;If you are using FrontPage 2002, point to &lt;b&gt;New&lt;/b&gt; on the &lt;b&gt;File&lt;/b&gt; menu, and then click &lt;strong class="uiterm"&gt;Page or Web&lt;/strong&gt;.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;3.&lt;/td&gt;&lt;td class="text"&gt;In the &lt;b&gt;New&lt;/b&gt; dialog box (in FrontPage 2000) or the &lt;strong class="uiterm"&gt;New Page or     Web&lt;/strong&gt; task pane (in FrontPage 2002), click &lt;b&gt;Empty Web&lt;/b&gt;, and then click &lt;b&gt;OK&lt;/b&gt;.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;4.&lt;/td&gt;&lt;td class="text"&gt;On the &lt;b&gt;File&lt;/b&gt; menu, click &lt;b&gt;Import&lt;/b&gt;, and then click &lt;b&gt;Add Folder&lt;/b&gt;.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;5.&lt;/td&gt;&lt;td class="text"&gt;Do one of the following:     &lt;table class="list ul"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="bullet"&gt;•&lt;/td&gt;&lt;td class="text"&gt;If you are using FrontPage 2000, locate the folder       containing your HTML files in the &lt;strong class="uiterm"&gt;Browse for Folder&lt;/strong&gt; dialog       box, and then click &lt;b&gt;OK&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;-or-&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="bullet"&gt;•&lt;/td&gt;&lt;td class="text"&gt;If you are using FrontPage 2002, locate the folder       containing your HTML files in the &lt;b&gt;File Open&lt;/b&gt; dialog box, and then click &lt;b&gt;Open&lt;/b&gt;.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt; The contents of the folder are listed in the &lt;b&gt;Import&lt;/b&gt; dialog box.&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;6.&lt;/td&gt;&lt;td class="text"&gt;Click &lt;b&gt;OK&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;The folder containing your HTML files is listed in     the Folder List pane in your new Web.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;7.&lt;/td&gt;&lt;td class="text"&gt;Click the plus sign (+) next to the folder to expand it and     view its contents.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;8.&lt;/td&gt;&lt;td class="text"&gt;Drag the Index.html file from the folder to the root of     your Web.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;9.&lt;/td&gt;&lt;td class="text"&gt;Double-click a Web page in the Folder List pane to edit the     page.For more information about editing Web pages in FrontPage,       click &lt;b&gt;Microsoft FrontPage Help&lt;/b&gt; on the &lt;b&gt;Help&lt;/b&gt; menu, type &lt;span class="userInput"&gt;designing web pages&lt;/span&gt; in the       Office Assistant or the Answer Wizard, and then click &lt;b&gt;Search&lt;/b&gt; to view the topics returned.&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;10.&lt;/td&gt;&lt;td class="text"&gt;When you have finished making the changes that you want to     your pages, and are ready to publish your Web to the Internet or an intranet,     click &lt;b&gt;Publish Web&lt;/b&gt; on the &lt;b&gt;File&lt;/b&gt; menu.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="number"&gt;11.&lt;/td&gt;&lt;td class="text"&gt;In the &lt;b&gt;Publish Web&lt;/b&gt; dialog box (in FrontPage 2000) or the &lt;b&gt;Publish Destination&lt;/b&gt; dialog box (in FrontPage 2002), specify the location in which you     want to publish your Web (for example, the location of your Web server, FTP Web     server, or a file system location), and then click &lt;b&gt;Publish&lt;/b&gt;. For additional information about how to publish a FrontPage       Web, click the following article number to view the article in the Microsoft       Knowledge Base: &lt;div class="indent"&gt;&lt;span class="KBlink"&gt;198523&lt;/span&gt;&lt;span class="pLink"&gt; (http://support.microsoft.com/kb/198523/)&lt;/span&gt;   HOW TO: Publish a FrontPage Web  &lt;/div&gt;For more information about how to publish a       Web in FrontPage, click &lt;b&gt;Microsoft FrontPage Help&lt;/b&gt; on the &lt;b&gt;Help&lt;/b&gt; menu, type &lt;span class="userInput"&gt;publish a web&lt;/span&gt; in the Office       Assistant or the Answer Wizard, and then click &lt;b&gt;Search&lt;/b&gt; to view the topics returned.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-3662530173932099430?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/3662530173932099430/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=3662530173932099430' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3662530173932099430'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3662530173932099430'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/03/import-frontpage-pages-tutorial.html' title='Import Frontpage pages Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6063832653591688456</id><published>2008-03-09T12:30:00.000-07:00</published><updated>2008-03-09T12:32:13.549-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web template'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial template'/><category scheme='http://www.blogger.com/atom/ns#' term='Adobe Photoshop Tutorial'/><title type='text'>Adobe Photoshop Tutorial Web Template</title><content type='html'>&lt;span class="blog-title"&gt;&lt;b&gt;Photoshop Web Template — Web Site Design Tutorial&lt;/b&gt;&lt;br /&gt;        &lt;/span&gt;&lt;span class="sidebar"&gt;[a list of free wesbsite design resources can be found at the end of the tutorial]&lt;br /&gt;        &lt;/span&gt;&lt;br /&gt;Many people new to web design are confused by slices and Javascript rollovers and end up abandoning their projects out of frustration. The point of this Photoshop web tutorial is to keep things simple by creating a web page that uses only 2 graphics.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Website Plan&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;We'll create a banner and place it in a table that will contain 5 rows and 1 column. The banner will be placed in the top row. The next row will contain the text for your site and any photos you may wish to include. Row 3 will hold a separator, row 4 will be for your text links and a copyright notice, and row 5 will hold a second separator.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Let's Get Going&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;        &lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-girl-125.gif" alt="Adobe Photoshop tutorial - web template girl" align="right" border="0" height="112" width="125" /&gt;I'm going to name this site Designer Girlz Network. The next step is to find a graphic for the banner. You might find a good image at one of the free stock photo sites (I've listed some below), but I was looking for something a little more professional, so I tried the iStockPhoto galleries and found an illustration by Vinaya Prashanth that cost only $3. Sweet. That's a reduced version of it on the right.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Choose A Website Color Scheme&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;The colors of the banner and the website will be taken from the various pinks used in the image. There are 3 pinks I want to use — a dark pink, a middle pink, and a lighter pink that I made myself from a shade of the darker pink.&lt;br /&gt;        &lt;br /&gt;        &lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-colors.gif" alt="Adobe Photoshop tutorial - web template colors" align="right" border="0" height="51" width="101" /&gt;I find that by using the opacity slider on a sampled color you can create a nice variation. Open a new document and copy and paste the main graphic you've chosen into it. Now from the toolbox select the eyedropper tool and sample a color by clicking on it in your graphic. This will change the foreground color square in your toolbox.&lt;br /&gt;        &lt;br /&gt;        Now open another new document and in the &lt;b&gt;Background Contents&lt;/b&gt; select &lt;b&gt;White&lt;/b&gt;. &lt;b&gt;Click OK&lt;/b&gt;. With this document open, create a new layer by going &lt;b&gt;Layer&gt; New&gt; Layer&lt;/b&gt;. Then go &lt;b&gt;Edit&gt; Fill&lt;/b&gt; and select &lt;b&gt;Contents, Use: Foreground Color&lt;/b&gt;. This will fill your document with the color you just sampled. The trick here is to lower the opacity using the slider and to keep playing around with it until you find a nice shade. When you settle on one, flatten the image by going &lt;b&gt;Layer&gt; Flatten Image&lt;/b&gt;. Use the eyedropper tool again, this time to change the foreground color square in your toolbox so it is the same as your newly created color. Now click on the color square and the color picker will come up, and you can write down the numbers of your new color.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Choose A Font&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;        &lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-font.gif" alt="Adobe Photoshop tutorial - web template font" align="right" border="0" height="68" width="78" /&gt;I went through my fonts and settled on Onyx regular. When you find a font that works for you, try playing with the tracking, the leading, and the scale — or a combination. It makes it more personal and unique when you include some tweaks.&lt;br /&gt;        &lt;br /&gt;To select a font in Photoshop go &lt;b&gt;Window&gt; Character&lt;/b&gt;. In the palette you'll see a list of your installed fonts. To tweak the settings you'll need to bring up the Paragraph palette. You can do this by going &lt;b&gt;Window&gt; Paragraph&lt;/b&gt;.&lt;br /&gt;        &lt;br /&gt;        Looking for new fonts? At the end of this tutorial you'll find a list to some free font resources.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Designing A Website Banner&lt;br /&gt;         &lt;/span&gt;&lt;/b&gt;&lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-banner-1.jpg" alt="Adobe Photoshop tutorial - web template banner 1" align="right" border="0" height="100" width="200" /&gt;Create a new document that is 600 x 300 pixels. You can change this size to suit your own design when you pick your own stock photo and plan the layout accordingly.&lt;br /&gt;        &lt;br /&gt;        Now I'll create a new layer, &lt;b&gt;Layer&gt; New Layer&lt;/b&gt; and I'll call it Designer Girl. I'll place the illustration on this layer and shrink it to fit. You shrink your graphic by choosing &lt;b&gt;Edit&gt; Transform&gt; Scale&lt;/b&gt;. The bounding box will have handles. Use the Shift Key to constrain proportions, and shrink your image by selecting the top left handle and pulling towards the bottom right. To move the graphic, drag inside the bounding box. Click enter when you're happy with the results.&lt;br /&gt;        &lt;br /&gt;Next we want a tinted background. I'm going to go with the light pink.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Adding A Background Color&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;        &lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-banner-2.jpg" alt="Adobe Photoshop tutorial - web template banner 2" align="right" border="0" height="100" width="200" /&gt;I select the background layer, Layer 1, and I fill it with the light pink by going  &lt;b&gt;Select&gt; All&lt;/b&gt;, then &lt;b&gt;Edit&gt; Fill&lt;/b&gt;, and in the dialog box in &lt;b&gt;Contents&lt;/b&gt;, I select &lt;b&gt;Use: Color&lt;/b&gt; and in the &lt;b&gt;Color Picker&lt;/b&gt; I enter FBE0EC.&lt;br /&gt;        &lt;br /&gt;The result is a 600 x 300 banner with a gentle background color and with the art placed on the left. We're getting there.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Apply A Thick Stroke To Create A Border&lt;br /&gt;         &lt;/span&gt;&lt;/b&gt;&lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-banner-3.jpg" alt="Adobe Photoshop tutorial - web template banner 3" align="right" border="0" height="100" width="200" /&gt;I decided to apply a thick stroke to the background layer to make the design more interesting. First make sure the background layer, Layer 1, is active, and create a copy by going &lt;b&gt;Layer&gt; New&gt; Layer Via Copy&lt;/b&gt;. Next double-click next to the layer name. This will bring up the &lt;b&gt;Blending Options&lt;/b&gt; in the Layers Style dialog box.&lt;br /&gt;        &lt;br /&gt;        Select and then click on the word &lt;b&gt;Stroke&lt;/b&gt; in the &lt;b&gt;Styles&lt;/b&gt; options on the left side. I changed the settings to &lt;b&gt;Size: 7px&lt;/b&gt;, &lt;b&gt;Position: Inside&lt;/b&gt;, &lt;b&gt;Blend Mode: Normal&lt;/b&gt;, &lt;b&gt;Opacity: 100%&lt;/b&gt;, &lt;b&gt;Fill Type: Color&lt;/b&gt;, and I clicked the color swatch and entered D04E8C in the color picker. Click OK.&lt;br /&gt;        &lt;br /&gt;The border is just to balance out the design, so by all means make changes and get creative with your own ideas.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Website Name &amp;amp; Section Titles&lt;br /&gt;         &lt;/span&gt;&lt;/b&gt;&lt;img class="l-12" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/web-template-banner.gif" alt="Adobe Photoshop tutorial - web template banner" align="right" border="0" height="150" width="300" /&gt;We're going to put the names of the major sections right on the banner. These will be the links. Since it will be just one single graphic we will be using image maps.&lt;br /&gt;        &lt;br /&gt;Create a new layer for your words. Use the type tool to create the section names and then use the move tool to position them exactly to where you want on the banner. Remember to pick a color for your text that is darker than your background color to avoid finding yourself screaming obscenities and suffering major hair loss! Do this by going &lt;b&gt;Window&gt; Character&lt;/b&gt;. In the Character palette you'll find a color square. Click on it to change colors.&lt;br /&gt;        &lt;br /&gt;You'll need an HTML editor like GoLive or Dreamweaver to automate this process. It's really very simple. You make little "maps" over each word and then enter the link destination. If you don't have an HTML editor you'll need to do a Google search on image maps to find a tutorial, or buy a book like Elizabeth Castro's HTML Quickstart Guide to help you out.&lt;br /&gt;        &lt;br /&gt;        &lt;span class="title-blog"&gt;&lt;b&gt;Plan B&lt;br /&gt;         &lt;/b&gt;&lt;/span&gt;You don't have an HTML editor, you don't want to search for a tutorial, and you don't want to buy Elizabeth Castro's book? That's ok. We'll go to Plan B - using regular text links right inside the web page itself. That means we have some empty space on the banner now, right below the website name. Use this space to add a descriptive phrase about what the user will find on your site.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;The Separator&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Create a new document. The width should be 600 pixels, and the height should be about 12 pixels. Fill this with your background color. Then, using the text tool and a dark color, type some periods, like this:........... and place them in the file, centering them. Change the size and the spacing until it looks perfect. Now save this as a GIF file.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Build A Simple Table&lt;br /&gt;         &lt;/span&gt;&lt;/b&gt;In your HTML editor of choice build a simple table that contains 5 rows and 1 column. If you're going to use text link navigation below the banner instead of image maps on the banner, create an extra row so you end up with 6 rows in your table. Now place your elements into the individual rows of the table and you're done.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;The Final Result&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;         It's time to have a look! Here is the final website page design.&lt;br /&gt;        &lt;br /&gt;        &lt;b&gt;&lt;span class="title-blog"&gt;Plan Bb — Let Someone Else Do It&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;If you are on deadline and can't cope with learning any more Photoshop techniques or HTML, here's another solution. You can buy a ready-made template from Template Monster that you can use as a base to create web pages in Photoshop.&lt;br /&gt;        &lt;br /&gt;        &lt;span class="sidebar"&gt;&lt;img class="r-12-no-top" src="http://www.photoshopsupport.com/ib-sidebar/template-monster.gif" alt="Template Monster - Largest Selection of Website Templates - Photoshop Ready" align="right" border="0" height="28" width="120" /&gt;&lt;/span&gt;On the front page of Template Monster you'll find a pulldown menu where you can select options and then carry out a search for a template. The templates are reasonably priced and pretty easy to manage in GoLive or Dreamweaver. In the past I've purchased a template solely for the color scheme and the images. On certain projects I found this was less expensive than buying stock photos. Visit Template Monster to see the wide variety of website templates that they offer.&lt;br /&gt;        &lt;br /&gt;        &lt;strong&gt;&lt;span class="title-blog"&gt;SiteGrinder Photoshop Plugin&lt;br /&gt;         &lt;/span&gt;&lt;/strong&gt;&lt;span class="sidebar"&gt;&lt;img class="r-12-no-top" src="http://www.photoshopsupport.com/tutorials/jennifer/web-template/site-grinder.gif" alt="SiteGrinder Photoshop Plugin" align="right" border="0" height="80" width="80" /&gt;&lt;/span&gt;All versions of SiteGrinder generate web pages with graphics, styled and even scrolling web text, rollover buttons, popups, and multi-level menus. Interactive elements can be constructed from graphics, text, or a mix of both, and function across multiple web pages that are automatically linked to one another.&lt;br /&gt;        &lt;br /&gt;SiteGrinder uses the names of your layers to generate pages. You simply add hints like "-button," "-rollover," and "-link" to the end of your layer names, then open SiteGrinder from Photoshop’s File&gt; Automate menu and click the Build button. SiteGrinder can create an entire website containing styled text, rollover buttons, popups, text and graphic menus — all from the layer names in Photoshop. Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6063832653591688456?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6063832653591688456/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6063832653591688456' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6063832653591688456'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6063832653591688456'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/03/adobe-photoshop-tutorial-web-template.html' title='Adobe Photoshop Tutorial Web Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-8320822922619652881</id><published>2007-12-04T11:11:00.000-08:00</published><updated>2008-02-12T12:11:26.654-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorialhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='htmltutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><title type='text'>Tutorial HTML</title><content type='html'>What is an HTML File?&lt;br /&gt;&lt;br /&gt;    * HTML stands for Hyper Text Markup Language&lt;br /&gt;    * An HTML file is a text file containing small markup tags&lt;br /&gt;    * The markup tags tell the Web browser how to display the page&lt;br /&gt;    * An HTML file must have an htm or html file extension&lt;br /&gt;    * An HTML file can be created using a simple text editor&lt;br /&gt;&lt;br /&gt;Do You Want to Try It?&lt;br /&gt;&lt;br /&gt;If you are running Windows, start Notepad.&lt;br /&gt;&lt;br /&gt;If you are on a Mac, start SimpleText.&lt;br /&gt;&lt;br /&gt;In OSX start TextEdit and change the following preferences: Open the the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.htm" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-8320822922619652881?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/8320822922619652881/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=8320822922619652881' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8320822922619652881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8320822922619652881'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2007/12/tutorial-html.html' title='Tutorial HTML'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-5365224525488217589</id><published>2007-12-04T11:32:00.000-08:00</published><updated>2008-02-12T12:11:26.653-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='defines'/><category scheme='http://www.blogger.com/atom/ns#' term='references'/><category scheme='http://www.blogger.com/atom/ns#' term='variable'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><title type='text'>Welcome to HTML Tutorial</title><content type='html'>Table Of Contents&lt;br /&gt; Your First Web Page&lt;br /&gt;This Chapter contains: Welcome to HTML, Creating a Web Page, Linking to Other Web Pages, Publishing Your HTML Pages.&lt;br /&gt; Web Page Text&lt;br /&gt;This Chapter contains:Text Formatting and Alignment, Font Control and Special Characters, Arranging Text in Lists,Intra-Page and E-mail Links.&lt;br /&gt; Web Page Graphics&lt;br /&gt;This Chapter contains:Putting Images on a Web Page, Creating Web Page Images, Making Pages Display Quickly, Creating Animated Graphics.&lt;br /&gt; Web Page Design&lt;br /&gt;This Chapter contains:Backgrounds and Color Control, Page Design and Layout, Image Mapsm, Advanced Layout with Tables.&lt;br /&gt; Interactive Web Pages&lt;br /&gt;This Chapter contains:Interactive Layout with Frames, Creating HTML Forms, Embedding Multimedia in Web Pages, Scripting, Applets, and ActiveX&lt;br /&gt; Building a Web Site&lt;br /&gt;This Chapter contains:Organizing Multiple Pages, HTML Tags for Site Management, Web Site Authoring Tools, Preparing for the Future of HTML&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-5365224525488217589?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/5365224525488217589/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=5365224525488217589' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/5365224525488217589'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/5365224525488217589'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2007/12/welcome-to-html-tutorial.html' title='Welcome to HTML Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6293412703634868820</id><published>2007-12-06T07:47:00.000-08:00</published><updated>2008-02-12T12:11:26.652-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><title type='text'>Introduction for web design</title><content type='html'>This tutorial is suitable for beginners in the field of web design. It includes:&lt;br /&gt;&lt;br /&gt;   1. Introduction - You are here.&lt;br /&gt;   2. HTML - An introduction to the computer language which forms the heart of web pages. Although it's not absolutely necessary to know this stuff, you should still read this page to get an idea of how it works.&lt;br /&gt;   3. Editors - Tools you can use to help create websites.&lt;br /&gt;   4. Hosting - How to find a home (host server) for your website.&lt;br /&gt;   5. Publish! - How to upload your site to the internet so that other people can visit it.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6293412703634868820?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6293412703634868820/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6293412703634868820' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6293412703634868820'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6293412703634868820'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2007/12/introduction-for-web-design.html' title='Introduction for web design'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6719418244536335601</id><published>2007-12-06T07:49:00.000-08:00</published><updated>2008-02-12T12:11:26.651-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='methodology'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='isp'/><category scheme='http://www.blogger.com/atom/ns#' term='internet'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='advantage'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='webtutorial'/><title type='text'>methodology</title><content type='html'>Methodology&lt;br /&gt;&lt;br /&gt;Before we get down to business we should point out that there are two very different ways to make a website.&lt;br /&gt;&lt;br /&gt;   1. The quickest and easiest way to make a site is to use an on-line "wizard" supplied by your internet service provider (ISP) or some other organization.&lt;br /&gt;      To use this method, visit the internet address given to you by the organization providing the service. There you will be guided through a series of simple steps which will result in a site being constructed for you. The advantage of this method is that you don't need any skills other than using your browser. The drawback is that you are very limited in what you can do with this kind of website.&lt;br /&gt;   2. The other approach is to construct a website on your own computer, then "upload" it to the internet so that other people can access it. This is the way most serious sites are made, and it's the method that this tutorial will cover.&lt;br /&gt;&lt;br /&gt;Note: As the internet is such a complicated environment, these introductory tutorials tend to over-simplify explanations of how things work. You shouldn't take all our examples and illustrations too literally, but the information is conceptually sound. In time, you can choose to make the effort and build up a more technically accurate understanding.&lt;br /&gt;Getting Started&lt;br /&gt;&lt;br /&gt;It can all look very intimidating for the beginner, but if you know how to surf the internet and use a word processor then you should have no trouble making a website.&lt;br /&gt;&lt;br /&gt;However, the single biggest mistake we see from beginners is trying to do too much too soon. Whatever your level of experience with computers and the internet, it's absolutely critical that you take things slowly and don't get ahead of yourself. Website construction is a minefield. If you have a map you'll be fine, but if you think it looks easy and go charging in you'll end up coming apart!&lt;br /&gt;&lt;br /&gt;Many software applications will tell you that web design is easy. It's common to see claims such as "Make your own website in minutes -- no experience necessary!". In our opinion these claims are misleading -- you simply can't learn enough in a few minutes to have any chance of success. You can learn the basics in an hour or so, but you'll need a lot longer if you want to be any good.&lt;br /&gt;&lt;br /&gt;People often ask us to recommend a computer program which will allow them to create fantastic websites. They sometimes show us a website they like and say "I want a program that will make sites like this." This scenario is somewhat like taking a photo of a house into a hardware shop and saying "I want a hammer which will make a house like this".&lt;br /&gt;&lt;br /&gt;So here's the first reality check: There is no such thing as a program which makes good sites. Although some programs are more helpful than others, in the end it's up to you. Good websites aren't impressive because they were made with a good program, they are impressive because they were made by an experienced person. To make a great site you need to do a great deal of learning. There are no shortcuts.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6719418244536335601?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6719418244536335601/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6719418244536335601' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6719418244536335601'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6719418244536335601'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2007/12/methodology.html' title='methodology'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6525746912669762505</id><published>2007-12-06T07:53:00.000-08:00</published><updated>2008-02-12T12:11:26.650-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='publisher'/><category scheme='http://www.blogger.com/atom/ns#' term='frontpage'/><category scheme='http://www.blogger.com/atom/ns#' term='editor'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='documents'/><category scheme='http://www.blogger.com/atom/ns#' term='wysisyg'/><category scheme='http://www.blogger.com/atom/ns#' term='-page'/><category scheme='http://www.blogger.com/atom/ns#' term='dreamdreamweaver'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='microsoft'/><title type='text'>editor for web design</title><content type='html'>WYSIWYG Editors&lt;br /&gt;&lt;br /&gt;WYSIWYG means "What You See Is What You Get". WYSIWYG web-page editors are similar to word processors and they allow you to construct a web page without using HTML instructions. You simply type in your text, add pictures, etc, using familiar toolbars and menus. The editor makes the HTML code in the background.&lt;br /&gt;&lt;br /&gt;Dreamweaver screenshotSome well-known WYSIWYG web-page editors:&lt;br /&gt;&lt;br /&gt;    * Adobe Dreamweaver&lt;br /&gt;    * Microsoft FrontPage&lt;br /&gt;    * Microsoft Publisher&lt;br /&gt;&lt;br /&gt;The screenshot on the right is from Dreamweaver. Using the tools provided, you can add text, images and other elements directly onto the page.&lt;br /&gt;&lt;br /&gt;These editors have obvious advantages such as speed and ease of use. However, there is a trade-off: They are not 100% reliable. If you examine the HTML code, you are likely to find mistakes and unwanted extra code. They also tend to be deceptive - you may think you're producing a fantastic page but find that it looks very different once you publish it. Remember that these editors usually use an approximation of how the page will look. To see your page as it really is you need to view it in a browser.&lt;br /&gt;&lt;br /&gt;For these (and other) reasons, some professional web designers refuse to use WYSIWYG editors. Instead, they use simple text editors and compose all the HTML manually. However, it's becoming more common to use a mixture of both methods. A good WYSIWYG editor will give you the option to edit the HTML code manually. At the bottom of the Dreamweaver screenshot there is a panel which shows the HTML code for the page being worked on. As you edit the page in WYSIWYG mode, the HTML automatically updates. Likewise, you can edit the HTML code and the WYSIWYG view will be updated.&lt;br /&gt;Recommendations&lt;br /&gt;&lt;br /&gt;Finding the right software isn't easy. If possible you should try a number of different options - most good editors have free trial versions available. Here's what we think about a few leading contenders:&lt;br /&gt;&lt;br /&gt;    * Adobe Dreamweaver is our tool of choice. It is widely considered to be at least best equal in the field of professional web design. It's also perfectly suitable for the novice. It's not cheap!&lt;br /&gt;    * Adobe Contribute is a lower-cost sibling of Dreamweaver. It allows you to maintain and update your website as well as collaborate with other people who work with you.&lt;br /&gt;    * Microsoft Frontpage is a good program for beginners, but be warned: this program has a whole range of flaws and does not have a good reputation in professional circles. Although it is a specialist web development program and is much cheaper than many of it's competitors, there are free programs available which offer essentially the same functionality without the hassles.&lt;br /&gt;      Ironically we use Frontpage quite a lot, because people often send us Frontpage files to work on (one of the drawbacks - Frontpage websites often can't be edited with other programs). Believe it when we say Frontpage causes far more than it's fair share of grief.&lt;br /&gt;    * Microsoft Publisher was originally designed for print media but has evolved to include web design. It has the advantage of being relatively cheap, versatile and familiar. Many people use it simply because they already have it installed. However it is not a specialist HTML editor and doesn't perform well. We don't recommend it.&lt;br /&gt;    * Microsoft Word is similar to Publisher in that it was never originally designed for internet work. Although it can read and edit HTML documents, it does so very badly indeed. If at all possible, avoid it like the plague.&lt;br /&gt;    * There are numerous free HTML editors available. Search the internet, visit web design newsgroups and spend some time deciding.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6525746912669762505?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6525746912669762505/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6525746912669762505' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6525746912669762505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6525746912669762505'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2007/12/editor-for-web-design.html' title='editor for web design'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-8980045780272946394</id><published>2008-01-02T09:29:00.000-08:00</published><updated>2008-02-12T12:11:26.648-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='dreamweaver template'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web site'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='website template with dreamweaver'/><title type='text'>Dreamweaver Template</title><content type='html'>Professionally                  designed website templates utilizing a combination of Dreamweaver                                  templates and library functions to get your web site underway                 quickly and easily. website templates are independent of HTML                   editor and come with the Photoshop (PSD) source files. They                 are all XHTML Valid.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-8980045780272946394?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/8980045780272946394/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=8980045780272946394' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8980045780272946394'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8980045780272946394'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/dreamweaver-template.html' title='Dreamweaver Template'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-3068235403765501531</id><published>2008-01-02T09:39:00.000-08:00</published><updated>2008-02-12T12:11:26.646-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='open source'/><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='phpwebsite'/><category scheme='http://www.blogger.com/atom/ns#' term='php for web tutorial'/><title type='text'>PHP for Web site</title><content type='html'>&lt;strong&gt;phpWebSite&lt;/strong&gt; provides a complete web site content management system. Web-based administration allows for easy maintenance of interactive, community-driven web sites.&lt;br /&gt;&lt;br /&gt;phpWebSite's growing number of modules allow for easy site customization without the need for unwanted or unused features. Client output from phpWebSite is valid XHTML 1.0 and meets the W3C's Web Accessibility Initiative requirements.&lt;br /&gt;&lt;br /&gt;Founded and hosted php for web tutorial by the &lt;a href="http://phpwebsite.appstate.edu/index.php?module=webpage&amp;amp;id=10"&gt;Web Technology Group&lt;/a&gt; at Appalachian State University, phpWebSite is developed by the phpWebSite Development Team, a network of developers from around the world. phpWebSite is &lt;a href="http://www.opensource.org/docs/definition_plain.php"&gt;free, open source&lt;/a&gt; software and is licensed under the &lt;a href="http://www.gnu.org/licenses/gpl.txt"&gt;GNU GPL&lt;/a&gt; and &lt;a href="http://www.gnu.org/licenses/lgpl.txt"&gt;GNU LGPL&lt;/a&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-3068235403765501531?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/3068235403765501531/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=3068235403765501531' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3068235403765501531'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/3068235403765501531'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/php-for-web-site.html' title='PHP for Web site'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-8796280462962756146</id><published>2008-01-02T09:46:00.000-08:00</published><updated>2008-02-12T12:11:26.644-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='java for web'/><category scheme='http://www.blogger.com/atom/ns#' term='download tutorial java for web'/><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='database web server'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='jdbc'/><title type='text'>Java For Web</title><content type='html'>&lt;span style="font-size:85%;"&gt;For enhancements related to Java in the database and JDBC, read the &lt;span class="bodylink style1"&gt;Java and Web Services Developer's Perspective on Oracle Database 11&lt;em&gt;g&lt;/em&gt;&lt;/span&gt; white paper. &lt;/span&gt;&lt;span style="font-size:85%;"&gt;For enhancements related to &lt;strong style="font-weight: normal;"&gt;Database Web Services&lt;/strong&gt; read the Oracle XDB New Features. Download tutorial java for web &lt;a href="http://www.oracle.com/technology/tech/java/jsp/pdf/twp_appdev_java_developers_perspective_11g.pdf"&gt;here.&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://www.oracle.com/technology/tech/xml/xmldb/Current/xmldb_11gr1_overview.pdf"&gt; &lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-8796280462962756146?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/8796280462962756146/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=8796280462962756146' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8796280462962756146'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8796280462962756146'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/java-for-web.html' title='Java For Web'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6321966446873969178</id><published>2008-01-14T20:44:00.000-08:00</published><updated>2008-02-12T12:11:26.643-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web design tutorial'/><title type='text'>Web Design Tutorial</title><content type='html'>This &lt;strong&gt;tutorial&lt;/strong&gt; presents a brief overview of the process of creating a &lt;strong&gt;Web site&lt;/strong&gt;, introduces you to important design principles to consider as you &lt;strong&gt;design&lt;/strong&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6321966446873969178?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6321966446873969178/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6321966446873969178' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6321966446873969178'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6321966446873969178'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/web-design-tutorial.html' title='Web Design Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-8796619634008793699</id><published>2008-01-14T20:53:00.000-08:00</published><updated>2008-02-12T12:11:26.642-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tips and trick'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web design tutorial'/><title type='text'>Web Site Design Tutorial</title><content type='html'>Want to learn some top&lt;strong&gt; web site design&lt;/strong&gt;&lt;strong&gt; tips and tricks&lt;/strong&gt; used by the professionals? This professional web site &lt;strong&gt;design tutorial&lt;/strong&gt; help for you!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-8796619634008793699?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/8796619634008793699/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=8796619634008793699' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8796619634008793699'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/8796619634008793699'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/web-site-design-tutorial.html' title='Web Site Design Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-4257292695362604535</id><published>2008-01-14T20:53:00.001-08:00</published><updated>2008-02-12T12:11:26.641-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tips and trick'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web design tutorial'/><title type='text'>Web Site Design Tutorial</title><content type='html'>Want to learn some top&lt;strong&gt; web site design&lt;/strong&gt;&lt;strong&gt; tips and tricks&lt;/strong&gt; used by the professionals? This professional web site &lt;strong&gt;design tutorial&lt;/strong&gt; help for you!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-4257292695362604535?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/4257292695362604535/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=4257292695362604535' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/4257292695362604535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/4257292695362604535'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/web-site-design-tutorial_14.html' title='Web Site Design Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-6473582583654353013</id><published>2008-01-14T20:56:00.000-08:00</published><updated>2008-02-12T12:11:26.640-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='php for web tutorial'/><title type='text'>HTML Tutorials</title><content type='html'>Here you'll find all sorts of &lt;strong&gt;HTML&lt;/strong&gt;, &lt;strong&gt;&lt;i&gt;Javascript&lt;/i&gt;&lt;/strong&gt; and &lt;strong&gt;web&lt;/strong&gt; authoring&lt;strong&gt; tutorials&lt;/strong&gt;, from absolute ... If you wish, you can go straight to the beginner&lt;strong&gt; tutorial&lt;/strong&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-6473582583654353013?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/6473582583654353013/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=6473582583654353013' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6473582583654353013'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/6473582583654353013'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/html-tutorials.html' title='HTML Tutorials'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-5746876384463897882</id><published>2008-01-14T21:00:00.000-08:00</published><updated>2008-02-12T12:11:26.639-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web layout'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='basic web design'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web design tutorial'/><title type='text'>Basic Web Design and Layout</title><content type='html'>Basic&lt;strong&gt; Web&lt;/strong&gt; Page Layout &amp;amp;&lt;strong&gt; Design&lt;/strong&gt;: An interative &lt;strong&gt;tutorial&lt;/strong&gt; created by the Interactive Media Center at the University at Albany Library.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-5746876384463897882?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/5746876384463897882/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=5746876384463897882' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/5746876384463897882'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/5746876384463897882'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/basic-web-design-and-layout.html' title='Basic Web Design and Layout'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2729030216773638267.post-952974494475832506</id><published>2008-01-16T11:58:00.000-08:00</published><updated>2008-02-12T12:11:26.637-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial html'/><category scheme='http://www.blogger.com/atom/ns#' term='template tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='web tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><title type='text'>HTML Tutorial</title><content type='html'>&lt;span style="font-size:-1;"&gt;You can use this &lt;b&gt;tutorial&lt;/b&gt; either as a complete introduction or as an A-Z reference to &lt;b&gt;HTML&lt;/b&gt;.&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:-1;"&gt;&lt;span class="a"&gt;www.echoecho.com&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2729030216773638267-952974494475832506?l=webtutorial-online.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://webtutorial-online.blogspot.com/feeds/952974494475832506/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='https://www.blogger.com/comment.g?blogID=2729030216773638267&amp;postID=952974494475832506' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/952974494475832506'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2729030216773638267/posts/default/952974494475832506'/><link rel='alternate' type='text/html' href='http://webtutorial-online.blogspot.com/2008/01/html-tutorial.html' title='HTML Tutorial'/><author><name>a</name><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='12236935390285040240'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>0</thr:total></entry></feed>