{"id":740,"date":"2007-07-12T04:50:05","date_gmt":"2007-07-12T12:50:05","guid":{"rendered":"https:\/\/blog.mhvt.net\/?p=740"},"modified":"2008-07-11T10:18:06","modified_gmt":"2008-07-11T18:18:06","slug":"building-a-website-using-css-03","status":"publish","type":"post","link":"https:\/\/blog.mhvt.net\/?p=740","title":{"rendered":"Building a Website Using CSS 03"},"content":{"rendered":"<p><a href=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mhvt.net\/quicktime\/graphics\/icons\/adobe_fireworks.jpg\" height=\"120\" width=\"120\" alt=\"Fireworks\" \/><\/a> <a href=\"\"><img decoding=\"async\" src=\"mac\/bbedit_8.gif\" alt=\"BBEdit 8.6\" \/><\/a><br \/>\n<br \/><\/br><br \/>\n<br \/><\/br><br \/>\nBuilding a Website Using CSS 03: CSS Editing 1<\/p>\n<p>Why do you want to build a website using CSS in the first place?  That&#8217;s mainly because you can instantly make changes to a group of webpages by editing a single style sheet.  And building a website using CSS is much easier than you think.  Besides, you don&#8217;t need specific applications.  You just need a text editor to edit CSS files and a web browser to view changes.  That means you don&#8217;t need theme-based website-building applications like RapidWeaver.  You can just start with nothing and end up with a nice website by just editing a style sheet.<\/p>\n<p>Many PHP themes are built with CSS.  If you want to create your own themes for phpBB, WordPress and RapidWeaver, you need to use CSS.  Don&#8217;t be afraid.  Again, building a website using CSS is easy as long as you know how to use a graphic editor and also how to edit HTML a little bit.<\/p>\n<p>In this video tutorial series, we use a common graphic application and a text editor to build a website.  You can use any graphic application (Adobe Fireworks, Adobe Photoshop, Graphic Converter&#8230;) to create themes.  You can also use any text editor or HTML editor (Adobe Dreamweaver, TextEdit, BBEdit, Windows&#8217; NotePad&#8230;).  <!--more--><\/p>\n<p>In the last tutorial, we briefly explained the relationship between a webpage and a style sheet.  Using BBEdit, we actually start editing our CSS file to make our index page look better in this tutorial.  Again, you can use any text editor like TextEdit and NotePad (Windows).  And the template files are provided under &#8220;Building a Website Using CSS 02.&#8221;<br \/>\n<br \/><\/br><br \/>\n<br \/><\/br><\/p>\n<table width=\"440\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tr>\n<td><a href=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_31.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_31.jpg\" height=\"150\" width=\"200\" alt=\"building a website using CSS\" \/><\/a><\/td>\n<td><a href=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_32.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_32.jpg\" height=\"150\" width=\"200\" alt=\"building a website using CSS\" \/><\/a><\/td>\n<\/tr>\n<\/table>\n<p><\/br><br \/>\n<br \/><\/br><\/p>\n<li>BBEdit version: 8.5.2 (You can use any text editor.)<\/li>\n<li>VTC version: 1.0<\/li>\n<li>Length: 5 minutes 34 seconds<\/li>\n<li>Video format: QuickTime<\/li>\n<li>Video compression: H.264<\/li>\n<li>Pixel size: 900 x 675<\/li>\n<li>Audio effects: Enabled<\/li>\n<li>Audio commentary: Enabled<\/li>\n<p><\/br><br \/>\n<br \/><\/br><\/p>\n<table width=\"440\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n<tr>\n<td width=\"200\"><a href=\"\"><img decoding=\"async\" src=\"machouse\/video_tutorials_no_visitors.gif\" alt=\"Mac video tutorials\" \/><\/a><\/td>\n<td>&nbsp;<\/td>\n<td width=\"200\"><a href=\"http:\/\/www.mhvt.net\/quicktime\/eng\/vtc\/css_editing\/css_editing_03.php\"><img decoding=\"async\" src=\"machouse\/video_tutorials_members.gif\" alt=\"Mac video tutorials\" \/><\/a><\/td>\n<\/tr>\n<\/table>\n<p>Please read <a href=\"http:\/\/www.mhvt.net\/quicktime\/eng\/terms_guests.php\">Terms of Use for Guests<\/a> before watching any of the video tutorials.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building a Website Using CSS 03: CSS Editing 1 Why do you want to build a website using CSS in the first place? That&#8217;s mainly because you can instantly make changes to a group of webpages by editing a single &hellip; <a href=\"https:\/\/blog.mhvt.net\/?p=740\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":342,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-740","post","type-post","status-publish","format-standard","hentry","category-vtc"],"_links":{"self":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/users\/342"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=740"}],"version-history":[{"count":0,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/740\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}