Home
Videos uploaded by user “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: 77885 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: 41713 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
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: 7328 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: 47544 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: 7055 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: 16104 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: 33261 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: 39593 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: 2424 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: 19272 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: 35330 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: 96583 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 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: 51365 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: 7040 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: 5670 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: 2275 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: 1941 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: 1943 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: 15858 Jeffery Hirono
CSS Display
 
05:27
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 5385 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
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: 3849 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: 27734 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
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: 15278 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: 2168 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: 723 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: 953 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: 3123 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: 762 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: 44787 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: 3828 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: 4139 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: 10128 Jeffery Hirono
File Upload (FTP)
 
09:42
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 3217 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: 2897 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: 4277 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: 19122 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: 2123 Jeffery Hirono
CSS Vertical Align
 
06:13
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about setting vertical alignment using CSS.
Views: 7049 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: 1331 Jeffery Hirono
Informational Website (3) - Create Web Images
 
09:36
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 923 Jeffery Hirono
Comp and Wireframing -- Web Usability
 
04:30
Check out my new site at http://www.youtubemuse.com/ 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.
Views: 1487 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: 769 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: 93860 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: 7817 Jeffery Hirono
How to start coding CSS?
 
07:19
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about how to start coding CSS.
Views: 6043 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: 3289 Jeffery Hirono