Web Design How could I use a template here AND....

Not sure if posting files on here is allowed so I've sent you an email.

Cheers,
CP

 

files are attached:

add the ripple_background.jpg to your image dir
rename style.css to style_orig.css
unzip style.zip and copy it into the dir where your old style.css is.

i hope she likes the ripples.

 

like i said above, but here is alittle more detail.
1.) right click on the image above
2.) save picture as, keep the same name, just put it into the image directory where fiberglass is.
3.) left click on above style.zip, click save, put it into your fiberglass dir.
4.) rename style.css to style_orig.css
unzip style.zip and copy it into the dir where your old style.css is.

now open index.html in your browser to see what it looks like.

5.) Look again in the image dir you will see 2 files (company_logo.gif and company_name.gif) these are the two that you can replace with your own. If you edit the jpg above and add a company name then you will have to edit the style.css file also. see code below:

/* Page Header : Company Name & Logo */
#header_company {
margin-top: 20px;
width: 585px;
height: 35px;
float: left;
background: url('images/company_logo.gif') no-repeat 137px 0px;
text-align: left;
}
#header_company h1 {
background: url('images/company_name.gif') no-repeat 160px 0px;
width: 585px;
height: 35px;
}

Look for header_image.jpg in the style.css you have to either comment it out or remove it. You may find other pics that need the same work. Also check your index.html file.
Make sure save style.css when you are done or it will not show your changes. Hope this helps.

 

I'll work on it and get back to you. I don't have to worry to much about the kids anymore, just work the wife the dogs the grandkids.

 

Curious = Self tought
Instructions = http://www.w3schools.com/default.asp simple to the point
google = tutorials search for info to speed read

It seems you are at the start of the learning curve, no problem it gets easy as you move forward, you just are in that planning stage which makes your head spin and when it does stop and play with the kids. They will be better for it. As for your sister, holistic healing is not something new it was really brought back into the light during the 60s Rodale Press and Prevention Magazine, (we still use witch hazel in our house) now with the high cost of health care people are finally realizing the are alternatives. If they would just figure out that the mind plays the biggest part of healing, we all would live to at least age 117. "No doubt you will quote this proverb to Me, 'Physician, heal yourself!" <<Luke 4:23>> But he “did not do many mighty works there, because of their unbelief.”
Ok so now that we have the power from within lets get started. After all we have to get our thoughts together and deceide whats important and what we can do. There's nothing like the first step of the journey. So your sister has given you all the items on her wish list. Right now is she like LoveGirl and has alot the say or is she like The Old Doc and is selling or would like to sell? These are the questions you have to ask. There is always time to add to the web, but kids grow up fast.

Q1.) She likes www drlaman com and wants her site to look like that but with the water ripple logo that I'm supposed to come up with - so I guess it's sorta basic with what she wants with regards to text, etc... she wants to be able to do a newsletter like he does, and sell books, etc..

A1.) The old doc has a store, well out of your league ... for now.
When the time comes for a store look at Zencart. It can be incorperated into your web and there are new Federal rules as of Jan 1, 2008 for credit card sales. learning

Q2.) A newsletter can be emails like LoveGirl (she does seem abit young to talk of life experiences) and A2.) no she does not use tables. (just right click on any white space of that wed and then click view source do this on most webs to see how they wrote the site, learning.
Or as a teaser on the index page which takes the reader further into the web.

Q3) I now found another website I like the looks of - the saltandsoap template..... but that is all confusing because the tab at the top they included in their header. And I dont know how to edit it...
A3.) Do not worry about looks for now. Think about content, what are we going to say and how do we want to lay it out.
The moment you deceide what is needed and you start putting it together, then the further you progress. You have learned alot, you feel accomplished, you can do more and play with the kids.

Now if that Template you have picked out will do all that you want, just start using it.... because it is time to put content (your sisters words) into in, so we can see what it will look like. You can always add to it or just as easily cut and paste into a new template the second web does become childs play, there are those kids agan.

You have downloaded a template, and uzipped it, inside we see:
style.css = Cascading Style Sheets - Styles sheets define HOW HTML elements are to be displayed, throughout the web. They keep ever page looking like each other, so you code one sheet and it tells your browser how each page is layed out. You can edit this page or have more than one css. It can be external and you can use an internal one, say for just one page in your web to change it. saltandsoap.css has comments in it this will tell you what part of the page it controls. learning

images dir = where all your image files are stored
The style.css refferences to those images for the main template look. You can edit or add your own pics. Other web pages can reffence pics in this dir.

index.html = is where you put your content and some html tags to adjust the look of the page, it is also your (home) page which tells browsers start here. html pages are what is served up to the viewer.

saltandsoap.psd = the file created by this fine site to create the template, which was used in photoshop and slice command to produce the pics in the image dir. psd files have Layers which are layed on top of each other to produce the look of the file. You can edit these layers to create a new pic (say ripples with a header).

1. What do we want to show in the web.
2. What elementsdo we need.
3. Get started
4. Web Sites can always grow
5. Do not get hung up on one item come back to it.

Plan your approach and go for it.
Let me know how it goes. You are on the right path just go for it.

 

NVU is old and is buggy
I use CuteHtml pro 6 which is now AceHtml. You learn programig faster.
CoffeeCup is really where it is at for the price and you can still download an old version for free which will knock the socks off NVU.

Also loaded in my pc is pspad - freeware HTML editor, PHP editor, XHTML, JavaScript, ASP, Perl, C , HEX editor. It always there if I right click a file I can open it in pspad get this one and load it in your pc.

Filezilla is great but i perfer SmartFtp client more power but a tad slower to load. free

TopStyle Pro is the only program if you want to edit and learn css sheets.
there is a lite version but is nothing like pro.

Paintshop Pro for gaphics price is much less that Photoshop.
IrfanView is a must have progam view resize more, pics on the fly. free
These are the main ones there are others.

For php and perl i have installed Wampsever on my pc to simulate on my pc what a program will do on line.

If I were you, I would pick one of the templates and start adding content then I would play around with it to see what I can change and how it looks. Then you can look at a few others which may have something like newsletter just to see how it works and then bring it in to the template you worked on. Better to get something up than nothing.

One more option JOOMLA joomla.org - Content Management System and Web Application Framework. It's like a template but you work with modules in Admin section. Turn on those you want add some options. No real programming until you become crazy over it and the is a hugh following who add all kinds of modules.

Have fun!!!!