Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
HTML editors - Make Ease in Design
HTMLHTML editors are software which make ease to generate code and design easily with current design preview option. There are many free HTML editor which can easily download from various software website.
It is difficult coding with simple text editor so if you want flexibility in coding then you need a HTML or HTML,PHP,JAVA etc. editor.
Some of editor comes with the facility of auto tag . The editor Contain different HTML and CSS Layout. Only thing to do with such templates customize it.
HTML editor reduce your time and give a visual view of your html codes. You can download dream weaver for better web design. There may be many alternate for HTML and for web design some of them is given below with download links.
Below is some link which is redirected you to download the HTML editor
- http://www.coffeecup.com/free-editor/CoffeeFreeHTML10.1.exe (coffeecup HTML Editor)
- (Edit Plus- HTML editor)
- http://www.htmlkit.com/download/ (HTMLkit)
- www.adobe.com/in/products/dreamweaver.html ( Adobe Dream weaver )
TABLE CODES FOR WEBSITE LAYOUT
HTMLSome basic and useful table coded layout for static web design is given below you can copy and paste . Save Page as index.htm or index.html put the content between them
Two column layout with a header and a footer: Basic Two Layout:
Two column layout with a header:
Three column layout with header, navigation bar and footer:
PUTTING YOUR PAGE ON THE WORLD WIDE WEB
HTMLThe objective of this lesson is not to provide instructions on sending your Web pages to the World Wide Web (called uploading), but to provide Web sites which may be of help and will also provide Web space to store your pages for others to see. You are now at the next big step and ready to tackle it all on your own. You must sign up with a service by providing them some information about yourself. You will be assigned your own URL in regards to the nickname you provide the services.
All Web sites listed below are free. The author is not associated with any of these sites, and disclaims all liability from damages and such you or your pages or computer may incur from using these services. The below names belong to their respectful owners. Sites listed in no order.
ADJUSTING THE WHOLE WEB PAGE'S SETTINGS
HTMLGiving the whole page a set style allows for easy editing of a page's other, than an individual part of the web page. For example, instead of using the FONT tag with an A tag for every link in making them one color, you can use a simple attribute in the BODY tag. Below is listed all the ways you can change a web page through the BODY tag.
If you wish to set the font colors for the entire web page, use the attribute "text" set to a color, without the quotes. If you wish to set a background color for an entire page, use "bgcolor" (without the quotes) set to a color of your choice.
<body text="black" bgcolor="blue">
You can also set the colors for the page's links as well. To set the color for a normal link, use "link" (without the quotes) set to the color of your choice. To set the color of a link you are currently viewing its linked contents of, use "alink" (without the quotes) set to a desired color. Finally, to set the color of a link which you already visited and no longer are visiting, use "vlink" (without the quotes) set to a color of your choosing.
Don't want a color as your background? Have no fear - you can have any image you like. Just use "background" (without the quotes) set to the image of your choice. It uses the same image formats as the IMG tag. If you would like the image to be set in a fixed position, meaning that the image is still yet the rest of the page scrolls when you scroll a page. Use bgproperties="fixed" (with quotes where they are given).
<body background="kel2000.jpg" bgproperties="fixed" >
Finally you can set the left and top margins of the content on a web page. Setting both margins to 1 will wrap the entire page to these margins, and may be illegible at times, so you may wish to use 2 as the setting. To set the left margin, use "leftmargin" (without the quotes) and for the top margin, use "topmargin" (without the quotes) as the attributes.
<body leftmargin="1" topmargin="1">
USING FORMS
HTMLA form is as it sounds: a page where a user can provide information about a various topic or person. There is much to forms, and I will break each control down so that you may learn all the controls. Then we will create a very simple e-mail form, that doesn't send any information, but it will go to a "Sent" page just for your learning experience.
You must first know the basic format of forms, and the format below is what we'll be using. We will replace information when necessary to get our forms to work.
<form name="formname" method="how information is sent" action="action after form is submitted">
CONTROLS
</form>
Controls allow users to interact with the form's given information, whether it is a question, a thought, etc. What you put in the VALUE attribute would be sent to you, following what the user inputed. My quizzes uses a control, called a radio control. These are used when the user is required to provide only one answer, and cannot be undone unless more radio controls are provided, or a Reset button is provided, which will will learn about. A dot fills in this control.
<form name="formname" method="how information is sent" action="action after form is submitted">
<input type="radio" name="radio" value="Radio">Radio
</form>
It's opposite control, which will allow you to choose multiple selections, or undo a selection without needing multiple controls, is a checkbox control. A checkmark fills in this control.
<form name="formname" method="how information is sent" action="action after form is submitted">
<input type="checkbox" name="checkbox" value="Checkbox">Checkbox
</form>
The next control allows a user to type in information in a rectangle. This control, which only is a one row control, is called a textfield control If you want to provide the user with security, you can mask the text they type in. This means that instead of seeing their text as they type it, they will see asteriks instead. Just replace "text" with "password".
<form name="formname" method="how information is sent" action="action after form is submitted">
<input type="text" name="textfield" value="textfield">
</form>
The field below gives you an example of masking text.
When your users need a bigger field to fill out information, a text area control is needed.
<form name="formname" method="how information is sent" action="action after form is submitted">
<textarea>Textarea</textarea>
</form>
NOTE: You should not fill in textfields or text areas. Allow the user to do this him/herself.
The final control is the most important. It is simply an input button control. Input buttons are responsible for sending the information to you. The Submit button sends the form, while the Reset button clears every field in case the user made a mistake and wishs to correct it. Both buttons are demonstrated below, although they will not carry out their functions. You'll have to wait until the e-mail form to see this in effect.
<form name="formname" method="how information is sent" action="action after form is submitted">
<input type="submit" name="submit" value=" Submit ">
</form>
<form name="formname" method="how information is sent" action="action after form is submitted">
<input type="reset" name="reset" value=" Reset ">
</form>
There isn't anything new in the form except a few attributes, which are pretty self-explainatory. Before creating this e-mail form, you should create another web document and include "Your message has been sent." in the body. Name this file email2.htm as it will be used to return a confirmation telling the user their e-mail has been sent.
Subscribe to:
Posts (Atom)