I just need to know what languages other than html is used to make this website: ww w.susur.com/madelines/index.html. In other words, what do I need to know in order to recreate something like this? Is html and CSS alone enough? Thanks in advance.
Hi jbiggis, Welcome to SitePoint!
The site uses php to serve the pages as html, but you can do the same layout using static html and css.
The site uses tables to make the letter box layout, but you can do exactly the same layout with lesser markup using divs and background-images for the borders.
Appreciate your response Erik.
How much can someone charge for a website like this then?
I’m just wondering how I can layer the text over the image w/o using tables and divs, such as the webpage below:
w ww.susur.com/madelines/index.html
(there’s a space between the 2nd and 3rd w, otherwise they won’t let me post)
Here they probably used tables, but I don’t want to use tables or divs. Please help.
Divs are really the alternative to tables. You need one or the other, but divs are the better usage. Divs give you a lot of layout control.
I’m just wondering how I can layer the text over the image
The image is added as a background image.
This is the code they use:
.bg_main_interior4 {
background-image:url(../images/bg_main_interior4.jpg);
background-position:left top;
background-repeat:no-repeat;
How much can someone charge for a website like this then?
Probably between $800 and $2000, but maybe a lot more depending on functionality.
EDIT: actually, taking another look at the site, it probably cost a lot more than $2000. I didn’t look at how much was on the site. But that basic layout is easy to set up. So the design is one thing, the entire site another.
I opened the page with the browser and it contents HTML, JS and CSS, at list I think that’s what I saw. Of course, I have only a month working with computers, so?
It’s really not that complex of a site, at least not at first glance. It’s a nice example of how a site can be elegant and downright lovely and still be fundamentally simple.
Don’t get me wrong. Simple does not equal easy.