![]() |
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 |
![]() |
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 |
![]() |
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 |
![]() |
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 |
![]() |
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 |
![]() |
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 Div/Span Container Posted by: ogsolution
Video duration: 397 seconds http://ogsolution.co m - 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. Related: div, html, language, span, tag, 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 Position & Offset Posted by: ogsolution
Video duration: 364 seconds http://ogsolution.co m - 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. Related: cast, css, free, language, learn, offset, position, 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 |
![]() |
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 |
![]() |
CSS Background Image Position Posted by: ogsolution
Video duration: 328 seconds http://ogsolution.co m - 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. Related: background, cast, css, image, language, position, screen, web |
![]() |
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 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 |
![]() |
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 |
![]() |
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 |
![]() |
CSS Syntax Posted by: ogsolution
Video duration: 355 seconds http://ogsolution.co m - In this screencast, we are going to talk about different ways of setting up CSS rules. Related: cast, css, language, learn, rules, screen, syntax, 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 |
![]() |
Website Brainstorming -- Finding an Idea (or a job) Posted by: ogsolution
Video duration: 346 seconds http://ogsolution.co m - In this screencast, we are going to talk about finding website ideas or a job. Related: brainstorm, cast, find, free, idea, job, language, learn, screen, tutorial, web, website |
![]() |
What is JavaScript? Posted by: ogsolution
Video duration: 352 seconds http://ogsolution.co m - 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. Related: cast, free, javascript, language, learn, screen, tutorial, web |
![]() |
Optimize Firefox View Area Posted by: ogsolution
Video duration: 473 seconds http://ogsolution.co m - In this screencast, we are going to talk about optimizing your viewing area inside the firefox browser. There are a lot of people that has given up the luxury of have a big screen monitor desktop and choose to use laptops because of its mobility. The downside of using a laptop is the smaller screen. So, setting up your browser to have the most viewing area can be helpful. Related: area, browser, cast, firefox, internet, optimize, screen, view, 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 |
![]() |
CSS Font Family Posted by: ogsolution
Video duration: 367 seconds http://ogsolution.co m - 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. Related: cast, css, family, font, language, screen, web |
























