Author: ogsolution
Added: Wed, 10 Sep 2008 10:55:41 -0800
Duration: 135

This screencast is going to look at the onmouseout event handler. This event handler executes JavaScript code when the user moves out of the HTML element that is setup with this event handler.

Author: ogsolution
Added: Wed, 27 Aug 2008 19:55:37 -0800
Duration: 161

This screencast is going to look at the onmouseover event handler. This event handler executes JavaScript code when the user moves the mouse over the HTML element that is setup with this event handler.

Author: ogsolution
Added: Tue, 12 Aug 2008 21:54:12 -0800
Duration: 146

This screencast is going to look at the onclick event handler. This event handler executes JavaScript code when the user clicks on the HTML element that is setup with this event handler.

Author: ogsolution
Added: Thu, 31 Jul 2008 08:33:43 -0800
Duration: 235

When you’re coding JavaScript, you are building functions that respond to user actions (which is also known as events) on your webpage. Therefore, event is the driving force for JavaScript to work. This screencast is going to look at events in general.

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.

Author: ogsolution
Added: Fri, 22 Feb 2008 02:16:20 -0800
Duration: 290

Unless you are an artist or a designer, you will probably need help with images from time to time. This screencast is going to show you some sites that offers images to help you build your website.

Author: ogsolution
Added: Wed, 20 Feb 2008 00:16:25 -0800
Duration: 385

Creating breath taking site design can be a really hard thing to do for some people. This is especially true for beginners who just started learning the web lingo. This is a good time to use templates and this screencast is going to talk about pre-made web templates.

Author: ogsolution
Added: Sun, 17 Feb 2008 23:46:18 -0800
Duration: 274

In this screencast, we are going to talk about site usability and I am going to guide you through a US government website (http://www.usability.gov/) to learn web usability.

Author: ogsolution
Added: Sat, 16 Feb 2008 02:16:17 -0800
Duration: 384

Creating comps is also known as creating mockups of the website. This is usually done using an image editing software like Photoshop, Fireworks, and GIMP. The resulting comp is a good preview of how the site will look like after the comp is sliced up and prepped for web page creation.

Author: ogsolution
Added: Thu, 14 Feb 2008 00:46:15 -0800
Duration: 393

In this screencast, we are going to talk about image editing software. A website is actually composed of mostly text and images so it is important that you know about image editing softwares. Image editing software can also be helpful in creating comps, which is also called mockups.

Author: ogsolution
Added: Tue, 12 Feb 2008 23:16:22 -0800
Duration: 442

A lot of times when I want to start building a new website, I would not have any idea how my upcoming site will look like. I would not know how the user interface would look like nor do I know what color scheme to use. There may be times when you run out of site layout or design ideas. This is the time when you go out to search for inspirations.

Author: ogsolution
Added: Mon, 11 Feb 2008 01:16:20 -0800
Duration: 450

Just as the word implies, wireframing is to draw wired (skeleton) figures of your webpage to help you figure out what goes where on your webpage. This screencast is going to go over some live examples of some popular site layouts and implications of those layouts.

Author: ogsolution
Added: Fri, 08 Feb 2008 21:16:21 -0800
Duration: 465

A website is actually a combination of individual web pages linked together. Depending on the nature of the website you will be building, it usually requires different sets of web pages. In this screencast, we are going to talk about kinds of individual pages a website will need.

Author: ogsolution
Added: Tue, 05 Feb 2008 23:46:20 -0800
Duration: 170

When you’ve done enough homework on what you are going to be building, you need to solidify your idea.

Author: ogsolution
Added: Mon, 04 Feb 2008 23:16:18 -0800
Duration: 399

In this screencast, we are going to talk about doing research and taking notes. For myself, I would not start diving into a competitive analysis or a full blown business plan because that is time consuming and it’s delaying you to do the really fun stuff, which is to build something and let the public see it. So, research doesn’t have to be extremely extensive when you first get started but be continuous from here on after.

Author: ogsolution
Added: Fri, 01 Feb 2008 23:55:34 -0800
Duration: 171

Once you have a purpose in creating a website, the next step is to think about a lot questions. Then try to answer your own question. More Q&A means that more thought out your website will be.

Author: ogsolution
Added: Thu, 31 Jan 2008 01:16:19 -0800
Duration: 196

Once you have something you can work on and before you start writing down anything or even open up your code editor, you should find a quiet place and start thinking. What do you think about? You start by creating a purpose for the site you are going to start building.

Author: ogsolution
Added: Wed, 30 Jan 2008 02:46:17 -0800
Duration: 351

In this screencast, we are going to talk about finding website ideas or a job.

Author: ogsolution
Added: Tue, 29 Jan 2008 07:28:51 -0800
Duration: 457

This is an overview of how to start planning a website. If you have gone through the first three sections on ogsolution.com (Web Knowledge – Beginner, HTML – Beginner, CSS - Beginner), then you are ready to build a website that only requires HTML and CSS. The big question now is, how do you start building a website using the web lingo you’ve learned so far?

Author: ogsolution
Added: Sat, 26 Jan 2008 23:58:50 -0800
Duration: 233

In this screencast, we are going to talk about adding comments in your stylesheet. In almost all programming language, there has to be at least one way to add hidden comments in the page. CSS is no different.

Author: ogsolution
Added: Sat, 26 Jan 2008 07:28:52 -0800
Duration: 460

In this screencast, we are going to talk about grouping CSS style rules. There might be times when you’re setting up stylesheet rules, you will across a style rule that’s been set many times in the stylesheet. In this kind of situation, you can group the same rule and have many selectors (element, class, or ID) share them.

Author: ogsolution
Added: Thu, 24 Jan 2008 23:32:57 -0800
Duration: 347

In this screencast, we are going to talk about setting style for child selector. You can use this technique to set styles to element that only belongs to a parent. The importance of this is the flexibility you can have in setting more diverse styles.

Author: ogsolution
Added: Wed, 23 Jan 2008 23:45:31 -0800
Duration: 192

In this screencast, we are going to talk about grouping CSS style rules. There might be times when you’re setting up stylesheet rules, you will across a style rule that’s been set many times in the stylesheet. In this kind of situation, you can group the same rule and have many selectors (element, class, or ID) share them.

Author: ogsolution
Added: Wed, 23 Jan 2008 00:03:10 -0800
Duration: 364

I this screencast, we are going to talk about setting pseudo-class to an <a> tag. Pseudo-class style is triggered only when a certain active state is present. With a link(<a>), it includes unclicked link, clicked link, mouseover the link or currently active link.

Author: ogsolution
Added: Mon, 21 Jan 2008 23:20:40 -0800
Duration: 362

In this screencast, we are going to talk about setting an element’s overflow property using CSS. There may be times when you have to place a very big image in a box that can only be a certain width and height. This is a good time to set the overflow property to insure that your box does not get stretched out and destroy your page layout.

Author: ogsolution
Added: Sun, 20 Jan 2008 22:11:47 -0800
Duration: 254

In this screencast, we are going to talk about setting mouse cursor style. CSS allows you to set your cursor style when you move your mouse over an element where the cursor style has been set. For example, you can change your cursor into something other than pointer when you mouse over an <a> tag.

Author: ogsolution
Added: Sun, 20 Jan 2008 03:55:29 -0800
Duration: 229

In this screencast, we are going to combine all the list style settings and put them into a one line command.

Author: ogsolution
Added: Fri, 18 Jan 2008 23:17:42 -0800
Duration: 176

In this screencast, we are going to talk about setting list style image. In addition to the list style types CSS provides, you can use your own image as the bullet points.

Author: ogsolution
Added: Fri, 18 Jan 2008 00:48:37 -0800
Duration: 222

In this screencast, we are going to talk about setting the bullet point position using CSS. You can use this to set weather the bullet point will be inside the list item line or outside of the list item line.

Author: ogsolution
Added: Wed, 16 Jan 2008 23:30:44 -0800
Duration: 287

In this screencast, we are going to talk about setting the list style type using CSS. List style type is the decoration you see when you create a HTML list using either <ul> or <ol>. With CSS, you can change the decoration of the list item.

Author: ogsolution
Added: Tue, 15 Jan 2008 23:06:37 -0800
Duration: 327

In this screencast, we are going to talk about setting the display property of the HTML element. This CSS rule is most often set to make a HTML element a block element or an inline element. It’s also used to make the element show or disappear in the webpage.

Author: ogsolution
Added: Mon, 14 Jan 2008 23:36:24 -0800
Duration: 265

In this screencast, we are going to talk about clearing the float setting in CSS. A lot of times when you are done floating the HTML elements and you want the next element to NOT be a part of the floating group, you would use the clear style.

Author: ogsolution
Added: Sat, 12 Jan 2008 22:04:26 -0800
Duration: 540

In this screencast, we are going to talk about floating HTML elements using CSS. Floating may seem like a foreign concept for starters but it will become very useful when you start using it to layout your page without using any tables.

Author: ogsolution
Added: Sat, 12 Jan 2008 04:36:26 -0800
Duration: 409

In this screencast, we are going to talk about setting margin to your box. In the CSS Box Model, this is the third layer wrapping the content box. Setting margin to your box allows you to set the space away from the original position. Like padding, this is used to control the position of your content.

Author: ogsolution
Added: Thu, 10 Jan 2008 23:36:26 -0800
Duration: 420

In this screencast, we are going to talk about setting padding to your box. In the CSS Box Model, this is the first layer wrapping the content box. Setting padding to your box allows you to set the space between the content and the border which gives you more control over where your content should be placed on a webpage.

Author: ogsolution
Added: Wed, 09 Jan 2008 23:00:18 -0800
Duration: 385

In this screencast, we are going to talk about combining all CSS border settings into a one line command. This allows you to combine border style, border width, and border color.

Author: ogsolution
Added: Wed, 09 Jan 2008 00:18:11 -0800
Duration: 317

In this screencast, we are going to talk about setting border color. One thing you have to remember is that you need to set a border style first for the color to show. If you just set the color alone, you will not see it on the webpage.

Author: ogsolution
Added: Mon, 07 Jan 2008 22:28:17 -0800
Duration: 308

In this screencast, we are going to talk about setting border width. This rule determines how thick the border would display on the browser. Please remember to set the border style first for the width to show. If you just set the width alone, you will not see it on the webpage.

Author: ogsolution
Added: Sun, 06 Jan 2008 22:58:16 -0800
Duration: 369

In this screencast, we are going to talk about setting the border style to a box. In the CSS Box Model, this is the second layer wrapping the content box. CSS allows you quite a few selections to style your border. In addition, it allows you to style each of the four sides individually.

Author: ogsolution
Added: Sat, 05 Jan 2008 22:36:25 -0800
Duration: 463

In this screencast, we are going to talk about an important concept called the "box model" concept. If you will be using CSS to do your page layout, you will need to understand the basics of this box concept.

Author: ogsolution
Added: Fri, 04 Jan 2008 23:36:25 -0800
Duration: 368

In this screencast, we are going to talk about setting the width and height of any HTML element using CSS. The width and height rule is extremely important because it will come in handy when you want to make your element a certain size.

Author: ogsolution
Added: Wed, 02 Jan 2008 21:58:19 -0800
Duration: 260

In this screencast, we are going to talk about setting text decoration other than italic and bold. This rule allows you to set underline, overline and strike through to your text

Author: ogsolution
Added: Tue, 01 Jan 2008 19:36:44 -0800
Duration: 452

In this screencast, we are going to talk about setting text alignment using CSS. This rule allows you to set the horizontal alignment of your content.

Author: ogsolution
Added: Sun, 30 Dec 2007 23:48:13 -0800
Duration: 202

In this screencast, we are going to talk about setting font weight using CSS. This rule is used to bold your text.

Author: ogsolution
Added: Sat, 29 Dec 2007 23:00:21 -0800
Duration: 241

In this screencast, we are going to talk about setting font style using CSS. This rule is used to italicize your text.

Author: ogsolution
Added: Sat, 29 Dec 2007 00:36:24 -0800
Duration: 217

In this screencast, we are going to talk about setting font size using CSS.

Author: ogsolution
Added: Thu, 27 Dec 2007 23:18:15 -0800
Duration: 367

In this screencast, we are going to talk about setting font family using CSS. If you’ve used rich text editing software like Microsoft Word before, then you should be familiar with fonts like Time New Roman or a lot of others you can choose from. I will show you some fonts that are more commonly used in the internet world.

Author: ogsolution
Added: Wed, 26 Dec 2007 22:50:24 -0800
Duration: 309

In this screencast, we are going to combine all the CSS background rules into a one line command. CSS allow us to combine background color, image, repeat, scroll, and position all into one line.

Author: ogsolution
Added: Wed, 26 Dec 2007 00:48:14 -0800
Duration: 328

In this screencast, we are going to talk about setting the background image position. With this rule, you can set the position of the background image to almost anywhere in your container.

Author: ogsolution
Added: Fri, 21 Dec 2007 01:04:06 -0800
Duration: 431

In this screencast, we are going to talk about setting the repeating characteristic of the background image being used. The default property for background image is repeating horizontally and vertically. With CSS, you can set the repeating rules for background images.

Author: ogsolution
Added: Wed, 19 Dec 2007 22:49:06 -0800
Duration: 342

In this screencast, we are going to talk about setting a background image using CSS. Using a background image is a clever way to decorate your webpage because with a background image, you are just occupying the background of your page. If you need to put more text or images on your page, you can do so.

Author: ogsolution
Added: Wed, 19 Dec 2007 00:04:08 -0800
Duration: 220

In this screencast, we are going to talk about setting up an element’s background color.