golf Home
Search Videos:

golf Videos

Watching: Watching: Comp and wireframing web usability


Video scenes shots:

  

Watch the video:



Other videos by this author:

HTML Frames 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 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? 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 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? 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 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 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? 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) 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 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 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 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 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 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 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 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 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 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 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 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 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 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

CSS Vertical Align CSS Vertical Align
Posted by: ogsolution

Video duration: 372 seconds

http://ogsolution.co m - In this screencast, we are going to talk about setting vertical alignment using CSS.

Related: align, cast, css, free, language, learn, screen, tutorial, vertical, web


Social Bookmarking Social Bookmarking