If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)

Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

html only website

vedwards · 2010-12-30 10:01:12

Hi Guys 'n' Gals, I'm doing a L5 FETAC course with a syllabus that's a little outdated as it does not touch on CSS. My project within the scope of the syllabus is to design a website based on html so a lot of div tags etc... I've been finding it impossible to find pure html websites on the www to look at the source code or…

30-12-2010 10:01am

#1

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

Hi Guys 'n' Gals,

I'm doing a L5 FETAC course with a syllabus that's a little outdated as it does not touch on CSS. My project within the scope of the syllabus is to design a website based on html so a lot of div tags etc... I've been finding it impossible to find pure html websites on the www to look at the source code or see how others had worked with html solely.
Anyone help? Templates?

Happy New Year to all my boards.ie friends

0

Comments

#2 30-12-2010 1:33pm

Eoin

Registered Users, Registered Users 2 Posts: 21,263 ✭✭✭✭

Join Date: July 2004

Posts: 20150

Do you mean you're looking for sites that specifically don't use CSS?

0
#3 30-12-2010 1:37pm

dlofnep

Closed Accounts Posts: 20,759 ✭✭✭✭

Join Date: January 2004

Posts: 19674

Divs tags are traditionally used for grouping content together with CSS. If it's just HTML, go through the tizag HTML tutorial: http://www.tizag.com/htmlT/ (Rest of the sections are on the left).

HTML is very easy. You can learn it in a day or two.

0
#4 30-12-2010 1:46pm

Eoin

Registered Users, Registered Users 2 Posts: 21,263 ✭✭✭✭

Join Date: July 2004

Posts: 20150

It takes a bit longer to learn how HTML should be used though. Using the appropriate tags for the content you're displaying etc.

0
#5 30-12-2010 2:26pm

dlofnep

Closed Accounts Posts: 20,759 ✭✭✭✭

Join Date: January 2004

Posts: 19674

eoin wrote: »

It takes a bit longer to learn how HTML should be used though. Using the appropriate tags for the content you're displaying etc.

Aye, true enough.. But as a rule of thumb, it's a pretty easy learning curve.

0
#6 30-12-2010 4:29pm

DonkeyStyle \o/

Closed Accounts Posts: 7,145 ✭✭✭ $DonkeyStyle \o/$

Join Date: October 2004

Posts: 6944

This is fairly rotten and probably won't validate or win any design awards (though fingers-crossed), it's a skeleton table layout which you could throw a few images into and get away with (Or at least get some ideas from) ... I'm guessing they're not expecting miracles anyway.

[HTML]<html>
<head>
<title>MY AWESOME HTML WEBSITE</title>
</head>

<body bgcolor="#142144">

<table width="860" align="center" border="0" bgcolor="#FFFFFF" cellpadding="8">
<tr>
<td colspan="2"><img src="banner.gif" width="860" height="150"></td>
</tr>

<tr bgcolor="#456789">
<td colspan="2">
-- <a href="#">Home</a> - - - <a href="#">Things</a> - - - <a href="#">Stuff</a>
</td>
</tr>

<tr>
<td width="600" valign="top">
<h1>Website title</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
</td>
<td valign="top" width="200">
<img src="sidebanner.gif" width="200" height="300">
</td>
</tr>

<tr bgcolor="#456789">
<td colspan="2">
<blink><center>© Blahcorp 2010</center></blink>
</td>
</tr>

</table>

</body>
</html>

[/HTML]

0
Advertisement
#7 30-12-2010 5:04pm

Dean820

Registered Users, Registered Users 2 Posts: 2,099 ✭✭✭

Join Date: March 2006

Posts: 1959

Are you sure you're not supposed to do CSS? I did a FETAC Level 5 Web Authoring course, and we learned it.

0
#8 31-12-2010 2:06am

Dave!

Closed Accounts Posts: 27,857 ✭✭✭✭

Join Date: August 2005

Posts: 26627

Would you not get extra credit or something for going beyond the requirements? It'll look like pox if you just use HTML! There's no real reason why you would need to just use HTML. Just ensure that you use semantic HTML that validates, and then use CSS to make it look good.

0
#9 31-12-2010 8:41am

TitoPuente

Closed Accounts Posts: 549 ✭✭✭

Join Date: December 2009

Posts: 544

dlofnep wrote: »

Aye, true enough.. But as a rule of thumb, it's a pretty easy learning curve.

It's easy to learn the basics very quickly although getting your front end code to a professional standard and being confident enough to properly code complex layouts is going to take a lot longer than a few days.

0
#10 01-01-2011 12:58am

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

Thanks everyone; all positive comments and very helpful. I will probably end up doing the website using three methods (1) the required html as per syllabus which I'll submit (2) embedded css (3) separate style sheet [sorry if the terminology is not correct] I have a few weeks so no problem. I intend getting the extra marks by explaining how to go about gathering the content and wire-frame (sitemap), customer requirements etc..

Again, happy new year to you all.

0
#11 03-01-2011 2:24am

Liam Byrne

Closed Accounts Posts: 18,163 ✭✭✭✭

Join Date: October 2006

Posts: 17464

vedwards wrote: »

Thanks everyone; all positive comments and very helpful. I will probably end up doing the website using three methods (1) the required html as per syllabus which I'll submit (2) embedded css (3) separate style sheet [sorry if the terminology is not correct] I have a few weeks so no problem. I intend getting the extra marks by explaining how to go about gathering the content and wire-frame (sitemap), customer requirements etc..

Again, happy new year to you all.

It might just be your phrasing that's throwing me, but you are aware that "wire-frame" and "sitemap" are two completely different things ?

0
Advertisement
#12 03-01-2011 7:19pm

fitzcoff

Registered Users, Registered Users 2 Posts: 528 ✭✭✭

Join Date: April 2010

Posts: 479

I'm doing the same subject, we covered HTML and we were told that if we wanted to we could do CSS if we wanted, it wasn't be taught to us but if we carried out or own research there was no issue with it. I was thinking about it, any advise on how best to learn the basics of CSS.

If I am putting work into something I'd like it to be done as proper as I can:)

0
#13 03-01-2011 7:29pm

Dave!

Closed Accounts Posts: 27,857 ✭✭✭✭

Join Date: August 2005

Posts: 26627

just google 'css tutorial', there are heaps of them for free online

w3schools.com gives a good overview

0
#14 27-01-2011 2:08pm

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

A couple of question n relation to the same thread (topic: html only website)

(1) Is it possible to construct a HTML nav bar with drop down selection menu or is that only accomplished in CSS?

(2) Based on DonkeyStyle \o/ HTML sample template above I have a problem in the nav bar; I have HOME - OPENING HOURS - MENU - CONTACT - SPECIALS. When I click on the nav bar say MENU I have it so it goes bold. From the template there is an underline which in some browsers goes from white to red/purple (nice). But no matter what I do when I click on OPENING HOURS all the underlines remain white!

The html is simple enough and I can see no errors or difference between the code on other lines.

Any ideas?

0
#15 28-01-2011 1:28pm

Abelloid

Registered Users, Registered Users 2 Posts: 3,495 ✭✭✭

Join Date: September 2005

Posts: 3402

Are you sure you're not to use CSS? This seems like a very unusual way of teaching HTML, I could understand if they wanted you to concentrate on the HTML for print or screen readers before adding the CSS, but constructing the entire page in HTML alone?

The unusual link display differences are being caused by each browsers default CSS, so you can't avoid it altogether.

BTW font tags are no longer supported, in HTML5...

0
#16 28-01-2011 7:38pm

DonkeyStyle \o/

Closed Accounts Posts: 7,145 ✭✭✭ $DonkeyStyle \o/$

Join Date: October 2004

Posts: 6944

I suspect the lack of css in your html syllabus is down more to ignorance than by design. If that's the case, your html probably won't even be looked at, let alone poured over to see if you cheated using css. (if you could even call it that)
Personally I'd just go with the css tutorials on w3c-schools and just not worry about it.
Is there nobody from the course you can run this by?

0
#17 31-01-2011 1:22pm

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

Thanks for getting back to me guys.

The html effort based on Donkey Style doesn't look so bad as it stands! Nice images and content with no side scroll bar so looks tidy. But I'm told that I have too many pages on my nav bar. But I guess from replies that it is not possible to have other page links displayed in a drop down nav bar in html.

I'll start using the css this week. There is a lot of emphasis placed on the content which I think is great as it focuses the aims of the website and target audience.

Thanks again
(wonder why there were so many page views about on a thread dealing with html?)

0
#18 31-01-2011 3:59pm

Liam Byrne

Closed Accounts Posts: 18,163 ✭✭✭✭

Join Date: October 2006

Posts: 17464

vedwards wrote: »

But I'm told that I have too many pages on my nav bar. But I guess from replies that it is not possible to have other page links displayed in a drop down nav bar in html.

It would require JavaScript to work.

I'm confused, though - how many is "too many" ?

The general rule for options is "seven plus-or-minus two", and even that is gone by the wayside on most websites.

How many do you have ?

0
#19 31-01-2011 11:48pm

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

9 Liam

You can view them here and here

Thanks

0
#20 01-02-2011 9:47pm

fitzcoff

Registered Users, Registered Users 2 Posts: 528 ✭✭✭

Join Date: April 2010

Posts: 479

I think the requirement is to have 6 pages including the home page.

Like the look of the design so far. I've an interest as trying to do this at the mo with little success!!

0
#21 02-02-2011 10:22am

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

A little plagiarism with the images but its only for a personal project i.e FETAC.
Don't laugh, but I find Picasa a very good tool when dealing with images . I can type text on the image and it go can select the banner dimension and it saves them automatically for your next banner.

0
Advertisement
#22 02-02-2011 9:21pm

fitzcoff

Registered Users, Registered Users 2 Posts: 528 ✭✭✭

Join Date: April 2010

Posts: 479

I'm sitting at the laptop and wrecking my head, I've "cheated" and used the code kindly suggested here:D

I'm basing my site on a day care centre and want to include a page with photos on it, ideally it would have a list of hyperlinks which would link to the photos. More than likely it'll just be a page with the photos on it.

i can get the il list and the links but looking for some inspiration as to how to layout the photos.

Not sure if I'm making sense but the link would be St Patricks Day which would open a page with photos from that, I'm asssuming that a table with the images sourced into the cells.

I would love if when a photo is clicked/selected it enlarges - any chance of any kind boardsie helping with the code ;)

0
#23 02-02-2011 9:26pm

Abelloid

Registered Users, Registered Users 2 Posts: 3,495 ✭✭✭

Join Date: September 2005

Posts: 3402

A little Javascript (Lightbox) perhaps?

http://www.huddletogether.com/projects/lightbox2/#how

Put the thumbnails in a table and link them to the full size images, like this

[HTML]<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>[/HTML]

0
#24 02-02-2011 9:37pm

fitzcoff

Registered Users, Registered Users 2 Posts: 528 ✭✭✭

Join Date: April 2010

Posts: 479

JustinOval wrote: »

A little Javascript (Lightbox) perhaps?

http://www.huddletogether.com/projects/lightbox2/#how

Put the thumbnails in a table and link them to the full size images, like this

[HTML]<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>[/HTML]

Thanks for that, I'll give it a shot tomorrow when the brain is a bit more awake.

0
#25 03-02-2011 12:05am

vedwards

Registered Users, Registered Users 2 Posts: 244 ✭✭

Join Date: December 2009

Posts: 182

JustinOval wrote: »

Are you sure you're not to use CSS? This seems like a very unusual way of teaching HTML, I could understand if they wanted you to concentrate on the HTML for print or screen readers before adding the CSS, but constructing the entire page in HTML alone?

The unusual link display differences are being caused by each browsers default CSS, so you can't avoid it altogether.

BTW font tags are no longer supported, in HTML5...

It turned out the I had a declaration on all pages except 'Opening Hours'
hence the difference between the nav bar selection. Don't know why

0