About how to write a very simple text. Text files can be extremely useful to store data of various kinds. Read the rest of this entry »
Reading from a text file
On June - 30 - 2009ADD COMMENTS
In this tutorial we will use the FileSystemObject to read from a very simple text. Text files can be extremely useful to store data of various kinds. Read the rest of this entry »
file system object
On June - 30 - 2009ADD COMMENTS
With FileSystemObject, you can access the server’s filesystem.This allows you to manipulate text files, folders and drives from ASP scripts. Read the rest of this entry »
What is CSS?
On June - 30 - 2009ADD COMMENTS
The properties of Cascading Style Sheets (CSS) is very similar to the properties of HTML. You will probably recognize many of the codes. But before we throw ourselves into all possibilities, it is a good idea to look at the basic syntax.
The basic syntax of CSS
To show the similarity between the characteristics of HTML and CSS, we can start with a simple example. Let’s say we want a red background color on a page:
With HTML, we would have written …
<body bgcolor=”#FF0000″>
… while we in CSS achieve the same effect with:
body (background-color: # FF0000;)
In this example, this is essentially the same syntax for HTML and CSS. The code you see above illustruerer also the basic model to work with in CSS:
figure showing the relationship between the selectors, properties and values.
It is not so hard was it? If you look at the example above with the background color of <body>, it is almost itself.
But – you’re probably asking – where writes Monday its CSS tag along to get it to work? And that is exactly what we need to look at now.
3 ways to use CSS in an HTML document
There are several ways you can use CSS in an HTML document. For the record, we look at the 3 methods. Method 3 has the most advantages, and it will be the method used in this tutorial. The other two may be good to know, why are they included.
Method 1: Atributten style
A method of using CSS in HTML is to use atributten style. If we take the example of the background color of <body> can be done in this way:
<HTML>
<head>
<title> Example </ title>
</ head>
<body style=”background-color: #FF0000;”>
…
Method 2: style element
Another way to use CSS in HTML is to use the item <style>. It could, For example. done in this way:
<HTML>
<head>
<title> Example </ title>
<style type=”text/css”>
body (background-color: # FF0000;)
</ style>
</ head>
<body>
…
Method 3: Link to a stylesheet
To link to a so-called external style sheet is clearly the most commendable dignified way. Therefore we will in this tutorial only give examples with external stylesheets.
An external style sheet is simply a text file with the extension. CSS, located on your website – or if you work locally – on your hard drive.
Let's say that our style sheet called style.css, and lies in a leaflet which we call style, this situation, we can illustrate this:
folder “style” containing the file “style.css”
Let us then try to link to our style sheet from the file default.htm. This is done with the following line:
<link rel=”stylesheet” type=”text/css” href =”style/style.css”>
The path to our style sheet specified ie atributten href. Noticed that the link must be placed in the header section of your HTML document, BETWEEN <head> And </ head>:
<HTML>
<head>
<title> My document </ title>
<link rel=”stylesheet” type=”text/css” href =”style/style.css”>
</ head>
<body>
…
The link tells the browser that it should download the layout from the CSS file. As you may have figured out, several HTML documents thus linking to the same style sheet, and thus “get” the layout from the same file. This can illustrueres the following figure:
figure showing how multiple HTML documents can link to the same style sheet.
Only this can save you a great deal of work. Let us for example. say that you have a website with 100 HTML documents – and that you wish to change the background color on your pages. If you use HTML to define the background color, you have to manually sit and rightly 100 files across. But if you use CSS, you can go into one place and the right background color for all the 100 documents at once.
Just not smart? – And wait, it will be better yet.
Try it yourself
It is time for us to transform what we have learned into practice. So start your Notepad (or whatever text editor you use) and try to create two files – an html file and a css file – containing the following:
default.htm
<HTML>
<head>
<title> My document </ title>
<link rel=”stylesheet” type=”text/css” href =”style.css”>
</ head>
<body>
<h1>; My first stylesheet </ h1>;
</ body>
</ HTML>
style.css
body (
background-color: # FF0000;
)
If you place the two files in different folders, you must correct the reference in the href atributten in default.htm – otherwise you can just put them side by side.
Then try opening default.htm in your browser: Paper has been a red background. Congratulations! – You have now created your first style sheet.
Hurry now to the next lesson where we will go immediately start looking at some properties.
What is CSS?
On June - 30 - 2009ADD COMMENTS
CSS stands for Cascading Style Sheets.
You may have already heard a little about CSS – without really knowing what it is. In this lesson we will just look at what CSS really is, why it was invented and why it is smart to use.
What can you with CSS?
CSS is a language for defining the layout of HTML documents.
This means that CSS can be used to define particular fonts, colors, margins, line height, Height, Width, background images, positioning, etc. – CSS includes more 100 different properties!
Compared to HTML, CSS not only contains many more options for layout – it is also more accurate and sophisticated. CSS is supported by Netscape, Microsoft, Opera and other browser manufacturers.
Once you have completed this tutorial, you can create your own stylesheets!
What is the difference between CSS and HTML?
The short answer is that HTML is a structural language, and CSS is a layout language.
OK, it can sound a little confusing if you have never thought about it before but try aligevel to read a little further.
Original – since the Internet was invented – was a clean HTML structure of language. This means that with HTML to structure a text by saying “This is a headline,” “This is a text” Or “This is a table” – by using tags which <h1>;, <p> And < table>.
Developments on the Internet did, However, that many Web designers hungrede creative ways to add style to their documents. Manufacturers browser (Netscape and Microsoft) considered the new tags to HTML, For example. <are> which is precisely define the layout – and not structural.
Developments in other words meant that the HTML in greater and greater extent, were used for layout, although it had never been intended. CSS was invented to allow Web designers more options for layout, while retaining the HTML as a structural language.
Why is CSS smart?
CSS is a revolution in web design. With CSS you can include:
* Maintain many key documents from a stylesheet
* Control layout more precisely
* Set different layout for different media (screen print. M.fl.)
* Use more and more advanced options in general
In the next lesson we look closely at how CSS in practical work. And how to get started.
Introduction to CSS
On June - 30 - 2009ADD COMMENTS
Cascading Style Sheets (CSS) give you many exciting new opportunities, and can save you much work. CSS is indispensable for anyone who works with webdesign.
The aim of this tutorial is to give you an easy but thorough introduction into how to get started using CSS in your site. It starts from scratch, but requires that you already have a basic knowledge of HTML. If you do not know about HTML, you should start with our HTML tutorial.
There is uploaded for you after each session while trying to “play” a little with the things you learn, and a proven commitment and drive are required. Should you still encounter problems along the way, you’ll often be able to help in the newsgroups. Remember however that newsgroups are not part of Good Tutorials, and you have questions or comments specifkt the tutorial, you can contact Good Tutorials.
What programs do I need?
You may usually use programs such as FrontPage, Dreamweaver, Netscape Composer or Word, which everyone can (or claim they can) make websites. Forget them for now! They have their merits, but is certainly no help when you need to learn CSS.
Instead, you must have fat in Notepad program, which usually lies in the start menu under Programs (programs) under Accessories (Accessories) (if you’re not using Windows, you must use a similar simple text editor: F. Pico instance if you use Unix / Linux or Simple Text if you are a Mac user).
Notepad is a simple word processor, but brilliant to learn HTML and CSS, because it ‘keeps fingers’ from what you write. The problem with many of the programs that claim they can make your pages for you, is that they can be a lot of standard features, but should have everything to fit into these features. therefore, they often either do not create pages as you want them, or are they even in what you have already created. In Notepad, you only have yourself to thank for both successes and failures.
Instead of Notepad, you can of course also use other text editors, For example. Stones TextTool, EditPlus., or other text editors.
If you use Internet Explorer, Netscape, Opera or any other browser do not play the major role. Be sure always to use the latest version. That means Internet Explorer 5.5, Netscape 6 or Opera 5 – they are all absolutely free.
A browser and Notepad is all you need to review this course.
About how with cookies in ASP can store and retrieve information about a user from visit to visit. Read the rest of this entry »
About how to Sessions in ASP can save and retrieve information during a user visits your site. Read the rest of this entry »
Values of elements in a form
On June - 30 - 20091 HOW
Interactive websites inherently requires input from users. One of the most common ways to get input on the so-called forms – or forms. Read the rest of this entry »
Values of elements in a URL
On June - 30 - 2009ADD COMMENTS
Transfer variables and values from one page to another by using the HTTP query string. Read the rest of this entry »
