Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Website Design for College Unit - 'Canteen'

Featured Replies

Good afternoon all,

 

I'm just coming to the end of my second year on a HND Multimedia course, and our last unit for the course was to work for a real life live client. From scouting around, me and a friend found a neat little sandwich type cafe which we felt had a sense of style and would be good to do some work for, and happily he accepted :)

 

It was decided that he wanted a website built, then some animations and leaflets produced as well.... all for free may I add :o:D

 

I've being building the website over the last 2-3 weeks, it's gone through a few changes, but have finally settled on a design. Still awaiting the clients content and slogans for pictures, but the look is pretty much final.

 

My friends animations and leaflets will also appear on that site very soon.

 

website is hosted on the back of mine at the moment.

 

Canteen Website

 

I've validated the CSS, but the HTML has 9 errors due to a 'multimap' link, and 1 additional error due to a line of Javascript code using a < symbol. Anybody know a way to cure these last two errors, without getting rid of the link?

 

Any comments in regards to what might be improved and any problems that arise in different browsers, would be much appreciated.

 

Cheers,

 

Giz

Hi Gizmo,

 

Are you from Asford, Kent or Ashford, Kent? :p

 

Nice site - I likes :)

Looks nice, I like it.

 

For the Multimap link, try replacing the

&

with

&

The menu is really nice, and the scrolling down to sections is very smooth.

 

One thing to consider, when clicking a menu item, try changing the URL in the address bar to reflect the new section. This is particularly useful for people wanting to bookmark a part of a large page such as yours.

The javascript property you need to change to do that is

window.location.hash

Png transparency needs fixing in IE6.... - other than that, on first glance, a very nice design.

  • Author

Cheers for the replies :)

 

Hi Gizmo,

 

Are you from Asford, Kent or Ashford, Kent? :p

 

Nice site - I likes :)

 

:D ...Fixed, cheers

 

Looks nice, I like it.

 

For the Multimap link, try replacing the

&

with

&

The menu is really nice, and the scrolling down to sections is very smooth.

 

One thing to consider, when clicking a menu item, try changing the URL in the address bar to reflect the new section. This is particularly useful for people wanting to bookmark a part of a large page such as yours.

The javascript property you need to change to do that is

window.location.hash

 

& - sorted also, still find some other issues in the link relating to = and some other bits. Down to 7 errors in total though.

 

Will have to look into the javascript and try and change it over like you say, good idea, cheers.

 

Png transparency needs fixing in IE6.... - other than that, on first glance, a very nice design.

 

Thanks, I will see if I can hunt down a IE6 png fix and implement it. Only have a Mac here, so the have to do cross browser checking when elsewhere.

  • Author

Cheers for the comments :)

 

Going to redo the 'menus+specials' graphic as I don't like the way it's sitting and have another lightbox object to go next to it as well.

 

Off to see the client tomorrow to get the site content off of him, and then all the final extra tweaks have to be done in the next week as unit hand in date is next friday...

Wow brilliant work!

I did a HND in Multimedia a few years back and could have only dreamt to have had skills like yours back then. Blimey i'd stuggle to match you now I think!!!

 

Well done

Attractive design, I like it alot :) Not sure if these animations are going to be practical though, or necessary tbh.

  • Author

Cheers for the comments

 

Wow brilliant work!

I did a HND in Multimedia a few years back and could have only dreamt to have had skills like yours back then. Blimey i'd stuggle to match you now I think!!!

 

Thank you very much for the comment, it's been a good course. Going back next year for a BA in Advertising Design, still not direction to head in, enjoy some many different areas of design :)

 

 

Attractive design, I like it alot :) Not sure if these animations are going to be practical though, or necessary tbh.

 

The animation will be relating to a modular range of the food the client wants to promote, it will be situated in a lightbox. So it should all fit in ok.

 

Very nice!

 

A good, lightweight IE PNG fix is Unit PNG Fix

 

Thanks alot, I will implement this now as it sounds great.

 

Saw the client today, but he didn't have the content ready at the time. So I am awaiting his email over the weekend.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.