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
    Quick Links: Plasti-Dip Question Do you have a tool box with your Shell, Soft Top or Tonneu Cover Any DIY house people here? Radon detector? Hot water hookup on garden hose Work Pants What mattress do you use?

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

    #1
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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!!
     
    Janster, Dec 12, 2009
    #1
  2. Dec 12, 2009 at 8:06 AM
    #2
    epa4wd

    #2
    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,323
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2019 SR
    Clazzio Seat Covers OR Wheels 40% tint Side Steps KC Fog Lights
    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.
     
    epa4wd, Dec 12, 2009
    #2
  3. Dec 12, 2009 at 8:15 AM
    #3
    relmone

    #3
    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.
     
    relmone, Dec 12, 2009
    #3
  4. Dec 12, 2009 at 8:21 AM
    #4
    epa4wd

    #4
    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,323
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2019 SR
    Clazzio Seat Covers OR Wheels 40% tint Side Steps KC Fog Lights
    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.
     
    epa4wd, Dec 12, 2009
    #4
  5. Dec 12, 2009 at 8:26 AM
    #5
    relmone

    #5
    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?
     
    relmone, Dec 12, 2009
    #5
  6. Dec 12, 2009 at 8:27 AM
    #6
    epa4wd

    #6
    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,323
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2019 SR
    Clazzio Seat Covers OR Wheels 40% tint Side Steps KC Fog Lights
    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.
     
    epa4wd, Dec 12, 2009
    #6
  7. Dec 12, 2009 at 8:28 AM
    #7
    epa4wd

    #7
    epa4wd Well-Known Member

    Joined:
    Mar 17, 2009
    Member:
    #14828
    Messages:
    2,323
    Gender:
    Male
    First Name:
    Eduardo
    Vehicle:
    2019 SR
    Clazzio Seat Covers OR Wheels 40% tint Side Steps KC Fog Lights
    +1 thats a good tip.
     
    epa4wd, Dec 12, 2009
    #7
  8. Dec 12, 2009 at 8:38 AM
    #8
    relmone

    #8
    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
    relmone, Dec 12, 2009
    #8
  9. Dec 12, 2009 at 8:59 AM
    #9
    relmone

    #9
    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
    relmone, Dec 12, 2009
    #9
  10. Dec 12, 2009 at 10:46 AM
    #10
    Janster

    #10
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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.
     
    Janster, Dec 12, 2009
    #10
  11. Dec 30, 2009 at 7:24 AM
    #11
    Janster

    #11
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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.
     
    Janster, Dec 30, 2009
    #11
  12. Dec 30, 2009 at 7:38 AM
    #12
    rutherk1

    #12
    rutherk1 ElPhantasmo&TheChickenRunBlastarama

    Joined:
    Feb 26, 2008
    Member:
    #4966
    Messages:
    807
    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.
     
    rutherk1, Dec 30, 2009
    #12
  13. Dec 30, 2009 at 7:59 AM
    #13
    mjp2

    #13
    mjp2 Living vicariously through myself Moderator

    Joined:
    Feb 16, 2007
    Member:
    #924
    Messages:
    21,887
    Gender:
    Male
    First Name:
    Milton Juevo Portimous II
    NJ
    Vehicle:
    Current: '21 Bronco Badlands. Previous: '06 TRD Access Cab, v6, 6-speed
    mjp2, Dec 30, 2009
    #13
  14. Dec 30, 2009 at 11:57 AM
    #14
    Janster

    #14
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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.
     
    Janster, Dec 30, 2009
    #14
  15. Jan 4, 2010 at 6:56 AM
    #15
    Janster

    #15
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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.
     
    Janster, Jan 4, 2010
    #15
  16. Jan 4, 2010 at 7:15 AM
    #16
    relmone

    #16
    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.
     
    relmone, Jan 4, 2010
    #16
  17. Jan 4, 2010 at 7:18 AM
    #17
    neontrail

    #17
    neontrail ✈ ✈ ✈ ✈ ✈ ✈ ✈

    Joined:
    Apr 9, 2008
    Member:
    #5844
    Messages:
    10,109
    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
     
    neontrail, Jan 4, 2010
    #17
  18. Jan 4, 2010 at 8:36 AM
    #18
    Janster

    #18
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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:
     
    Janster, Jan 4, 2010
    #18
  19. Jan 4, 2010 at 4:04 PM
    #19
    Janster

    #19
    Janster [OP] Old & Forgetful

    Joined:
    Mar 25, 2007
    Member:
    #1138
    Messages:
    14,339
    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
     
    Janster, Jan 4, 2010
    #19

Products Discussed in

Mobil 1 104361 75W-90 Synthetic Gear Lube - 1 Quart (Pack of 2)
$29.67
VIAIR 88P Portable Compressor Kit (12V, 120 Psi, Forup to 33" Tires)
$89.95
Toyota Oil Filter Cap - 15620-31060
$18.88
BAOFENG UV5R Ham Radio Handheld Long Range (UV-5R 8Watt) UHF/VHF Radio with 2 Rechargeable Battery, Handheld Walkie Talkies for Adults with Earpiece, GV-771 Antenna, Programming Cable (3rd Gen)
$49.99
Baofeng UV-5R Ham Radio Long Range Handheld UV5R Dual Band 3800mAh Rechargeable Two Way Radio Walkie Talkies for Adults with Earpiece,Speaker Mic and Programming Cable Full Kit (Black-1Pack)
$39.97
NOCO Boost Plus GB40 1000A UltraSafe Car Battery Jump Starter, 12V Battery Pack, Battery Booster, Jump Box, Portable Charger and Jumper Cables for 6.0L Gasoline and 3.0L Diesel Engines, Gray
$99.95
M18 Cordless Lithium-Ion 6-1/2" Circular Saw - 2630-20 - ( MILWAUKEE ) - BARE TOOL
$79.00
VIVOSUN 10"x 20.75" Seedling Heat Mat and Digital Thermostat Combo Set, UL & MET-Certified Warm Hydroponic Heating Pad for Germination, Indoor Gardening, Greenhouse
$30.99
MySoil - Soil Test Kit | Grow The Best Lawn & Garden | Complete & Accurate Nutrient and pH Analysis with Recommendations Tailored to Your Soil and Plant Needs
$29.99
Tire Inflator Air Compressor, Compatible with Dewalt 20v Max Battery WITLIGHT 160 PSI Cordless Portable Electric Air Pump with Digital Pressure Gauge for Car, Bike, Sport Ball (TOOL BARE) (Yellow)
$29.99
BAOFENG UV-5G (UV-5X) GMRS Radio, Long Range Rechargeable Two Way Radio with NOAA Weather Receiving & Scanning, GMRS Handheld Radio for Adults, Support Chirp, 2 Pack
$49.99
Kolpin 53360 ATV Front Rack Gear Basket, Black
$110.33
SALIRION ATV Front Cargo Basket,Universal ATV/UTV Storage Rack,36" L x 17" Wx 6.33" H Heavy Duty Steel Luggage Carrier with Mesh Frame,500 lbs Capacity,Black
$105.99
HOSE KIT FOR 3/8" ID NIPPLE FUMOTO VALVES
$9.94
Cleaner Set for Carbon Kit Welding Tip Cleaners for Cutting Torches Nozzles Tips Gas Orifices Sprinklers and Shower Heads, 13 Wire Set (8 Pieces)
$13.99
TireMinder Solar Powered Trailer TPMS, 4 Tire Kit
$178.02
BAOFENG UV-5R Dual Band Two Way Radio (Black), 144-148MHz & 420-450MHz
$18.39
ESTWING Fireside Friend Axe - 14" Wood Splitting Maul with Forged Steel Construction & Shock Reduction Grip - E3-FF4, Blue
$34.97
Super Lube 56204 O-Ring Silicone Lubricant, Clear
$12.96
Fumoto Original F103S LC-10 Lever Clip FS-Series Engine Oil Drain Valve, 1 Pack
$36.99
HELLA 003399801 Supertone 12V High Tone/Low Tone Twin Horn Kit with Red Protective Grill, 2 Horns
$39.31
ESI Ultimate Tailgate Seal with Taper Seal 10ft for use with Truck Caps and Tonneau Covers
$27.95
Midland – MXT275 MicroMobile® GMRS Radio – 15 watts Two-Way Radio with Integrated Control Microphone – Overland Caravanning Tractors – Detachable External Magnetic Mount Antenna - 8 Repeater Channels
$164.99
Midland – MXT115 - 15 Watt GMRS MicroMobile Two Way Trails Radio - Off Roading Outdoor RZR Farm - 8 Repeater Channels Extended Range - External Magnetic Mount Antenna - NOAA Weather Alerts
$164.99
Toyota Genuine Parts 90915-YZZD3 Oil Filter 1 Case (QTY 10)
$53.74
Toyota/ exxon mobil Case of 6 Quarts Full Synthetic TGMO SN 0W-20 Oil
$53.20
Dongar Dashcam Power Adapter (12-pin for '15-'23 Toyota Tacoma. Also Compatible with Select Sienna, Honda, and More), Connects to Rearview Mirror, Built-in USB Power Source, Easy to Install
$32.99
Motivx Tools Oil Filter Wrench for Toyota Camry, Tundra, Tacoma, 4Runner, RAV4 and More - 64mm 14 Flute Precision CNC Machined Aluminum Oil Filter Removal Tool
$29.95
Cocoon CPG5BK GRID-IT!® Accessory Organizer - Small 10.25" x 5.125" (Black)
$16.48
Don't Eat The Yellow Snow: Pop Music Wisdom
$19.98
Ettore Grip'n Grab: Multi-Purpose Reach Tool with Rotating Rubber Grip Head, Blue
$19.78
Carhartt Men's Big and Tall Heavyweight Wool Blend Boot Sock, Heather Gray, Shoe Size: 11-15
$19.66
First Aid Only 4" X 4" Water Jel Burn Dressing, Sterile (Pack of 3)
$19.95
Spicer 211932X Boot Kit
$19.67
Diono Super Mat Car Seat Protector for Infant Car Seat, Booster Seat and Pets, Crash Tested, Thick Padding, Non Slip Backing, Durable, Water Resistant Protection, 3 Handy Mesh Storage Pockets, Black
$19.59
Camco Bucket Toilet Seat with Lid - Converts Standard 5 Gallon Bucket into Portable Toilet for Camping - Convenient Camping Toilet for Hunting & More - Includes 3 RV Toilet Waste Bags (41546)
$19.79
CURT 49060 2" x 6" Weld-On Raw Steel Trailer Hitch Receiver Tube, 1 Count (Pack of 1)
$19.95
Poop Sign - Yes Sit Down, No Bend Over 90 Degree Poo Framed Print Poster Wall or Desk Mount Options
$19.95
Ministry of Sound: The Sound of Dubstep 3
$19.79
Smith & Wesson SWFR2S 8in High Carbon S.S. Folding Knife with 3.3in Tanto Point Serrated Blade and Aluminum Handle for Outdoor, Tactical, Survival and EDC
$19.89
MUYI 5 Kit 6 Pin Way DT Series Connector Gray Receptacle IP67 Waterproof Heavy Duty 14-18 AWG 13 Amps Continuous DT04-6P DT06-6S w/Wedge Lock W6P W6S (5 Kits, 6 Pin)
$20.99
Whataburger Spicy Ketchup - (3 pack/20oz)
$20.90
To Top