+ Post New Thread
Results 1 to 15 of 15
Web Development Thread, CSS Basics & Demos in Coding and Web Development; Some basics on CSS HERE Some demos of CSS HERE...
  1. #1
    Diello's Avatar
    Join Date
    Jun 2005
    Location
    Kent, England
    Posts
    1,064
    Thank Post
    112
    Thanked 228 Times in 128 Posts
    Rep Power
    75

    CSS Basics & Demos

    Some basics on CSS HERE

    Some demos of CSS HERE


  2. #2
    mark's Avatar
    Join Date
    Jun 2005
    Posts
    3,986
    Thank Post
    269
    Thanked 52 Times in 46 Posts
    Blog Entries
    2
    Rep Power
    47

    Re: CSS Basics & Demos

    Did you do that stuff Diello?

  3. #3
    Diello's Avatar
    Join Date
    Jun 2005
    Location
    Kent, England
    Posts
    1,064
    Thank Post
    112
    Thanked 228 Times in 128 Posts
    Rep Power
    75

    Re: CSS Basics & Demos

    Nope - not mine

    Just links I ran across in the course of the day

  4. #4
    tarquel's Avatar
    Join Date
    Jun 2005
    Location
    Powys, Mid-Wales, UK
    Posts
    1,740
    Thank Post
    13
    Thanked 45 Times in 35 Posts
    Rep Power
    29

    Re: CSS Basics & Demos

    Looks good dude

    PS Ha...beat ya - now i really should get to sleep

    Cheers,
    N.

  5. #5

    Join Date
    Jun 2005
    Location
    Preston, Lancashire
    Posts
    634
    Thank Post
    11
    Thanked 6 Times in 6 Posts
    Rep Power
    22

    Re: CSS Basics & Demos

    w3schools also has some basic tutorials on most web technologies. And also full references.

    Andy.

  6. #6
    Diello's Avatar
    Join Date
    Jun 2005
    Location
    Kent, England
    Posts
    1,064
    Thank Post
    112
    Thanked 228 Times in 128 Posts
    Rep Power
    75

    Re: CSS Basics & Demos

    Also see here for a lot of good tutorials on basic HTML, PHP etc.

  7. #7

    Join Date
    Jun 2005
    Posts
    223
    Thank Post
    6
    Thanked 8 Times in 8 Posts
    Rep Power
    30

    Re: CSS Basics & Demos

    There's some really cool css stuff over at
    http://www.csszengarden.com/


  8. #8
    StewartKnight's Avatar
    Join Date
    Jun 2005
    Posts
    1,587
    Thank Post
    2
    Thanked 27 Times in 21 Posts
    Rep Power
    31

    Re: CSS Basics & Demos

    I just don't see the point in CSS, or am I missing the point? Everything on the demos can be done in basic html! I'd much rather work with layers!

  9. #9
    mark's Avatar
    Join Date
    Jun 2005
    Posts
    3,986
    Thank Post
    269
    Thanked 52 Times in 46 Posts
    Blog Entries
    2
    Rep Power
    47

    Re: CSS Basics & Demos

    Layers are CSS as far as I know.

    CSS is [or can be ideally] independant of your HTML, so you can change the design without affecting the content and vice versa. Some things are neater - like assigning styles to tags so you dont have to repeat specifying font attributes for example.

    Web design should be easy, and it will get that way in the end. Dreamweaver makes it look simple but the underlying code can be horrific.

    My favourites on zengarden are the tricks that require a web standards compliant browser such as Firefox [ie not IE]

  10. #10
    StewartKnight's Avatar
    Join Date
    Jun 2005
    Posts
    1,587
    Thank Post
    2
    Thanked 27 Times in 21 Posts
    Rep Power
    31

    Re: CSS Basics & Demos

    [quote="mark"]Layers are CSS as far as I know.

    I see the advantages of having standard font, but that doesn't take a second to do, so apart from that, I'd stick to html with layers

    and I can replicate all of the demos from zengarden in html: for example, this in dreamweaver (thanks to Woody)

  11. #11

    Ric_'s Avatar
    Join Date
    Jun 2005
    Location
    London
    Posts
    7,592
    Thank Post
    109
    Thanked 770 Times in 598 Posts
    Rep Power
    183

    Re: CSS Basics & Demos

    Quote Originally Posted by StewartKnight
    I see the advantages of having standard font, but that doesn't take a second to do, so apart from that, I'd stick to html with layers
    But if you then have, for example, 30 pages and decide that you want to change to a new font for all your h2 tags, you only have one line to edit in one CSS file.

  12. #12
    mark's Avatar
    Join Date
    Jun 2005
    Posts
    3,986
    Thank Post
    269
    Thanked 52 Times in 46 Posts
    Blog Entries
    2
    Rep Power
    47

    Re: CSS Basics & Demos

    Quote Originally Posted by StewartKnight
    and I can replicate all of the demos from zengarden in html: for example, this in dreamweaver (thanks to Woody)
    Frames - sharp intake of breath !!!

    Can't see the html and therefore how that page is done. Looks like CSS effects - dreamweaver will insert css automatically dont'cha-know?! :P

  13. #13
    StewartKnight's Avatar
    Join Date
    Jun 2005
    Posts
    1,587
    Thank Post
    2
    Thanked 27 Times in 21 Posts
    Rep Power
    31

    Re: CSS Basics & Demos

    Yes, if you want to alter all the fonts etc, you could use CSS, but you can also create a template in Dreamweaver. It's not that I'm against CSS persay, it's just that it seems over hyped to me!

  14. #14
    thom's Avatar
    Join Date
    Jul 2005
    Location
    Bedford, East Anglia, UK
    Posts
    242
    Thank Post
    4
    Thanked 6 Times in 5 Posts
    Rep Power
    20

    Re: CSS Basics & Demos

    Another great reason for CSS is to improve the accessibility of our sites(regarding people with certain special needs or portale devices). I can't wait until i get the hang of it as i have had a lot of problems using tables and layers.

    For an example of improved accesibility check out www.cst-group.com and click "turn style: off" in the bottom corner.

    Well, i was impressed

  15. #15

    Join Date
    Jul 2005
    Location
    Leicestershire
    Posts
    50
    Thank Post
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    0

    Re: CSS Basics & Demos

    Quote Originally Posted by StewartKnight
    Yes, if you want to alter all the fonts etc, you could use CSS, but you can also create a template in Dreamweaver. It's not that I'm against CSS persay, it's just that it seems over hyped to me!
    Erm, not that i wish to bash anyone's head against a certain wall any longer, but, I suspect that a template in dreamweaver makes heavy use of css...

    I'm not quite sure where this distinction you have between css and layers comes from either.... for example, take the following bit of code (with the wrong brackets co's i'm not sure whether or not this forum with interpret the html)

    (html)
    (body)
    (div id="titlelayer")
    (h1)big groovy title(/h1)
    (/div)
    (div id="navlayer")
    (link 1)
    (link2)
    (etc)
    (/div)
    (div id="centretextlayer")
    (p) hello all, I love css!(/p)
    (/div)
    (/body
    (/html)

    relatively simple, and all the properties you could ever want to set can be done from within the html tags.....

    but, what if there's 50 pages like this, all with the same nav bar and title, and all with a box in the centre for text.... if all the positions/colours/borders/font specifics are the same, why not just specify them once in a css file... thus...

    example.ccs:
    -----------------

    #titlelayer
    {
    position: absolute;
    top: 10px;
    height: 50px;
    width: 100%;
    }

    #navlayer
    {
    position: absolute;
    top: 60px;
    width: 145px;
    height: 500px;
    }

    p
    {
    font-family: tahoma, verdana, arial;
    font-size: medium;
    text-color: #FF0000;
    }


    etc etc etc...

    so, we ARE using layers, but the properties of those layers are defined in 1 CSS file for the whole site.... or are they? there's no reason you couldn't have a few css files to define slightly different properties, and to make them more readable for complex sites, but the point is, it's still a whole lot better than typing in 50 pages of html rubbish.

    as for dreamweaver.... well, that's just an abstraction (and bastardisation IMHO) of what's really going on... if you look at the html and css that dreaweaver produces, you'd cringe....

    so, html, layers, css, dreamweaver, all elements of exactly the same thing... but you'd do yourself a favour by getting to grips with css and html without the interference of macromedia. I recommend gwd text editor, but there are hundreds to try.

    erm, HTH, but i might have missed the point entirely...

    Adam

SHARE:
+ Post New Thread

Similar Threads

  1. demos!
    By sunny75 in forum MIS Systems
    Replies: 12
    Last Post: 2nd October 2007, 10:10 PM
  2. Seeting up and configring ISA 2004 basics
    By tosca925 in forum Windows
    Replies: 2
    Last Post: 22nd August 2007, 11:46 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •