{"id":745,"date":"2007-07-17T08:14:42","date_gmt":"2007-07-17T16:14:42","guid":{"rendered":"https:\/\/blog.mhvt.net\/?p=745"},"modified":"2008-07-11T10:17:18","modified_gmt":"2008-07-11T18:17:18","slug":"building-a-website-using-css-04-1","status":"publish","type":"post","link":"https:\/\/blog.mhvt.net\/?p=745","title":{"rendered":"Building a Website Using CSS 04-1"},"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 04-1: More 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 just imported several graphic files.  In this tutorial, we use more CSS elements like inserting a top margin, creating multiple columns and setting text alignment.<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_411.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_411.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_412.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mhvt.net\/quicktime\/eng\/screenshots\/css_editing\/css_editing_412.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 54 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_041.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 04-1: More 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 &hellip; <a href=\"https:\/\/blog.mhvt.net\/?p=745\">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-745","post","type-post","status-publish","format-standard","hentry","category-vtc"],"_links":{"self":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/745","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=745"}],"version-history":[{"count":0,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/745\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}