| TOTAL: 15 Page: 1 of 1 |
|
Take a website template PSD from Photoshop, and code it using only wordpad
Learn the basics of coding a website template from scratch! From slicing in photoshop to coding it in notepad, anyone who has enough time can learn from this tutorial. Guranteed decent results, this tutorial is a video tutorial that comes in .WMV. SwAT has experience in HTML, CSS, and PHP. He is well known across GameRenders as one of the cheapest and hardest workers.
| Hits: | 70 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Tips to slice and code a web template efficiently
Recommendations for an optimized images slicing and coding.
| Hits: | 90 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Centering your webpage vertically
Learn your web design skills here, and share your own skills with other members.
| Hits: | 32 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Reduce the Cross-Browser Hacks - A sample 2 column layout that works
With the hype generated over the past couple of years regarding web standards, many developers fall into the trap of using the many little hacks discovered to achieve cross browser compliancy. With the use of a sensible layout and styling, one can severely limit the necessary amounting of hacking.
| Hits: | 27 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Skip Navigation Links - Allow the user to skip directly to content
Providing links that allow the user to skip directly to the main content, bypassing the navigation, enhances the accessibility of your web site. This is recommended for blind or visually impaired users, people who use screen readers, and also for text-browsers, mobile phones and PDAs. These links are common on most US, UK, Irish, and other government web sites, as well as many universities and private organizations. From the accessibility and usability point of view, it is recommended t
| Hits: | 44 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
CSS rollover buttons
There are many different button-rollover tutorials available on the web, some JavaScript and some CSS, but none of the ones I've seen yet match that of the Trifecta button. Let's start with what makes the CSS rollover Trifecta button different from the many other rollovers you may have already seen.
| Hits: | 86 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Ordered and unordered Lists: (Bullets and numbered lists)
We are going to work on lists. we can create lists directly in HTML without assigning numbers.
1. Types of Lists: There are two kinds of lists, and they are fairly simple.
* is an ordered list
* is an unordered list
* - is used for each list item
2. Unordered Lists: An unordered list has what is commonly called "bullets". We can add a bulleted list by adding an unordered list. The unordered list is contained within the Unordered list tags,
tags. E
- is an unordered list
*
- is used for each list item
2. Unordered Lists: An unordered list has what is commonly called "bullets". We can add a bulleted list by adding an unordered list. The unordered list is contained within the Unordered list tags,
| Hits: | 43 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Adding Text & Color
Learn how to make your page more exciting by adding text and color. Text You could leave text unformatted, but it looks bad. In order to use different fonts and sizes.
| Hits: | 63 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Website Navigation
Ever been to a website and got lost? Had no idea where to go and how to get there? Were given no help on how to find your way? That was a crap site, wasn't it? Don't let it happen to your visitors.
| Hits: | 90 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Lists
Lists are a great way of laying out information in web pages, because they are simple to read and look good. Lots of people seem to think that the bullet points are little images, but in reality they are all generated through some rather simple HTML code.
| Hits: | 91 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Using the height, width and alt commands instead of images
This is a nice, short tutorial I put together thanks to those of you who write to me. I had been getting a good many letters asking how I get my pages to load so quickly. I was perplexed by the questions because my pages don't load any faster than anyone else's. Then someone explained the question. The Visual Have you ever gone into someone's site and you sit there waiting, looking at a blank page? You know the page is loading because the little numbers across the bottom are rolling, bu
| Hits: | 128 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Backgrounds using style sheets CSS
Unless you've been living under a rock for the last year, you've heard about the MySpace community where folks can create their own little space on the web, meet friends, share stories, create blogs and join groups. MySpace provides a very basic "profile" page where members can let others know about their favorite interests, likes, dislikes, etc. Although the page they provide is useful, it's very bland. As such, members have found ways to use background images on their pages, along with special
| Hits: | 72 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Using indents and lists
If you'd like to write with indented lines of text, I'd be more than pleased to show you how I do it. I'm sure there's another method for this, but I like the way I do it. I'm comfortable with it. My guess is I don't do it a normal, or HTML, way. I simply indent by adding blank spaces. "BUT MY BROWSER IGNORES MY SPACES!!!" you say. Yeah, mine does too. I understand totally. I use this small code to create each of my spaces: That thing is an ampersand command that creates
| Hits: | 88 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
Format your columns newspaper style
Now onto the matter at hand: How did I get those three nice columns? Table commands, right? No, I used a command that looks more like an afterthought than something the HTML know-it-alls created for everyday use.
| Hits: | 136 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |
How to Align Text
how to get text to align or wrap around the images they have placed on their pages. That's the purpose of this tutorial, to tell you how to get the text to wrap. Just like this. Getting Text To Wrap It's actually easier than you think. You see the two images I have so far? Both are wrapped by text, yet one is on the left and one is on the right.
| Hits: | 99 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-14 |