Home
Username:
Password:
MasterClass! - Joomla! Template Editing Tutorials

Template Files / HTML & CSS Files




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

In this movie I want to talk to you about the HTML and CSS files. HTML or XHTML means the content of the website, not the look. CSS is the style sheets and that's the actual look and layout of the pages. With CSS we can have consistent fonts, color, et cetera. The HTML and CSS do work cooperatively with each other so they can separate the look and the data of the site. What you want to do is just make sure that you know where these files are at, know that HTML is Hyper Text Markup Language. HTML files contain markup tags so this is a .htm. It can be .html or .htm, it doesn't matter, but they have markup tags that have beginnings and endings and I will show you what that means and how that works. If you want to see markup tags, you can go to any website, view the source and right here is where the tags are. You'll see those signs, greater-than, less-than signs. See the /at the end which ends the tag? CSS, those are style sheets. Those describe how it's going to display an HTML element. CSS does not have the start and end tags. They have what's called a selector, its property, which is like the color and then the value of that specific property. Basically most of your CSS pages are pretty straightforward. There might be some special ones in there like for Internet Explorer only. There's also one in here called template underscore rtl. That's if it's for a language that's read right to left. If it were in English, we're obviously reading left to right. But if it's something like Arabic, it needs to be the opposite so you have a template specific for that. So take a minute, go open up an HTML file, look at the source of the website maybe, open up a CSS file just so you can start to get used to the differences between those two items.

Tutorial Information

Course: MasterClass! - Joomla! Template Editing
Author: Melanie Hedgespeth
SKU: 34050
ISBN:
Release Date: 2009-10-20
Duration: 2 hrs / 37 lessons
Work Files: Yes
Captions: For Online University members only
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available