Home
Videos uploaded by user “Jeffery Hirono”
CSS Box Model Concept
 
07:44
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 7821 Jeffery Hirono
How to start using JavaScript?
 
04:32
Check out my new site at http://www.youtubemuse.com/ This screencast is going to show you how to start using JavaScript in your HTML pages.
Views: 78337 Jeffery Hirono
More HTML Tables -- Colspan & Rowspan
 
08:25
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 42196 Jeffery Hirono
CSS Position & Offset
 
06:04
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 7400 Jeffery Hirono
HTML Meta
 
04:48
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1726 Jeffery Hirono
HTML Flash Embed
 
07:14
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about embedding flash into a webpage. Video websites like Youtube and Revver usually use flash to show their flash movies. In addition, they allow users to copy the flash embed code snippet and paste it on some other webpage. That's why you see Youtube videos on a lot of the blogs today. OG Solution does the same thing where the screencast are flash movies.
Views: 47851 Jeffery Hirono
Link to external CSS files
 
06:42
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about another way of adding CSS into your HTML file. Sometimes, you will have classes you would like to reuse on a different page. If you always have to code the same style again in each of your HTML page, it will become troublesome. Just imaging if you have to change the same class throughout all your webpages. Therefore, CSS allows you to create an external stylesheet and be linked to any of your HTML pages.
Views: 33539 Jeffery Hirono
CSS List Style Image
 
02:57
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 5782 Jeffery Hirono
CSS Float
 
09:00
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 10697 Jeffery Hirono
JavaScript Alert()
 
05:23
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 17238 Jeffery Hirono
HTML Mailto
 
04:38
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 20076 Jeffery Hirono
JavaScript External File
 
03:51
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 35553 Jeffery Hirono
HTML Image Map
 
09:56
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 39681 Jeffery Hirono
JavaScript Events - onmouseout
 
02:11
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 2851 Jeffery Hirono
CSS Background Image Repeat
 
07:12
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 7075 Jeffery Hirono
Programming Language For Web Development
 
05:31
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 9273 Jeffery Hirono
JavaScript Events -- General
 
03:51
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 2277 Jeffery Hirono
JavaScript Big Picture
 
05:58
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 2431 Jeffery Hirono
HTML Frames
 
08:36
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 51390 Jeffery Hirono
HTML Script Tag
 
05:18
Check out my new site at http://www.youtubemuse.com/ In this creencast, we are going to talk about the script tag. This tag will become useful if you want to make your page content more dynamic. What's placed in between the script tags is an entirely different web language called javascript that makes your page more dynamic.
Views: 16426 Jeffery Hirono
CSS Important
 
02:31
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1951 Jeffery Hirono
HTML Special Characters
 
03:08
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1989 Jeffery Hirono
CSS Text Transform
 
03:04
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1028 Jeffery Hirono
HTML Iframe
 
07:50
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 27744 Jeffery Hirono
CSS Font Weight
 
03:22
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about setting font weight using CSS. This rule is used to bold your text.
Views: 1869 Jeffery Hirono
CSS Letter Spacing & Word Spacing
 
02:19
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 3904 Jeffery Hirono
Informational Website (1) - Brainstorming
 
04:38
Check out my new site at http://www.youtubemuse.com/ This is the first of a series of videos that will be building an informational website using HTML and CSS.
Views: 766 Jeffery Hirono
HTML Div/Span Container
 
06:38
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about two HTML tags that will become very useful when you start doing webpage structuring. That's the div and the span tag.
Views: 15293 Jeffery Hirono
CSS Font Size
 
03:38
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about setting font size using CSS.
Views: 3832 Jeffery Hirono
Informational Website (4) - Homepage Main Layout
 
09:07
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 724 Jeffery Hirono
JavaScript Events -- onmouseover
 
02:37
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 19281 Jeffery Hirono
CSS Border Style
 
06:09
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 7102 Jeffery Hirono
What is JavaScript?
 
05:52
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 96644 Jeffery Hirono
CSS List Style Position
 
03:42
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 3148 Jeffery Hirono
Add CSS Comments
 
03:49
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1803 Jeffery Hirono
CSS Border Width
 
05:09
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1378 Jeffery Hirono
CSS Font Color - Exercise
 
02:49
Check out my new site at http://www.youtubemuse.com/ (1)Setup a HTML file (2)Setup a stylesheet section inside head tag (3)Create a stylesheet rule that sets the background color of your entire document to maroon (4)Type some text in the HTML body section (5)Load the HTML file in your browser
Views: 4241 Jeffery Hirono
JavaScript Events - onclick
 
02:22
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 45161 Jeffery Hirono
CSS Background (combined)
 
05:10
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1089 Jeffery Hirono
More HTML List - Definition List
 
06:17
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 956 Jeffery Hirono
CSS Background Image Position
 
05:29
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 10159 Jeffery Hirono
Nested Table Layout - Part 1
 
04:00
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to look at how to compose an actual webpage using the nested tables. The actual page is: http://ogsolution.com/html/beginner-html/html-doctype/45/
Views: 2126 Jeffery Hirono
CSS Font Family
 
06:07
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 3308 Jeffery Hirono
CSS Background Image
 
05:44
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 94535 Jeffery Hirono
Website Brainstorming -- Finding an Idea (or a job)
 
05:47
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about finding website ideas or a job.
Views: 1008 Jeffery Hirono
CSS Background Color Exercise
 
02:55
Check out my new site at http://www.youtubemuse.com/ (1)Setup a HTML file (2)Create a div with the following text: The background color is #9ACD32 (3)Setup a stylesheet section inside head tag (4)Create a class that sets the background color to #9ACD32 (5)Assign that class to the div created (6)Load the HTML file in your browser
Views: 4284 Jeffery Hirono
CSS Pseudo-classes (link)
 
06:05
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 2905 Jeffery Hirono
CSS Border Color
 
05:18
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 776 Jeffery Hirono
CSS Inheriting
 
07:36
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 2182 Jeffery Hirono
How to start planning a website?
 
07:33
Check out my new site at http://www.youtubemuse.com/ 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?
Views: 5730 Jeffery Hirono