| View previous topic :: View next topic |
| Author |
Message |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Wed Jul 20, 2005 12:21 pm Post subject: Interactive Form Example |
|
|
This is the html code for an example form I am showing somebody.
| Code: |
When I get angry
Tick some of the following words you feel when you get angry
<input type="checkbox" name="checkbox" value="checkbox">Mad Upset Mardy
<input type="checkbox" name="checkbox2" value="checkbox">Want to hit out Want to punch something </p>
List some examples for each type of threat
a) threat to our person or property
<textarea name="textarea" cols="50"></textarea>
|
Looks like this:
When I get angry
Tick some of the following words you feel when you get angry</p>
<input type="checkbox" name="checkbox" value="checkbox">Mad Upset Mardy
<input type="checkbox" name="checkbox2" value="checkbox">Want to hit out Want to punch something
List some examples for each type of threat
a) threat to our person or property
<textarea name="textarea" cols="50"></textarea>
The purpose is to allow a user to add their thoughts by clicking a button or completing a text field. The form can then be printed. |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Thu Jul 21, 2005 12:12 pm Post subject: |
|
|
Been at it all afternoon, been on the 'Help'on-line & on your web site
> looking for info.
>
> Unfortunately I don't understand the HTML code, needless to say
> thought I did, but no. I have gone back to a blank word document &
> tried to insert what you did. I used the checkbox (inserted box which
> when clicked on produces cross) however it would be better for my
> learners if it was a tick & in a different colour as yours so they can
> clearly distinguish the answers. Also I did the 'form field ' got too
> confused with drop down ones & protected the document, I closed it,
> opened, completed & it printed off the answers. So at least we have a
> result there. Some of the others I already did, let the learners input
> their answers but didn't wouldn't print them off, Printed blank. Also
> I had to go back when I created it & separately change the colour on
> all the areas to be inputted to make it easier for the learners to
> read when they were printed off, which was time consuming. I've had
> enough now & going to do something else. By the way I completed yours > the ticks came out but the text box didn't print the answer.
Desperately seeking answers! |
|
| Back to top |
|
 |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Thu Jul 21, 2005 12:19 pm Post subject: Work With HTML |
|
|
Hey hi there!
| Quote: |
| Unfortunately I don't understand the HTML code, needless to say thought I did, but no. |
OK this bit is essential to the task, you really are going to have to if working with HTML.
| Quote: |
| I have gone back to a blank word document & tried to insert what you did. |
No that won't work as a word document is NOT html. Also if you want these to work over the internet they wil have to be HTML files.
My advice is work with HTML files as this will provide a great more flexibility for you.
What do you not understand about HTML?
Last edited by Colocation on Thu Jul 21, 2005 10:05 pm, edited 1 time in total |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Thu Jul 21, 2005 12:33 pm Post subject: Re: Work With HTML |
|
|
What do you not understand about HTML?[/quote]
Not alot, thought it meant hotmail, what do I know, you have your work cut out here! |
|
| Back to top |
|
 |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Thu Jul 21, 2005 12:44 pm Post subject: Functions |
|
|
hehe
OK listen forget how it looks for now, that is the last thing to do, i.e. make it look pretty, that is the easy bit.
What is important is how it functions..
HTML is simple.. a html file is pretty much just a little document that contains text. That text looks like english and it tells an internet browser how to display stuff.
The text I'm talking about is called HTML TAGS.
Copy and paste the following into a text document
| Code: |
<html>
<h1>Hello This Is My First Page</H1>
</html> |
then save the file as filename.html
When you save it you'll have to use "save as" as you need to make sure you save it with the .html.
You should be able to click on your new filename.html and see it in the internet browser you use.
Once you understand the basics of how HTML works you'll be able to add more and more features.
Does that help? |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Thu Jul 21, 2005 1:03 pm Post subject: Re: Internet browser |
|
|
Bare with me, interner browser i.e. Mozilla
Did say need guidance in a big way. Have tried to save as directed but unfortunately will have to pick up tom as going on call on so will let you know if I can see it in the browser. Speak to you soon. Don't give up on me!! |
|
| Back to top |
|
 |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Thu Jul 21, 2005 2:41 pm Post subject: Mozilla |
|
|
By internet browser I mean the program by which you are reading this page with.
I am using Internet Explorer, some may have Mozilla.
We won't give up
 |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Fri Jul 22, 2005 5:16 am Post subject: Internet browser |
|
|
Morning
I am now on Mozilla (just recently changed from Internet Explorer)[/quote]  |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Fri Jul 22, 2005 6:02 am Post subject: save the file as filename.html |
|
|
Looked in internet browser couldn't see file I saved. Options to save in Word are
Word document, XML Document, Single file Web Page, Web Page, Web Page Filtered, Document Template, Rich Text format, Plain text, Word 97 - 2005 + 6.0/95 - RTF, Works 6.0 + 7.0
Advice please, did say need plenty of guidance & as you can see wasn' t wrong! |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Fri Jul 22, 2005 6:07 am Post subject: good news |
|
|
Forgot to say that the file you created is there. Won't be around most of today as going to Sports Day & funeral later, so if don't hear from you this morning will catch up on Monday. Have a good weekend
 |
|
| Back to top |
|
 |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Tue Jul 26, 2005 4:17 am Post subject: Forms |
|
|
OK .. we are here when you need  |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Tue Jul 26, 2005 5:43 am Post subject: Options to save in Word |
|
|
| Do I make it in Word & save in Word but under which 'save as'? See other posting for options. |
|
| Back to top |
|
 |
Colocation Site Admin

Joined: Jan 07, 2004 Posts: 404
|
Posted: Tue Jul 26, 2005 6:52 am Post subject: Software |
|
|
I don't use word and to honest you are better off using a HTML editor...
does the school have one of those? You could ask....
Something like Dreamweaver or Frontpage, this will enable you to create web pages. |
|
| Back to top |
|
 |
Ola Newbie

Joined: Jul 21, 2005 Posts: 8 Location: North East Lincs
|
Posted: Tue Jul 26, 2005 12:33 pm Post subject: HTML editor... |
|
|
| Have been able to open a file & save as HTML in Mozilla (Composer). as haven't got the other applications. Will this do, at least I can save as HTML, it has saved what I did & opened up again. |
|
| Back to top |
|
 |
flann Newbie

Joined: Jul 13, 2005 Posts: 35
|
Posted: Tue Jul 26, 2005 12:41 pm Post subject: |
|
|
I remember when I first started with web pages, it seemed so complex, and when I figured it out, it was simple.
HTML is a mark up language, you use tags to tell the browser what to do with the information between the tags.
To start out with, I would use notepad, it is a simple text editor, that won't reformat you markup. So Open notepad now...
1). Copy the code below
| Code: |
<html>
<body>
<h1>Hello world, This is a heading 1, the largest heading</h1>
<p>This is a paragraph</p>
<p align='center'>This is a centered pagargraph the align is an attribute.</p>
<h6>Yeah, I did it, this is a heading 6, the smallest heading</h6>
</body>
</html>
|
2). Paste this into a blank instance of notepad.
3). Goto file => Save as
4). A box should pop up, and you will see a place to put a file name.
5). Copy the file name in number 6
6). hello.html
7). Paste the file name for #6 into the filename box in notepad, ignore the save as file type. You are giving the file type in the file name.
8. Goto the directory where you saved it, and double click on the icon.
9). A browser should pop up and show you your formated page.
I hope this step by step helps your cause, once you see it, it might make more sense. |
|
| Back to top |
|
 |
|