Author: ogsolution
Added: Wed, 23 Jul 2008 09:40:18 -0800
Duration: 235

This screencast is going to talk about attaching external JavaScript files to your HTML document. You can put your common JavaScript code in a separate JavaScript document so you can link to this JavaScript file from all your HTML page. This way, you can reuse your code over an over again.

Author: ogsolution
Added: Wed, 16 Jul 2008 03:54:27 -0800
Duration: 327

This screencast is going to talk about JavaScript’s alert method. This built-in function will pop up a text display box. This alert box’s main purpose is to show information but if you use it wisely it becomes very useful in many ways.

Author: ogsolution
Added: Thu, 10 Jul 2008 00:34:42 -0800
Duration: 276

This screencast is going to show you how to start using JavaScript in your HTML pages.

Author: ogsolution
Added: Tue, 08 Jul 2008 22:45:52 -0800
Duration: 362

In this screencast, we are going to look at the big picture of what javascript is. After this tutorial video, you should be able to see how JavaScript fit into your web development process.

Author: ogsolution
Added: Sun, 06 Jul 2008 22:53:37 -0800
Duration: 356

In this screencast, we are going to dive into the world of a very popular scripting language called JavaScript. JavaScript is used on most major portal websites today and its major use is to make your static HTML/CSS webpage more dynamic and eventful.

Author: ogsolution
Added: Thu, 03 Jul 2008 00:34:27 -0800
Duration: 335

In this screencast, I am going to talk about additional skills and knowledge you need after learning HTML and CSS. This is a good conceptual video about what a programming language is and what you need to know in terms of a web developer.

Author: ogsolution
Added: Sat, 28 Jun 2008 22:24:26 -0800
Duration: 461

If you’ve been using the computer and surfing the web for the past year or so, you should have heard of a buzz word called flash. In this screencast, I am going to attempt to explain what flash is.

Author: ogsolution
Added: Wed, 11 Jun 2008 10:21:07 -0800
Duration: 586

This screencast is going to talk about transferring files to your web hosting company. This process is usually called file uploading and often times called FTP in short.

Author: ogsolution
Added: Tue, 03 Jun 2008 00:19:31 -0800
Duration: 413

In this screencast, I’m going to show you what you get when you use Liquid Web’s service.

Author: ogsolution
Added: Mon, 19 May 2008 02:49:33 -0800
Duration: 542

When you have your website created, you would want to allow people all over the world to access your website right? So, you would need to put all your web pages and images in a computer that is setup to allow external request of your webpages. This is often called a web server and this screencast is going to talk web hosting services.

Author: ogsolution
Added: Tue, 13 May 2008 22:19:35 -0800
Duration: 536

In this screencast, we are going to talk about where to buy your domain name and how to manage your domain names.

Author: ogsolution
Added: Thu, 08 May 2008 23:49:30 -0800
Duration: 313

In this screencast, we are going to talk about coming up with a domain name for your website. Once you know that you will be building a website, you should start thinking about a website name.

Author: ogsolution
Added: Wed, 07 May 2008 06:17:58 -0800
Duration: 412

Finally, we are going to build a contact us page to complete the informational website.

Author: ogsolution
Added: Sun, 04 May 2008 03:19:34 -0800
Duration: 255

Once you have your homepage built up, it won't be hard to create all the remaining pages. Creating sub pages can be as easy as 1-2-3.

Author: ogsolution
Added: Sun, 27 Apr 2008 23:16:19 -0800
Duration: 331

This screencast is going to finish building the index page by adding the footer section into the webpage.

Author: ogsolution
Added: Thu, 24 Apr 2008 23:25:38 -0800
Duration: 512

Using the skeleton layout from the last video, we are now going to add contents into the top section in our webpage.

Author: ogsolution
Added: Tue, 22 Apr 2008 22:55:39 -0800
Duration: 496

Using the skeleton layout from the last video, we are now going to add contents into the top section in our webpage.

Author: ogsolution
Added: Sun, 20 Apr 2008 13:19:33 -0800
Duration: 551

Once we have the preparation done, we are going to create the skeleton template that sets up the main layout that I will be using throughout the entire website. Then we are going to create the index page using this template.

Author: ogsolution
Added: Fri, 18 Apr 2008 00:49:30 -0800
Duration: 580

Now that I have a mockup of my website, I have to slice this into numerous small pieces of images so I can use it in my html files.

Author: ogsolution
Added: Wed, 16 Apr 2008 03:28:31 -0800
Duration: 332

After answering some of the questions that were raised in the brainstorming process, and some time to think about how my site may look like, the first thing I will do is start searching for a web template.

Author: ogsolution
Added: Sun, 13 Apr 2008 23:52:31 -0800
Duration: 282

This is the first of a series of videos that will be building an informational website using HTML and CSS.

Author: ogsolution
Added: Sat, 12 Apr 2008 17:19:29 -0800
Duration: 155

This screencast is going to talk about adding the important rule to CSS stylesheet rules. Adding the important rule will make that specific stylesheet rule the most important.

Author: ogsolution
Added: Tue, 08 Apr 2008 23:16:22 -0800
Duration: 188

In this screencast, we are going to talk about a CSS class that can transform your text. With this style rule, you can set your text to have upperclass, lowerclass, or capitalize.

Author: ogsolution
Added: Sat, 05 Apr 2008 23:16:18 -0800
Duration: 143

In this screencast, we are going to talk about setting the letter spacing and word spacing using CSS. Letter spacing allows you to adjust the spaces between each character and word spacing sets the spacing between words.

Author: ogsolution
Added: Thu, 03 Apr 2008 23:46:19 -0800
Duration: 152

In this screencast, we are going to talk about setting background image attachment. This means to let the background image scroll along the page or have it sitting at a fixed position.

Author: ogsolution
Added: Wed, 02 Apr 2008 23:19:34 -0800
Duration: 170

In this screencast, we are going to talk about setting line height for your text. This will create more vertical spaces between lines of text.

Author: ogsolution
Added: Tue, 01 Apr 2008 22:16:20 -0800
Duration: 368

In this screencast, we are going to talk about setting element position using CSS. This style rule is used to move the HTML element out of its normal page position and allowing you to set exactly where you want it to be on the webpage.

Author: ogsolution
Added: Tue, 01 Apr 2008 00:46:18 -0800
Duration: 218

In this screencast, we are going to set the visibility of a HTML element. With this CSS style rule, you can set an element to be visible and invisible.

Author: ogsolution
Added: Mon, 31 Mar 2008 01:16:22 -0800
Duration: 377

In this screencast, we are going to talk about setting vertical alignment using CSS.

Author: ogsolution
Added: Sun, 30 Mar 2008 01:16:18 -0800
Duration: 351

In this screencast, we are going to talk about the concept of specificity, which to me means the order of importance for each CSS style rule.

Author: ogsolution
Added: Thu, 27 Mar 2008 02:16:16 -0800
Duration: 334

In this screencast, we are going to talk about web color basics and some helpful tools you can use during your site development.

Author: ogsolution
Added: Mon, 24 Mar 2008 22:46:19 -0800
Duration: 192

In this screencast, we are going to talk about special characters in HTML. The copy right symbol, register mark, and inverted question mark are all special characters in HTML. Therefore, if you want to have a special HTML entity show up on your webpage, you will need to input a specific code for it.

Author: ogsolution
Added: Sun, 23 Mar 2008 12:16:20 -0800
Duration: 222

This screencast will talk more about styling your form. The internet is about interactivity where you can easily share information with the world. In order to build an interactive website, you’ll need a HTML form to pass information. Therefore, having a well designed form is crucial to a website.

Author: ogsolution
Added: Thu, 20 Mar 2008 23:46:16 -0800
Duration: 282

In this screencast, we are going to setup a mailto link. A milto link is a link that launches user’s default mail client so the user can send an email.

Author: ogsolution
Added: Wed, 19 Mar 2008 22:16:19 -0800
Duration: 246

In this screencast, we’re gonna cover two HTML tags. First one draws a box on your webpage (called a fieldset) and the other one puts captions to that box (called a legend).

Author: ogsolution
Added: Tue, 18 Mar 2008 09:16:21 -0800
Duration: 600

In this screencast, we are going to talk about setting up multiple links within one piece of image, called image map. Image mapping allows you to setup different link hotspots within a single image.

Author: ogsolution
Added: Sun, 16 Mar 2008 00:16:17 -0800
Duration: 474

In this screencast, we are going to talk about iframe which is short for inline frame. This HTML tag is similar to frame where it can source a different webpage in itself. Unlike frames, iframe is still quite popular and is still being used by major portal sites like MSN.com.

Author: ogsolution
Added: Fri, 14 Mar 2008 00:16:17 -0800
Duration: 520

In this screencast, we are going to talk about frames. Frames are used when you want just one part of your webpage to change and other parts to remain unchanged. The concept of this technique is basically piecing together many webpages into one single webpage.

Author: ogsolution
Added: Wed, 12 Mar 2008 00:16:17 -0800
Duration: 380

In this screencast, we are going to talk about definition list. This type of list is typically used for items that have term and description relationship. For example, an English vocabulary and its definitions can be coded using definition list.

Author: ogsolution
Added: Mon, 10 Mar 2008 23:46:17 -0800
Duration: 509

In this screencast, we are going to setup colspan (column-span) and rowspan (row-span) for your table cells. If you’ve ever used excel spreadsheet before, this is very much like merging your data cells horizontally and vertically.

Author: ogsolution
Added: Sun, 09 Mar 2008 20:46:18 -0800
Duration: 292

In this screencast, we are going to talk about an HTML tag that is often used while performing Search Engine Optimization (SEO) to increase the chance of your site showing at the top of the search result page. The main purpose of the meta tag is to provide additional information about your website.

Author: ogsolution
Added: Fri, 07 Mar 2008 07:22:36 -0800
Duration: 271

In this screencast, I am going to create the map page of the storyteller site.

Author: ogsolution
Added: Tue, 04 Mar 2008 22:46:17 -0800
Duration: 281

In this screencast, we are going to create the characters page. In order for the readers to get into the story, I think it would be best if my readers know more about my characters in the story. So, I want to create a page with a list of all the characters I’ve created for this story.

Author: ogsolution
Added: Mon, 03 Mar 2008 23:46:17 -0800
Duration: 442

In this screencast, we are going to create the journey page. This page records the journey of our main character. Using the template that we’ve downloaded, this page can be the easiest page to make.

Author: ogsolution
Added: Sun, 02 Mar 2008 01:46:16 -0800
Duration: 252

In this screencast, we are going to be building the author page. This is basically an about us page that describes the author.

Author: ogsolution
Added: Sat, 01 Mar 2008 00:16:18 -0800
Duration: 530

Now, we are going to start building the homepage. This page is usually the entry point to the rest of your site so you want to make it easy for new comers to know what your site is about and not too confusing for them to navigate through your site.

Author: ogsolution
Added: Thu, 28 Feb 2008 01:16:18 -0800
Duration: 473

In this screencast, we are going to familiarize the codes for the template we downloaded so we can customize it to our needs.

Author: ogsolution
Added: Mon, 25 Feb 2008 23:16:17 -0800
Duration: 320

In this screencast we are going to move into the comp and wireframing phase. For a non-designer like myself, this phase usually takes me the longest time to complete. I get headaches when I have to come up with good looking site designs and layouts, so I usually get help using existing templates.

Author: ogsolution
Added: Sat, 23 Feb 2008 23:46:20 -0800
Duration: 214

Let’s say I had a dream and I think if I write this dream down and make it a story, it may be the next Harry Potter. So I want to test out my idea in the cheapest possible way with the potential to reach millions of readers. In order to do so, I think making a story telling website that utilizes the power of the internet is the best way.