Web Design Tutorials http://www.elegant-templates.com/tutorials Just another WordPress weblog Sun, 28 Sep 2008 10:03:02 +0000 http://backend.userland.com/rss092 en CSS and Lists CSS and HTML are a bit different in terms of lists. In CSS, there are only 2 types of lists as opposed to HTML, which has 3. CSS has numbered and bulleted types of lists and you can define the style of the bullets and numbers with CSS using list-style-type ... http://www.elegant-templates.com/tutorials/css-and-lists.html Backgrounds and CSS This tutorial deals with major aspects of background effects and CSS. We will cover 1)Colors 2)Images 3)Watermarking Background Colors   You can modify the background color of the whole document or any block-level element. The color can also be made to adjust with the background setting of the parent.   Consider the code below and the output for ... http://www.elegant-templates.com/tutorials/backgrounds-and-css.html The CSS Box Model The CSS box model is the one which model which is implemented while rendering images in any browser. It takes care of the boxes that are formed around the content in any Webpage. Every element under consideration is as a box, and this factor does not depend upon the actual ... http://www.elegant-templates.com/tutorials/the-css-box-model.html Basic HTML Tags, the ones you cant do without! Today, we will be discussing the most basic tags that are required by ever web-page for proper compilation in HTML. The HTML Tag <html> is the topmost tag in any HTML page because this is the tag which tells the browser that this page will be treated as an HTML page, and ... http://www.elegant-templates.com/tutorials/basic-html-tags-the-ones-you-cant-do-without.html Document Spacing and Defining Now in this tutorial, we are going to discuss about HTML tags which define the page, like blanks, quotes and paragraphs.   The Paragraph Tag   The paragraph tag, given by <p> , is used for making paragraphs in your text. Its an open tag, which means that the </p> tag is not required. ... http://www.elegant-templates.com/tutorials/document-spacing-and-defining.html Creating headings and playing with Text Now that you have successfully started with Notepad and HTML, lets move on to headings and Text stuff in your site.   We can divide the whole Website into headings, and there are a total of 6, starting from h1 to h6. The main heading, which is also the largest, is h1, ... http://www.elegant-templates.com/tutorials/creating-headings-and-playing-with-text.html Using Notepad for your HTML Needs So you want to get started with Website designing, and are confused which all software you would require?! Well initially, you can start with the inbuilt Windows editor which can easily help you out with the HTML, because that is what you would be using for most of your initial ... http://www.elegant-templates.com/tutorials/using-notepad-for-your-html-needs-2.html A Simple Web Design Tutorial - Beginners Guide Web design can be an incredibly daunting project if you are new to the idea of the Internet. If you are interested in creating your own website but are not sure where to begin, here is a brief tutorial on getting started with website design and development. 1- Learn a little ... http://www.elegant-templates.com/tutorials/a-simple-web-design-tutorial-beginners-guide.html