Jump to content

Integrating Layout Into HMTL


tissot

Recommended Posts

I tried to search for the following result in this section but couldn't find anything.Before adding a layout to a HTML page, but I'm wondering if i'm doing the correct steps to do so.1) Make a layout using a graphic editor2) Slice the layout into parts, for frames or tables3) Make a new HTML page, also make new tables or whatever in the HTML page.4) Add the images of the layout into the tables or framesThanks.Oh one more thing I'm trying to find out;If you made a border image as in size... around 100 pixels in height, for the entire tables.Then let's say, if the page is exceeded (has more size than the border size, then how can l make the border image size to exceed/match the the entire tables size automacially?)thx again lol

Link to comment
Share on other sites

I'm not a fan of creating pages with image editors, they use alot of images which slow down you page, also tablesless layouts are the future.I would suggest coding you page in notepad or whatever, just basically build it yourself. :)

Link to comment
Share on other sites

I'm not a fan of creating pages with image editors, they use alot of images which slow down you page, also tablesless layouts are the future.I would suggest coding you page in notepad or whatever, just basically build it yourself.  :)

well yeah but my goal is to make a HTML site with the images, not heavily images though.
Link to comment
Share on other sites

When I layout a page I draw it on paper first, just a rough sketch.Then I code the HTML to make the structure I want. THen I make the images that fit in structure. A lot of things image editors use images for can be done with css, like borders and whitespace.This makes the page load faster and it reduces the number of images on the page.

Link to comment
Share on other sites

1) Make a layout using a graphic editor2) Slice the layout into parts, for frames or tables3) Make a new HTML page, also make new tables or whatever in the HTML page.4) Add the images of the layout into the tables or frames
That's the way I did things for a while. It works, but it does take a while to load, and it's harder to get pages like that to scale to the monitor's resolution.
If you made a border image as in size... around 100 pixels in height, for the entire tables.Then let's say, if the page is exceeded (has more size than the border size, then how can l make the border image size to exceed/match the the entire tables size automacially?)
If you just have a table cell with the border image sitting inside it, then you can make the image the same width and height of the table cell. But if you are using the images as background images for a table cell, then the background will tile, so you need to make sure you are using an image that looks good when it tiles.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...