PDA

Click to See Complete Forum and Search --> : html web pages

Nitewarrior
10-29-2003, 06:29 PM
Hi I am really new at this. I am trying to take a HTML web design class via the net. My frist assignment went well I thought but when I go my comments back I was confused:confused: The web page was to consist of 3 to 5 pages. Well when I typed the code I did it all in one long form and the linked to the formatted links where I thought the pages would divide into individual pages. Well when I got it back that was not correct. So my question is how do I put page breaks in my text to create different pages.:(
toicontien
10-29-2003, 08:49 PM
Could you post the code or place a link to the pages on the Net? That would help us a great deal. But going off what you wrote, here are some suggestions:

<p>A paragraph of text</p>

Place one line<br>
below the other.

<a href="url_to_page">Text that is a link to another page</a>

url_to_page

You can do this in one of two ways. The easiest is called an absolute URL.

<a href="http://www.google.com/">Google Search</a>

I created some web design tutorials a while back that might be of some use to you: http://users.tm.net/gburghardt/webDesign/html/5-images/index.html

The tutorials aren't standards-compliant, but they should do just fine for your class.

http://users.tm.net/gburghardt/webDesign/
Nitewarrior
10-30-2003, 02:14 PM
Here it is I would appreciate any helpI can get. This class is required to keep y job.

<html>
<head>
<title>SHDHD</title>
</head>
<img src="logo.gif" width="525" Height="100">

</hr>
<body background="background.jpg">

<body Text="black" Link="red" vlink="darkblue" alink="red">
<p align="center">

<a href="#home"</a>Home · 
<a href="#exd"</a>Executive Director's Message · 
<a href="#ms"</a>Mission Statement · 
<a href="#bod"</a>Board of Directors · 
<a href="#pro"</a>Programs · 
<a href="#his"</a>History of Public Health · 
<a href="#act"</a>Activities · 
<a href="#con"</a>Contact US · 
<a href="http://www.hhs.state.ne.us" "target="new window">
Links</a></p>

Welcome, to the South Heartland District Health Department. We proudly serve Adams, Clay, Nuckolls and Webster Counties in Nebraska.

<center>
<h2 align="center">October Observances </h2>
</center>
<ul>
<li> AIDS Awareness Month
<li> Breast Cancer Awareness Month
<li> Child Health Month
<li> Dental Hygiene Month
<li> Disability Awareness Month
<li> Flu & Pneumonia Month
<li> Sudden Infant Death Awareness Month
</ul>
<h2><a name="pro">SHDHD Calender of Programs</a></h2>
<ul type="option">
<li><i><b> October 8th </b></i>
<li type="circle">Walk to school
</ul>
<ul type="option">
<li><i><b> October 16th</b><i>
<li type="circle"> Mark Fenton Walkable Community Workshop
</ul>
<ul type ="option">
<li><i><b> October 20th</b></i>
<li type="circle"> Red Dress Style Show
</ul>
<h3> <a name="exd"><i>Executive Directors Message</a></i></h3>
<p>It's been a exciting year, one of growth and development. The last year has been dedicated to developing a public health improvement plan that will guide the health Department into the future. Data and Community identified priorites include promoting health life styles, improving access to quality health care, improving oral health, promoting cancer awareness, and providing West nile virus, Smallpox and other health care information.</p>

<p> In order to meet our goal of promoting healthy lifestyles, our Wellness Coordinator will be working with area communities to identify and facilitate health promotion activities in the four county region.</p>

<p> As the entire country has been dealing with the repercussions of Sept. 11th, the Health Departemtn has been working with the county emergency managers to increase awareness of the many faces of bioterrorism: i.e. Smllpox and Anthrax threats.</p>

<p>The Health Department is dedicated to perserving and improving the health within Adams, Clay, Nuckolls and Webster counties in Nebraska. We look forward to with the citizens served by the South Heartland District Health Department.</p>

<h3> <a name="ms"><i>Mission Statement</a></i></h3>
Dedicated to perserving and improving the health within Adams, Clay, Nuckolls and Webster counties in Nebraska.

<h3> <a name="HIS"><i>History of Public Health in Nebraska creating SHDHD</a></i></h3>
<h4><i><b>1869</b></i></h4>
Nebraska Legislature in its first session gave authority to cities of 3,000 or more to establish a local Board of Health.
<h4><i><b>1891</b></i></h4>
Nebraska Legislature created a State Board of Health
<h4><i><b>Advances in the 1900</b></i></h4>
<ul type="option">
<li>Development of vaccines/antibiotics
<li> A safer food and water supply
<li> The recognition of tobacco as a health hazard
<li> Motor vehicle safety
</ul>

<img src="tpfig2.gif" width="425" height="425" >
<a href="http://www.hhs.state.ne.us/puh/tpover.htm" "target="new window"><br>
Turning Point</a>


<h4><i><b>November 30, 1999</b></i></h4>
Nebraska's Public Health Improvment Plan was published. The plan funded by a grant called "Turning Point", is the blueprint for strengthening & tranforming public health in Nebraska.<br>
<h4><i><b>2001</b></i></h4>
Partially funded through LB692, in 2001. Created the Health Care Cash Fund (which was funded by The National Tobacco Settlement)
<h4><i><b>November 8, 2001</b></i></h4>
Establishment of the South Heartland District Health Department approved by the Nebraska Health and Human Services Department of Regulation and Licensure.
<h3> <a name="Act"><i>Activities</a></i></h3>
<ul type "option">
<li> Health/Wellness Education & Promotion
<li> West Nile Education
<li> Smallpox/Mass Vaccination Clinic Plan
<li> Bioterrism Education
<li> Automatic External Defrillator Grants
</ul>
<h3> <a name="bod"><i>Board of Directors</a></i></h3>


<li><b><u>Adams County</u></b>

</ul>

<ul >
<li> W.Michael Kearney
<li> Elmer Murman
<li>Judy Reimer, Board President
</ul>

<li><b><u> Clay County</u></b>

<ul >
<li> Gene Arnold
<li> Jan Baird
<li>Sam Townsend
</ul>

<li><b><u>Nuckolls County</u></b>

<ul >
<li> Arnold Brown, Vice President
<li> Trudi George
<li>Peggy Meyer
</ul>

<li><b><u>Webster County</u></b>
<ul>

<li> Robert Sheckler
<li> Barbara Sprague, Board Secretary/Treasure
<li>Walt Witte
</ul>


<li><b>Medical Community Representative</b>

<ul>
<li> Donn Crilly, M.D. ( Nuckolls County)
</ul>

<li><b>Dental Community Representative</b>
<ul>

<li> Jessica Meeske,D.D.S. (Adams County)
</ul>



<h3> <a name="Con"><i>Contact Us</a></i></h3>

South Heartland District Health Department<br>
315 North Baltimore<br>
Hastings NE 68901<br>
(402) 462-6211<br>
1-877-238-7595<br>
Fax: (402) 462-6219<br>

E-mail <a href="mailto:cshaw@cccneb.edu">Click here</a>

</body>
</html>
:confused: :confused: :confused:
toicontien
10-30-2003, 04:31 PM
I get where you're coming from.

First things first. In the following section:


<p align="center">

<a href="#home"</a>Home ·
<a href="#exd"</a>Executive Director's Message ·
<a href="#ms"</a>Mission Statement ·
<a href="#bod"</a>Board of Directors ·
<a href="#pro"</a>Programs ·
<a href="#his"</a>History of Public Health ·
<a href="#act"</a>Activities ·
<a href="#con"</a>Contact US ·
<a href="http://www.hhs.state.ne.us" "target="new window">
Links</a></p>


1. You need to add the ">" to the end of the opening <a href="" tags. And place the </a> tag after the text you want to be a part of the link.

2. Change the "·" characters to the proper HTML entity. Not all charactersets have that character in them, but browsers can "make" that character if instead you use &amp;#8226; in your code.

3. In your last link (Links) you have an extra quote mark before the word target.

4. To be on the safe side, target names should not have spaces or special characters in them. Valid characters are A - Z, a - z, 0 - 9, "-" and "_".


<p align="center">

<a href="#home">Home</a> &amp;#8226;
<a href="#exd">Executive Director's Message</a> &amp;#8226;
<a href="#ms">Mission Statement</a> &amp;#8226;
<a href="#bod">Board of Directors</a> &amp;#8226;
<a href="#pro">Programs</a> &amp;#8226;
<a href="#his">History of Public Health</a> &amp;#8226;
<a href="#act">Activities</a> &amp;#8226;
<a href="#con">Contact US</a> &amp;#8226;

<a href="http://www.hhs.state.ne.us" target="new_window">Links</a>

</p>


Breaking your document into separate pages

When you're prof. said you needed 3 to 5 pages, he means you need 3 - 5 separate HTML documents that contain links to one another. There are a few rules that need to be followed:

1. Web sites reside on web servers that contain pages stored in folders, just like you store any file on your computer. The home page for your site should have a file name of index.htm or index.html.

2. For this project, keep all the HTML documents in the same folder as the home page (index.html).

3. Create a new HTML document for each section that you link to.

Page 1: Home page (named index.html)
Page 2: Executive Directors Message
Page 3: Mission Statement
Page 4: Board of Directors
Page 5: SHDHD Calender of Programs
Page 6: History of Public Health in Nebraska creating SHDHD
Page 7: Activities
Page 8: Contact Us

You'll have to give each page a different file name. You can only use the same characters for HTML file names that you can for anchor names, like I listed above: A-Z, a-z, 0-9, "-" and "_". The file extension needs to be .htm or .html.

In your main menu at the top of your current page, replace the #anchor_name with the exact file name of the HTML document that you want to link to. (EX: <a href="contactus.html">Contact Us</a>)

4. You won't need the <a name="..."></a> tags anymore.

5. Do you really need all the text in italics?. As a general rule, only put text in italics or boldface if you want to draw attention to it. Regular body text should be left alone. It's easier to read that way.

6. You'll need the main menu and logo on each page of your site.

That should get you started. Again, visit the HTML lessons I wrote on my site for more info, or visit http://www.w3schools.com/.
Nitewarrior
10-30-2003, 04:50 PM
thank you, thank you I will work on this. I may pass this class yet!;)
Aronya1
11-03-2003, 06:04 PM
Originally posted by toicontien
2. Change the "·" characters to the proper HTML entity. Not all charactersets have that character in them, but browsers can "make" that character if instead you use &amp;#8226; in your code.

Seems to me I saw this character created when someone wrote their page in Word. Is that the case here? If so, switch immediately to Notepad. DO NOT WRITE HTML CODE WITH WORD! You will only make your life difficult.
spufi
11-03-2003, 06:32 PM
Actually, don't use Notepad either. Download HTML Kit and use that instead.

http://www.chami.com/html-kit/
Nitewarrior
11-03-2003, 06:32 PM
No I am using Notepad. I am just very new at this. This course is the hardest thing I have ever tried to do. Now I am trying to figure out exteral style sheets.:confused: If my job wasn't so dependent on this I would just stop the stress.
spufi
11-03-2003, 07:05 PM
<link rel="stylesheet" title="Default" media="screen" href="styles.css" type="text/css">

That's the code you place in your <head> tag and then name your CSS file styles, and then put the CSS file into the same directory as your web page is on.

Something else you really need to do, go to my sig and click on the Doctype link, and read the article there and then pick a Doctype. Add this into your <head> tag...

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Now, go to the W3C validation link in my sig and start validating your site. Depending if you pick HTML vs. XHTML and Trans vs. Strict, you are either going to have a nice amount of errors to fix, or a ton. HTML 4.01 Trans will be the easiest to fix, and XHTML Strict will be the toughest.
Charles
11-03-2003, 07:25 PM
Mix a large pitcher of Martinis, you're going to need it.

There are a number of different types of HTML and from the looks of things you aren't using any of them. Or rather, you are trying to use bits and pieces of the different types of HTML. To keep things simple lets limit this to HTML 3.2 (http://www.w3.org/TR/REC-html32) and HTML 4.01 (http://www.w3.org/TR/html4/).

HTML 3.2 came out in January of 1997 and was an attempt to express how existing browsers worked and it is roughly what most people think of when you say HTML. In HTML 3.2 you can mark up the document according to how you want it displayed. Documents in this mark up language all look the same in all graphical browsers. However, they do not work on non-graphical browsers such as Braille and audio.

HTML 3.2 was such a bad idea that HTML 4.0 came out in December of 1997 (4.01 came out in December of 1999). It is largely a subset of HTML 3.2 - everything concerned with presentation has been removed in favor of Style Sheets. The idea is that you are supposed to mark up your documents according to the meaning and structure. A P element is a paragraph, EM is for emphasis, CITE for a citation and so on. Consider the following to pieces of mark up:

<p><b>Some heading</b></p>

<h4>Some other heading</h4>

Users of Braille and audio browsers can't take in the whole page at once and they often "tab" through a documents headings. But they cannot do that if you have used the first, HTML 3.2 style, method. Search engines also categorize your page according to the headings, but only if you have used the second, HTML 4.01 style, method.

That said, You need to read, mark, learn and inwardly digest the 4.01 Specification (http://www.w3.org/TR/html4/) but that's a tall order. I sometimes suggest that beginners start with the HTML 3.2 (http://www.w3.org/TR/REC-html32) Specification. It has a good introduction to HTML in general. You just have to keep in mind that a lot of stuff there proved to be a bad idea. The 4.01 Spec leaves no stone unturned, and you can use it to fill in the holes left by the 3.2 Spec.

You need also to make friends with the HTML validator at http://validator.w3.org/. If it doesn't pass the validator then it isn't HTML.

And to get you started, the following is the minimum required for an HTML document:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example</title>

The start and end tags for the HTML, HEAD and BODY elements are all optional, but those three things are a must.