golf Videos
Watching: Watching: Comp and wireframing web usability
Video scenes shots:

Watch the video:
Other videos by this author:
![]() |
HTML Frames Posted by: ogsolution
Video duration: 516 seconds http://ogsolution.co m - 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. Related: cast, frame, frameset, free, html, language, learn, screen, tutorial, web |
![]() |
CSS Background Image Posted by: ogsolution
Video duration: 342 seconds http://ogsolution.co m - 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. Related: background, cast, css, image, language, screen, web |
![]() |
How to start coding CSS? Posted by: ogsolution
Video duration: 439 seconds http://ogsolution.co m - In this screencast, we are going to talk about how to start coding CSS. Related: cast, coding, css, language, screen, start, web |
![]() |
HTML Image Map Posted by: ogsolution
Video duration: 596 seconds http://ogsolution.co m - 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. Related: cast, free, html, image, language, learn, map, screen, tutorial, web |
![]() |
How to start using JavaScript? Posted by: ogsolution
Video duration: 272 seconds http://ogsolution.co m - This screencast is going to show you how to start using JavaScript in your HTML pages. Related: cast, free, javascript, language, learn, screen, tutorial, web |
![]() |
HTML Iframe Posted by: ogsolution
Video duration: 470 seconds http://ogsolution.co m - 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. Related: cast, free, html, iframe, language, learn, screen, tutorial, web |
![]() |
Programming Language For Web Development Posted by: ogsolution
Video duration: 331 seconds http://ogsolution.co m - 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. Related: cast, development, free, language, learn, programming, screen, tutorial, web |
![]() |
How to start planning a website? Posted by: ogsolution
Video duration: 452 seconds http://ogsolution.co m - 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? Related: cast, free, language, learn, plan, screen, tutorial, web, website |
![]() |
File Upload (FTP) Posted by: ogsolution
Video duration: 582 seconds http://ogsolution.co m - 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. Related: cast, free, ftp, hosting, language, learn, screen, server, tutorial, upload, web |
![]() |
CSS Box Model Concept Posted by: ogsolution
Video duration: 463 seconds http://ogsolution.co m - 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. Related: box, cast, concept, css, language, learn, model, screen, web |
![]() |
HTML Script Tag Posted by: ogsolution
Video duration: 317 seconds http://ogsolution.co m - 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. Related: cast, html, language, learn, screen, script, tag, web |
![]() |
CSS Float Posted by: ogsolution
Video duration: 540 seconds http://ogsolution.co m - 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. Related: cast, css, float, free, language, learn, screen, tutorial, web |
![]() |
More HTML Tables -- Colspan & Rowspan Posted by: ogsolution
Video duration: 505 seconds http://ogsolution.co m - 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. Related: cast, colspan, free, html, language, learn, rowspan, screen, table, tutorial, web |
![]() |
Informational Website (1) - Brainstorming Posted by: ogsolution
Video duration: 278 seconds http://ogsolution.co m - This is the first of a series of videos that will be building an informational website using HTML and CSS. Related: brainstorm, cast, css, free, html, informational, language, learn, screen, tutorial, web, website |
![]() |
CSS Background Image Attachment Posted by: ogsolution
Video duration: 148 seconds http://ogsolution.co m - 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. Related: attachement, background, cast, css, free, image, language, learn, screen, tutorial, web |
![]() |
CSS Border Style Posted by: ogsolution
Video duration: 369 seconds http://ogsolution.co m - 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. Related: border, cast, css, language, learn, screen, style, web |
![]() |
JavaScript Events - onclick Posted by: ogsolution
Video duration: 142 seconds http://ogsolution.co m - 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. Related: cast, events, free, javascript, language, learn, onclick, screen, tutorial, web |
![]() |
CSS Margin Posted by: ogsolution
Video duration: 409 seconds http://ogsolution.co m - 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. Related: cast, css, free, language, learn, margin, screen, tutorial, web |
![]() |
Comp and Wireframing -- Wireframing Posted by: ogsolution
Video duration: 446 seconds http://ogsolution.co m - 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. Related: cast, comp, free, language, learn, screen, tutorial, web, wireframing |
![]() |
JavaScript Big Picture Posted by: ogsolution
Video duration: 358 seconds http://ogsolution.co m - 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. Related: cast, free, javascript, language, learn, screen, tutorial, web |
![]() |
Informational Website (3) - Create Web Images Posted by: ogsolution
Video duration: 576 seconds http://ogsolution.co m - 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. Related: cast, create, css, free, html, image, informational, language, learn, screen, slice, tutorial, web, website |
![]() |
Comp and Wireframing -- Image Editing Software Posted by: ogsolution
Video duration: 389 seconds http://ogsolution.co m - 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. Related: cast, comp, editing, free, image, language, learn, screen, software, tutorial, web, wireframe |























