help with building web site

bastic

bastic

A star
Suspended / Banned
Messages
3,809
Name
Lukas
Edit My Images
Yes
Hey,
Maybe someone will be able to help me...again...
am so busy that have no time do finish my web site...but must get a grip!

Ive lost all my tutorials etc...

can someone point me in to some good ones and maybe give mew advice on what to use and how ? ie. iframes etc...

here is a 'design' - plan, how I would like to have it..

Untitled by Lukasz Baszko, on Flickr

so footer and logo stay same all the time. on logo part, there is a menu.

on the middle bit, I would like to have some slide show when page opens.
and thats where more info will show thats connected to the menu.

thanks for any advise and help.

now off to look for tutorials :)

forgot to mention that am not interested in wordpress and them like...
 
Last edited:
First of all are you learning web design to make just 1 webiste? If so I wouldn't bother, it will take ages for you to learn the techniques needed. If my car was broke I wouldn't learn the ins and outs of an engine! Pay someone to create your vision or use the many free webiste builders on the net that take the pain out of learning how code works etc.

If you are doing it to learn as a hobby or you want the skills then you will need to learn:

CSS
HTML

I have attached your layout coded in HTML/CSS. This should give you an idea of how CSS/ HTML works.

http://www.photographycourses.co.uk/webiste.zip
 
Thaks for correcting the link. Yeah HTML + CSS is a start but then as arad85 said you may need:

PHP/ MySQL (to make the site more dynamic)
Javascript/ Jquery (for sliders, menus, effects)

Then you have to worry about testing it across different browsers.

You need to work out is it worth learning all these new skills or is it best to use your time taking photos and use a free/ paid service that will take you much less time to get up and running.
 
Thanks lads!!!!
much appreciate it
will download file in a sec.
ages ago I used HTML but all knowledge is gone now....
a while back I had a go on it including css.
I had quite a few nice tutorials bookmarked and then system died and all of them went ...
 
forgot to add that idea with iframes came with idea that only 'content' part will be changing so no need for whole page to reload...(does it make sense ? )
 
bastic said:
forgot to add that idea with iframes came with idea that only 'content' part will be changing so no need for whole page to reload...(does it make sense ? )
Click to expand...
Yes, it does, but frames are very clumsy....
 
Don't use iframes and don't use tables. They are prone to issues, and are not SEO friendly.

For the simple design you want, I'd download a free template.
 
Last edited:
Hey...me again...
Can someone please direct me in to a nice and easy slide in jquery ??
one that would resize images (if it is possible )and with nice and easy tutorial :)
I have one at the moment that is really simple but it doesn't resize images so if images is too small, you can see previous or next image...
 
If you want to create from scratch (or use one of the supplied templates) you could do a lot worse that Xara Web Designer Premium 7.

An example site created from one of the templates can be seen here.

But you are not tied to templates, you can start from a blank canvas and build from there, creating your own unique design.
You can have your header and footer as repeatable object meaning that each new page you create will automatically include them.

Includes many jquery widgets for free but has almost unlimited capacity to use any other script by way of 'placeholders'..

And much more besides. There's 30 day trial which is not crippled or watermarked in any way, so in theory you can build your site inside a month for free :)

No need for SQL or PHP. You also get 500Mb free hosting with Magix.com if you want it.

There's also a lot of community help at the Xara-Users forum (link in my sig..)
 
thanks guys,
will look in to this Xara

Ed, wil l sent you a PM later on today.
Thanks
 
One thing I forgot to mention, you don't need any HTML knowledge to use Xara Web Designer. Obviously it helps if you do, but having HTML knowledge is not a necessary pre-requisite.
 
sledger said:
One thing I forgot to mention, you don't need any HTML knowledge to use Xara Web Designer. Obviously it helps if you do, but having HTML knowledge is not a necessary pre-requisite.
Click to expand...

With Xara,can I do slideshows?
Will look on it after work.
 
Aside from the built-in Highslide popup photos and slideshow, there are some jquery (eyecatcher) widgets for various slideshow styles included.

Of course, you can also embed many other scripts.

But yeh, probably best to download the trial and have a play.
Might even be better to get direct answers from the xara-users forum if you like?
You can find me there as 'athman'.
 
HTML is now being replaced with XHTML which is a stricter form of HTML as regards tags etc.

Frames and tables should also not be used in favour of CSS.

Web building programs are all right but they do tend to produce very bloated coding and in some cases can take as long to learn as learning hand coding.

.
 
Yep that's true. Though I should mention that all sites built with XWD are W3C compliant and validate very well.

Here's an example: http://goo.gl/ReSIs

Of course, you may introduce non-valid markup if you wish (from using external scripts which don't validate) :lol:
 
bastic said:
Hey,
Maybe someone will be able to help me...again...
am so busy that have no time do finish my web site...but must get a grip!

Ive lost all my tutorials etc...

can someone point me in to some good ones and maybe give mew advice on what to use and how ? ie. iframes etc...

here is a 'design' - plan, how I would like to have it..

Untitled by Lukasz Baszko, on Flickr

so footer and logo stay same all the time. on logo part, there is a menu.

on the middle bit, I would like to have some slide show when page opens.
and thats where more info will show thats connected to the menu.

thanks for any advise and help.

now off to look for tutorials :)

forgot to mention that am not interested in wordpress and them like...
Click to expand...

So everyone has told you what not to use

Do use: DIVS & CSS
Read this: http://www.subcide.com/articles/creating-a-css-layout-from-scratch/

or google "DIV CSS layout tutorial"
 
Create a DIV around the slide gallery code, add a reference to the slide gallery CSS and JS files in the header

HINT

if you are not dyamically creating the pages on the fly the code for the top part of your html page will be the same and include a menu, and the bottom part of the page will be the same, and include a footer
 
Richard King said:
Create a DIV around the slide gallery code, add a reference to the slide gallery CSS and JS files in the header

HINT

if you are not dyamically creating the pages on the fly the code for the top part of your html page will be the same and include a menu, and the bottom part of the page will be the same, and include a footer
Click to expand...

I know about the same code part ;)


As you said, I was adding gallery in div in main container ...then all other bits for it in css...I havent forgotten about links to jquery etc ....
where do I call for script to run gallery ??in same div ?
at the end after all divs are closed ?

I think Ive tried it all:(
 
in the head, you call the scripts

If you look at the source code for the page you are looking at on the forum now you will see a call to

detect.js

and

vbulletin_css

you do it like that. Be careful with the paths. on a real live website, you can address the script / css absolutely i.e. http://www . site/folder/script.js

locally you will need to use the right combination of ../../foldername/ to locate the script/css from the page (depending where it is depends on how many ./ 's you need
 
so Photomenon is up and running...
WARNING BEFORE OPENING : there are few images on slideshow over 4MB in size!...

that of course will be optimized.

it is made so it will look good on 1024res...but because of that need to adjust margins somehow so footer doesnt appear to high on higher resolutions.

I plan to have a one image on main/home page and slideshow will be connected to gallery.
 
I realise this is just a WIP site, but if you are going to use numbers for image names, remember to add ALT and TITLE attibutes to the <img tag.
 
sledger said:
I realise this is just a WIP site, but if you are going to use numbers for image names, remember to add ALT and TITLE attibutes to the <img tag.
Click to expand...

whats a WIP ?

I know about alt.

and is there a way I could block people from trying to download those images ?
 
bastic said:
whats a WIP ?
Click to expand...
It's a long leather thing that is used to beat people... Oh.. hang on.. That's a whip ;) :D WIP = Work In Progress...
 
arad85 said:
It's a long leather thing that is used to beat people... Oh.. hang on.. That's a whip ;) :D WIP = Work In Progress...
Click to expand...

dirty old man [cough]

it is WIP ;)


now as I have managed to get slideshow up and running, will make few subpages, think about categories for gallery and almost done...


guys, do you think it would be better to have a single photo on a main page? no slideshows...nothing...just a photo...
what looks good on main web page ? and should it be linked as home ? (from menu ? )

thanks for all help :)
 
The solution could be j.query load command...it can load a part of other www page in to a div of your choice...
 
You must log in or register to reply here.
Back
Top