The Background-Table Combo


Ever wondered how some websites seem to have ...
of ... some use frames and other design ...
... this look, I'm going to show you a ...
to create the lo Ever wondered how some websites seem to have multiple"layers" of designs?Although some use frames and other design techniquesto accomplish this look, I'm going to show you a simpleway to create the look without the "headaches" ofcomplicated design techniques.You'll be glad to hear that you can create a dimensionallook for your website using only two simple tools.1. Background Images2.
TablesGo here to view a sample web page before we begin:http://www.webmastercourse.com/web-design-weekly/background-table-combo.htmHow to Insert a Background Image:When you open up a blank page in Composer, html,or any other design program, it's wise to insertyour background image first - before beginning yourdesign work.This allows you to lay the foundation for the webpage from the start, and eliminates confusion as well.A background image can be inserted the same as anyother graphic image.In Netscape Composer, you would open a "blank" web page,click on "Insert" and then "Image".On your image screen, you'll see a section near thetop labeled "Choose File". Here you'll select thebackground image from your hard drive that you wouldlike to use.
It will probably be a ".gif" file suchas bg001.gif or bg002.gif. Whatever you named thebackground image on your hard drive, you'll find it,and insert it here.Next, check the box where it says "Use as Background".This will cause the image you have selected to becomethe background for your entire web page.
Click"Apply" or "Okay", and your page's background should nowbe the image you've selected.Where Can You Get Background Images?The background image on my sample page was freefrom http://www.free-backgrounds.com/You can visit their website for a huge selectionof free backgrounds available that you can useon your website.You will save the background image to your harddrive the same as you would any normal graphic imageor clip art. Simply hold your mouse over thebackground image you would like to use, right-clickyour mouse, and click on "Save Background As".A screen will pop up for you to save the imageto your hard drive.
You can name the imagewhatever you would like with .gif being thesuffix.Such as: mybackgroundimage.gifInserting TablesOnce your background image is in place, youmay begin designing with tables.On the sample web page you viewed earlier, Iinserted one table that was 730 Pixels in widthfirst. I chose a color for my table that wascomplimentary to the background, and then begantyping.Next, I created a second table within the first table,and gave it two columns or "cells".
I resized thecolumn or "cell" on the right to be only 20% ofthe entire table width. This creates a sidebarnavigation section on the right.
I also coloredthis table white to distinguish it from the restof the web page.Please remember to insert your background imagebefore beginning your design with tables. Somedesigners place a background image, and thenbegin their writing without tables.
But, Irecommend using tables for the simple factthat it helps you to organize your web pagesand keeps everything in it's rightful placeon your page when others are viewing it.I hope you'll be able to accomplish manynew looks with these simple little tips. Article Tags: Background Image, Thebackground Image, Hard Drive Source: Free Articles from ArticlesFactory.com .

Top blog stories

A review of Idmobile.com

Idmobile.com offers both pay-as-you-go and contract plans. Pay-as-you-go plans are ideal for customers who don't want to be tied down to a long-term contract, and they can purchase bundles of data, minutes, and texts as and when they need them.

see post

A review of Idmobile.com

Idmobile.com offers both pay-as-you-go and contract plans. Pay-as-you-go plans are ideal for customers who don't want to be tied down to a long-term contract, and they can purchase bundles of data, minutes, and texts as and when they need them.

see post

AO.co: Online Shopping Made Simple

AO.co is a trusted expert in TVs, washing machines, clothes dryers and other household appliances. AO.com is one of the largest retailers in the UK and it specializes in electronics, clothes and home furniture.

see post

For our people.

At Three, we believe phones are good. They just make life better. Easier. And more fun. But we all need to find a balance that works for us. Our mission is to help our customers use their phones to live their best lives.

see post

We make your life easier

We make your life easier Since 1992, we’ve been helping customers get the best deal on their dream phone. We firmly believe in giving you the highest quality, for the lowest price. That’s why we work with three of the UK’s leading networks to do all the haggling for you,...

see post

FOUR BRANDS BECOME ONE. CURRYS.

Currys PLC is a leading omnichannel retailer of technology products and services, operating through 800+ stores and 16 websites in seven countries.

see post

Halfords - Quicker, Easier, and Convenient.

At Halfords, we're all about the journey. With more than 700 stores with over 10,000 colleagues, we're the UK's leading retailer of automotive and cycling products. We are also the leading operator in MOT, tyres, car servicing and car repairs - pleasing more than 750,000 customers every year.

see post

FOUR BRANDS BECOME ONE. CURRYS.

Currys PLC is a leading omnichannel retailer of technology products and services, operating through 800+ stores and 16 websites in seven countries.

see post

Sky - Epic. Endless. Entertainment.

It's important to us that everyone gets great customer service and can enjoy our products, no matter their level of sight. So, if you're blind, partially sighted or struggle to see or read the screen, we’ve a range of features to help you get the most from our products and...

see post

Nasty Gal - We exist for the “girl in progress”.

Look iconic, without the hassle— using Nasty Gal discount codes, you can shop your favorite pieces for way less by simply entering one of our promotional codes (of your choice) at the checkout. From delivery offers, to promo deals, we keep ‘em coming, so you always have the offer you...

see post

Digital Publishing From Past to Now

The Covid-19 has caused the school and universities to shut down around the world creating a major issue in Learning and Education. As this virus spreads through the interaction and if social distanci... The Covid-19 has caused the school and universities to shut down around the world creating a major...

see post

Why it’s Important to Manage Your Holiday Calendars?

A printable calendar 2021 is a prominent online platform where you download printable calendars of your choice. These calendars can be customized as per our client requirement with photo, text, logo, or any other image. If you are thinking of planning a dream vacation tour with family and kids but...

see post

A review of Idmobile.com


Idmobile.com offers both pay-as-you-go and contract plans. Pay-as-you-go plans are ideal for customers who don't want to be tied down to a long-term contract, and they can purchase bundles of data, minutes, and texts as and when they need them.

A review of Idmobile.com


Idmobile.com offers both pay-as-you-go and contract plans. Pay-as-you-go plans are ideal for customers who don't want to be tied down to a long-term contract, and they can purchase bundles of data, minutes, and texts as and when they need them.

AO.co: Online Shopping Made Simple


AO.co is a trusted expert in TVs, washing machines, clothes dryers and other household appliances. AO.com is one of the largest retailers in the UK and it specializes in electronics, clothes and home furniture.

For our people.


At Three, we believe phones are good. They just make life better. Easier. And more fun. But we all need to find a balance that works for us. Our mission is to help our customers use their phones to live their best lives.

We make your life easier


We make your life easier Since 1992, we’ve been helping customers get the best deal on their dream phone. We firmly believe in giving you the highest quality, for the lowest price. That’s why we work with three of the UK’s leading networks to do all the haggling for you,...

FOUR BRANDS BECOME ONE. CURRYS.


Currys PLC is a leading omnichannel retailer of technology products and services, operating through 800+ stores and 16 websites in seven countries.

Halfords - Quicker, Easier, and Convenient.


At Halfords, we're all about the journey. With more than 700 stores with over 10,000 colleagues, we're the UK's leading retailer of automotive and cycling products. We are also the leading operator in MOT, tyres, car servicing and car repairs - pleasing more than 750,000 customers every year.

FOUR BRANDS BECOME ONE. CURRYS.


Currys PLC is a leading omnichannel retailer of technology products and services, operating through 800+ stores and 16 websites in seven countries.

Sky - Epic. Endless. Entertainment.


It's important to us that everyone gets great customer service and can enjoy our products, no matter their level of sight. So, if you're blind, partially sighted or struggle to see or read the screen, we’ve a range of features to help you get the most from our products and...

Nasty Gal - We exist for the “girl in progress”.


Look iconic, without the hassle— using Nasty Gal discount codes, you can shop your favorite pieces for way less by simply entering one of our promotional codes (of your choice) at the checkout. From delivery offers, to promo deals, we keep ‘em coming, so you always have the offer you...

Search topic

Nasty Gal - We exist for the “girl in progress”.

Look iconic, without the hassle— using Nasty Gal discount codes, you can shop your favorite pieces for way less by simply entering one of our promotional codes (of your choice) at the checkout. From delivery offers, to promo deals, we keep ‘em coming, so you always have the offer you...

Learn more