New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

Can someone help me with CSS?


Post Reply New Thread Subscribe

 
Thread Tools
vicariousgeorge

 
vicariousgeorge's Avatar
 
Member Since: Feb 12, 2007
Posts: 68
vicariousgeorge is on a distinguished road
Mac Specs: 13" Macbook 2.0GHz, Airport Extreme, 3G iPod Nano

vicariousgeorge is offline
Ok peoples,

I have a basic understanding of web design using HTML exclusively. However, I'd like to start using CSS, as it makes presentation of the website much easier and more professional looking.


First, are CSS and HTML intertwined?

My understanding is that CSS is applied to HTML to format and arrange it, as opposed to changing each individual tag for fonts etc, or using frames for layout.

Now, while creating my website, I've used the built in CSS templates in Dreamweaver CS3 as a basic outline. Should I make a basic page first, and then add it to the template (if that is even possible), or do I cut and paste my material over the placeholder text in the templates?

Next, how do I add more things to the templates.

For example, if there is a header, body, footer layout, how would I go about making another header to place a logo (which would be the new header [div]), over a banner (which would be the old header)?


If this sounds too convoluted, here is a basic idea of what I want to do:

I want a logo, banner, body, footer, and sidebar. I have the material (i.e. text, images, etc...) that I want to use in the site. What is my first step?

I purchased a Dreamweaver guide book, but each chapter seems to stand on its own. I have a general understanding of each individual concept - I'm just having a hard time putting it all together.

Any help would be appreciated.
QUOTE Thanks
vicariousgeorge

 
vicariousgeorge's Avatar
 
Member Since: Feb 12, 2007
Posts: 68
vicariousgeorge is on a distinguished road
Mac Specs: 13" Macbook 2.0GHz, Airport Extreme, 3G iPod Nano

vicariousgeorge is offline
Anyone?
QUOTE Thanks
chaunce322

 
Member Since: Aug 20, 2007
Location: New Jersey
Posts: 152
chaunce322 is on a distinguished road
Mac Specs: 15" MacBook Pro, 2.2 GHz Intel Core i7, 8 GB RAM, 750 GB HD

chaunce322 is offline
CSS and HTML are certainly intertwined, but perhaps not the way you think. There are three types of CSS, in-line, embedded, and external. In-Line allows you to apply styling to a line or section within an HTML document. Embedded has the style defined in the HTML document to which it applies, but this time the style is applied to the entire HTML document. External CSS allows you to generate a document outside the HTML document. Your HTML document will contain a reference to this external document. These are very useful when you want to apply styling to multiple pages since each HTML document can reference the same CSS. This is also quite useful when making changes as you only need to change the CSS, and each HTML document will update automatically.

As for adding additional things to your template, yes, you can do basically what you outlined, but this would primarily be done using HTML and not CSS. As you noted, CSS is mostly for formatting, whereas the HTML is for incorporating content.

I would recommend doing a search on Google for some fundamental HTML and CSS information as there are a ton of great resources out there.

I hope that helped answer your questions. Best of luck!

Sean
QUOTE Thanks
applemacbook

 
Member Since: Sep 17, 2007
Location: California
Posts: 30
applemacbook is on a distinguished road

applemacbook is offline
Google for CSS + HTML tutorials and the more you get into it the more you will understand it. Try looking at other people's code. A good CSS/xHTML book wouldn't hurt either.
Download Firefox (if you haven't already) and install CSS Viewer and Web Developer extensions, they will make your life 100x easier.
QUOTE Thanks
jonnyd

 
Member Since: May 10, 2007
Posts: 502
jonnyd has a spectacular aura about
Mac Specs: Mac pro quad 2.66 / G5 1.8

jonnyd is offline
This is also worth a look - doesn't get updated much now, but all the sites here are completely CSS driven.

http://www.mezzoblue.com/zengarden/alldesigns/
QUOTE Thanks
D3v1L80Y

 
D3v1L80Y's Avatar
 
Member Since: Feb 02, 2004
Location: PA
Posts: 12,459
D3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond repute
Mac Specs: MacBook

D3v1L80Y is offline
www.w3schools.com

Good site for learning the basics of all aspects of web design and development.

__________________________________________________
Posting and YOU|Forum Community Guidelines|The Apple Product Cycle|Forum Courtesy

mac: a waterproof raincoat made of rubberized fabric
MAC: a data communication protocol sub-layer, also known as the Media Access Control
Mac: a brand name which covers several lines of personal computers designed, developed, and marketed by Apple Inc.

QUOTE Thanks
dannyj

 
Member Since: Sep 23, 2007
Posts: 5
dannyj is on a distinguished road

dannyj is offline
http://www.smashingmagazine.com/
http://alistapart.com/
http://meyerweb.com/

books:
transcending CSS
CSS Mastery
Web Standards Creativity

There are lots more if you google.
QUOTE Thanks

Post Reply New Thread Subscribe


« iweb problem to publish and save it | NEWBI needs a set up-photography website »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
CrossOver + CS:S michro OS X - Apps and Games 3 07-23-2007 11:01 AM
Need CSS Expert please :) Lewwy Web Design and Hosting 4 07-10-2007 01:05 PM
trouble with CSS and Dreamweaver hippy.green Web Design and Hosting 2 06-18-2007 05:56 AM
My first tableless CSS layout ChicoWeb Web Design and Hosting 17 01-18-2005 02:57 PM
CSS strangeness in Safari only!? stevenjohn Web Design and Hosting 1 03-29-2004 07:08 AM

All times are GMT -4. The time now is 09:28 AM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?