Building a Website Using CSS 02: Introduction to CSS

Why do you want to build a website using CSS in the first place? That’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’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’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.

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’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.

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…) to create themes. You can also use any text editor or HTML editor (Adobe Dreamweaver, TextEdit, BBEdit, Windows’ NotePad…). Continue reading →

Building a Website Using CSS 01: Creating a Theme

Why do you want to build a website using CSS in the first place? That’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’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’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.

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’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.

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…) to create themes. You can also use any text editor or HTML editor (Adobe Dreamweaver, TextEdit, BBEdit, Windows’ NotePad…). Continue reading →

The following video tutorial shows basic functions of MPEG Streamclip by Squared 5 specifically for the Japanese. And this video tutorial contains audio commentary in Japanese.

この無料のビデオ・チュートリアルではSquared 5のマック版のMPEG Streamclipの機能を説明します。MOVフォーマットのビデオのAVIへの変換、必要のないフレームの削除、DEMUXとは何か、またAC3のオーディオ・トラックを含むMPEGフォーマットのビデオへの対応の仕方を簡単に説明します。 Continue reading →

Building a Blog Website with RapidWeaver 08: Adding More Webpages

So far, our sample website is simple with just several pages. If we wanted to expand our business, it would be necessary that we add more pages. But how? Should we go back to RapidWeaver, add more pages and export files? We wouldn’t want to do that because we modified our website extensiviely as shown in the last two to three video tutorials.

In this last video tutorial of the RapidWeaver series, we modify our website to add more pages. We use Adobe Dreamweaver, but you can use any HTML editor for this purpose. Continue reading →

Building a Blog Website with RapidWeaver 07: Embedding Server Side Includes Codes

In the next three video tutorials of the Rapid Weaver series, we are going to use Adobe Dreamweaver and BBEdit to modify the website project that we created with RapidWeaver 3.6. Dreamweaver is an excellent HTML editor because it allows you to modify the locations and the names of the files within the same ‘site.’ And we use BBEdit to edit text (.txt) files and CSS (.css) files. You can use BBEdit Lite (freeware) or whatever you have to edit text files and style sheets.

Furthermore, the main purpose of these three video tutorials is to get our website ready for dynamic contents. So we want to convert all HTML files into PHP ones. By so doing, we can embed Server Side Includes We don’t explain how to write Server Side Includes in the video tutorials. So if you are unsure how they work, you are advised to go through these articles at our SEO website beforehand.

In the meantime, these three video tutorials aren’t designed just to fulfill the needs for RapidWeaver users. Dreamweaver beginners, those who want to use Server Side Includes, those who want to learn how to create their own RapidWeaver themes may find these video tutorials useful to some extent. Continue reading →