1. Welcome to Tacoma World!

    You are currently viewing as a guest! To get full-access, you need to register for a FREE account.

    As a registered member, you’ll be able to:
    • Participate in all Tacoma discussion topics
    • Communicate privately with other Tacoma owners from around the world
    • Post your own photos in our Members Gallery
    • Access all special features of the site

Web Designers (CS3) - lend me your ear!!

Discussion in 'Off-Topic Discussion' started by Janster, Dec 12, 2009.

  1. Dec 12, 2009 at 7:42 AM
    #1
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    I'm a bit stumped, or maybe I'm just overloaded with NEWISM here.

    Just upgraded to Windows 7, installed a new Dreamweaver (CS3), downloaded our website to my computer (used to be on my husbands computer). While downloading, discovered some viruses that I had to take care of (HOST problem). etc. I'm trying to get familiar with Windows 7, getting around in CS3.....

    Basically, I want to overhaul our home webpage. My first priority is to build a basic index page and go from there. I want to use CSS. I've tinkered with it before using online help tutorials..... but .... Now that I'm ready to start something for real, I'm stumped.

    I click on Create CSS sheet in Dreamweaver...and it pops up with code. I'd like to be in 'design' mode where I can see everything outright. Gawd, I feel soooo stupid right now. Usually, all I need is a little kick in the pants to get me going again and moving forward. I'm learning as I go in terms of web building. I understand frames and how they work..... and I thought I somewhat understood CSS and how it works, but implying that to an actual page..... my mind is still stuck in frames mode.

    Any hints or tips on how to get me moving along again, would be great. Assume I know NOTHING....because I'm one of those people you have to spell it out.
    Thanks ahead of time!!
     
  2. Dec 12, 2009 at 8:06 AM
    #2
    epa4wd

    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,139
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2015 TRD Sport
    Clazzio Seat Covers Extang Tri-Fold Soft Tonneau Cover TRD Skid Plate AMP Research Electric Steps 43% Llumar Security tint TRD Exhaust Fox 2.0 coilovers and rear shocks 16" TRD Fake Beadlocks Custom LED Cube mounts in foglight location TRD Pro Grill Wheelers progressive aal
    I have not use Dreamweaver CS3 so Im not familiar with it, but for CSS I recommend this book: CSS in 10 Minutes Russ Weakley, its very short and straight to the point, it will clear any doubts you have about CSS. I usually mix PHP and HTML in my websites PHP can help you make updates to a website very easy for that I recommend this book: Larry Ulman PHP for the World Wide Web. Mix PHP + HTML + CSS = great looking easy to update website.
     
  3. Dec 12, 2009 at 8:15 AM
    #3
    relmone

    relmone Active Member

    Joined:
    Dec 6, 2009
    Member:
    #27083
    Messages:
    35
    Gender:
    Male
    First Name:
    Dustin
    Little Rock, Arkansas
    Vehicle:
    2009 Speedway Blue 4x4 Tacoma
    Weld Racing Wheels (Powder Coated Matte Black) NITTO Terra Grapplers TRD Sticker Delete
    so, CSS files are not like HTML files. they are not meant to be "visual" representation of webpages. they are separate files that are used for "styling" a webpage (fonts, colors, positioning, etc.). CSS files are loaded like Javascript files in the <head> of a webpage.

    if you like using Dreamweaver then i suggest to code your homepage HTML in "design" view and Dreamweaver automatically applies CSS (styles) to that page but inline and not from a loaded CSS page.

    i hope this helps. hit me up if you have anymore questions. i have been doing this stuff for about 10 years now. :)

    cheers.
     
  4. Dec 12, 2009 at 8:21 AM
    #4
    epa4wd

    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,139
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2015 TRD Sport
    Clazzio Seat Covers Extang Tri-Fold Soft Tonneau Cover TRD Skid Plate AMP Research Electric Steps 43% Llumar Security tint TRD Exhaust Fox 2.0 coilovers and rear shocks 16" TRD Fake Beadlocks Custom LED Cube mounts in foglight location TRD Pro Grill Wheelers progressive aal
    but if its inline and not from a loaded CSS file, if you want to update for example the color of text in the feature you would have to edit each HTML file you have, if you use a loaded CSS file you would only have to alter the one CSS file and it will take effect in every HTML file which the CSS is loaded to.
     
  5. Dec 12, 2009 at 8:26 AM
    #5
    relmone

    relmone Active Member

    Joined:
    Dec 6, 2009
    Member:
    #27083
    Messages:
    35
    Gender:
    Male
    First Name:
    Dustin
    Little Rock, Arkansas
    Vehicle:
    2009 Speedway Blue 4x4 Tacoma
    Weld Racing Wheels (Powder Coated Matte Black) NITTO Terra Grapplers TRD Sticker Delete
    that is correct. the whole point of a Style Sheet (CSS) is to "Cascade Styles" across all files.

    once you have completed your HTML file and inline styles, then you can cut those styles and insert them into your own CSS file. i would do this to learn how to read/create CSS code.

    does that make sense?
     
  6. Dec 12, 2009 at 8:27 AM
    #6
    epa4wd

    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,139
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2015 TRD Sport
    Clazzio Seat Covers Extang Tri-Fold Soft Tonneau Cover TRD Skid Plate AMP Research Electric Steps 43% Llumar Security tint TRD Exhaust Fox 2.0 coilovers and rear shocks 16" TRD Fake Beadlocks Custom LED Cube mounts in foglight location TRD Pro Grill Wheelers progressive aal
    I agree, but for me the benefit of CSS is exactly that only having to edit one file otherwise I would not use CSS at all, just apply properties in HTML.
     
  7. Dec 12, 2009 at 8:28 AM
    #7
    epa4wd

    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,139
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2015 TRD Sport
    Clazzio Seat Covers Extang Tri-Fold Soft Tonneau Cover TRD Skid Plate AMP Research Electric Steps 43% Llumar Security tint TRD Exhaust Fox 2.0 coilovers and rear shocks 16" TRD Fake Beadlocks Custom LED Cube mounts in foglight location TRD Pro Grill Wheelers progressive aal
    +1 thats a good tip.
     
  8. Dec 12, 2009 at 8:38 AM
    #8
    relmone

    relmone Active Member

    Joined:
    Dec 6, 2009
    Member:
    #27083
    Messages:
    35
    Gender:
    Male
    First Name:
    Dustin
    Little Rock, Arkansas
    Vehicle:
    2009 Speedway Blue 4x4 Tacoma
    Weld Racing Wheels (Powder Coated Matte Black) NITTO Terra Grapplers TRD Sticker Delete
  9. Dec 12, 2009 at 8:59 AM
    #9
    relmone

    relmone Active Member

    Joined:
    Dec 6, 2009
    Member:
    #27083
    Messages:
    35
    Gender:
    Male
    First Name:
    Dustin
    Little Rock, Arkansas
    Vehicle:
    2009 Speedway Blue 4x4 Tacoma
    Weld Racing Wheels (Powder Coated Matte Black) NITTO Terra Grapplers TRD Sticker Delete
  10. Dec 12, 2009 at 10:46 AM
    #10
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    Thanks Gang! Keep 'em coming!
    I'm just jumping in here quick, but I'll go over all the posts again when I have more time.

    The whole reason I'd like to go with CSS is because you can make changes to the style sheet and it'll carry across all pages. That's what I need.
     
  11. Dec 30, 2009 at 7:24 AM
    #11
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    Quick question... and this might be a stupid one...

    HTML pages contain the content
    CSS pages contain the styling (so to speak)

    Say for instance, I create a generic layout with linked buttons on the side and title on the top, etc. I know FRAMES is rather old technology and I don't want to use it -however- the concept behind it is where I'm headed.....

    I would assume the general framework (code) of the main page should be copied & pasted (so to speak) into every page there-after to copy the links, and keep a general structure/feel/look through-out.
    Now - say for instance I wanna ADD a linked button that will change in ALL corresponding pages through-out the website?

    Is this something CSS does? Does CSS contain content that you can add/remove to the entire site as well as changing the styles/look through out the entire site?

    Or, is there another method that does this.....(aside from frames)?

    Ugh....I should've taken this stuff in college!! But then again, this shit didn't exist when I was in college.
     
  12. Dec 30, 2009 at 7:38 AM
    #12
    rutherk1

    rutherk1 ElPhantasmo&TheChickenRunBlastarama

    Joined:
    Feb 26, 2008
    Member:
    #4966
    Messages:
    814
    Gender:
    Male
    Vehicle:
    09 Silver TRD 4door
    Basically yes. HTML is your markup. CSS is the style sheet you can use to add styles to your markup. They are not necessary. You can put styles in your HTML markup like < span style="border 1px solid #ff99cc;" >test< /span > without using a style sheet but global changes to the style are more tedious.

    But if you have a stylesheet with a class called MySpan you can put the border 1px solid #ff99cc in there and just set the class (of CssClass if a server side .net HTML control (for example). to class="MySpan" or whatever you name it.

    Are you using any server technology like asp.net, cold fusion, etc? Or are you just writing static HTML?

    If you are just doing static HTML and want say your Header, NAV page to be consistent you can use iframes rather than frames.

    There are a ton of options you can go down? Just start playing with it.

    HTML, CSS authoring is usually better learned with a book and/or examples.

    Good luck.
     
  13. Dec 30, 2009 at 7:59 AM
    #13
    mjp2

    mjp2 Living vicariously though myself Moderator

    Joined:
    Feb 16, 2007
    Member:
    #924
    Messages:
    17,781
    Gender:
    Male
    First Name:
    Milton Juevos Portimous II
    NJ
    Vehicle:
    '06 TRD Access Cab, v6, 6-speed
    Scaffolding and a painted grill
  14. Dec 30, 2009 at 11:57 AM
    #14
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    I already have a website that's 9 years old, 76,000 hits and countless pages. I need the external CSS style sheet. I've been looking at videos, researching online, playing around with templates/samples, looking in books, etc. This stuff is still very very mindbogging.

    So, majority of the stuff you've said, is already over my head.
    I'm using Dreamweaver and just regular html code (as much of it that I know).

    I need the flexibility of frames in a sense that I need to be able to make ONE change to the content that'll reflect in ALL the pages - similar to CSS is with the styling.

    I would rather not use frames or iframes if I don't have to - unless there isn't any EASIER alternatives for me to learn right now. I have to research iframes also.
     
  15. Jan 4, 2010 at 6:56 AM
    #15
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    Another question....

    We've managed to whip together a 'structure' site to work with and use on all over pages. My husband created some neat fireworks menus & such (complicated when you look at the coding for that).

    Now, my question is... the main index & the css files are located in the same directory. The CSS listed in code looks like this:
    <link href="Styles.css" rel="stylesheet" type="text/css" />

    Now....we'd like to use this main structure on all other htm files that already exist on our site that are within other folders.

    The CSS is supposed to control the entire site (formatting). How do we need to change that above code to ensure each html can access the CSS when they're not in the same folder?

    Do we need to change it to something like this:
    <link href="http://www.lieblweb.com/Styles.css" rel="stylesheet" type="text/css" />

    I'm thinking this is old school....but I don't know for sure. All we know is, the formatting doesn't work if we input the main structure (that we created) into another folder.

    Is there another way to direct it to that file?
    The Fireworks menus also have individual css files of their own and would have to be redirected to their main CSS files.
     
  16. Jan 4, 2010 at 7:15 AM
    #16
    relmone

    relmone Active Member

    Joined:
    Dec 6, 2009
    Member:
    #27083
    Messages:
    35
    Gender:
    Male
    First Name:
    Dustin
    Little Rock, Arkansas
    Vehicle:
    2009 Speedway Blue 4x4 Tacoma
    Weld Racing Wheels (Powder Coated Matte Black) NITTO Terra Grapplers TRD Sticker Delete
    all you need to do is put a "/" in front of your stylesheet call. like this:

    Code:
    <link href="/Styles.css" rel="stylesheet" type="text/css" />
    the "/" tells the browser to start looking in the root directory. this is called a relative URL and you have more flexibility with it.
     
  17. Jan 4, 2010 at 7:18 AM
    #17
    neontrail

    neontrail ✈ ✈ ✈ ✈ ✈ ✈ ✈

    Joined:
    Apr 9, 2008
    Member:
    #5844
    Messages:
    10,128
    Gender:
    Male
    Idaho
    Vehicle:
    2004 NISSAN XTERRA XE/SE
    De-badged, Tint 20%, Blue 48 LED dome-light, .......
    Oh this thread gave me a headach, wish you the best of luck Janster

    Here is a website I did using CSS, once you're there "right click" and "view source" and you can view the coding I did. This may or may-not help you.

    http://www.sandozinsurance.com/index.htm

    and here is the CSS coding used:
    www.sandozinsurance.com/default.css


    I can answer easy basic questions, but really I am self taught and have just learned thru trial and error.


    :D
     
  18. Jan 4, 2010 at 8:36 AM
    #18
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    THANKS!! I thought it could be done easier than that. I'm almost embarrassed that I asked that question.

    Our current website is soooooo bastardized from 9 years ago of old technology and inexperience....We're almost looking at restructuring the whole entire thing. What a job.... gotta take it one piece a time.
    And - our photo gallery isn't working either, Thanks to our host who did server upgrades & such.

    I don't see how you guys can do this for 8 hours a day - sitting at a computer all day. This is my brain after looking at all this code: :eek:
     
  19. Jan 4, 2010 at 4:04 PM
    #19
    Janster

    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,256
    Gender:
    Female
    First Name:
    Jandy
    Lancaster, PA
    Vehicle:
    2016 GMC Canyon SLT w/ LineX and....
    Nice Site!!!
    I thought I replied to this earlier but I must have accidentally closed it ..and thought it posted. :rolleyes:

    Anyway, You gotta take pride in something that you've done yourself with self taught skills. If you can get past the frustration factor while first learning. Nothing ever works correctly the first time you experiment with it. :D I personally couldn't do that kinda stuff for a living. I could never sit at a desk that long without going totally crazy (and I'd get FAT sitting around all day )laugh
     
To Top