How can I Create CSS website?

Discussion in 'HTML & Website Design' started by Cuekal, Nov 28, 2010.

  1. #1
    Hello Friends,

    I am a new in web design field, I have knowledge photo shop, flash, html. I want to know that how to create a css website. Anyone help me.


    Thanks in Advance
     
    Cuekal, Nov 28, 2010 IP
  2. suzyjews

    suzyjews Member

    Messages:
    55
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    43
    #2
    I wold recommend you do some further reading on CSS. There is an indepth article on the basics and how to setup a website in the link below please replace (dot) with (.)

    www(dot)green-beast.com/build-css/
     
    suzyjews, Nov 28, 2010 IP
  3. ronc0011

    ronc0011 Peon

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    CSS is not for building web pages, HTML is for building web pages. CSS is used to "style" or format the HTML.

    Personally I like to keep my style sheet separate from the html page ( external style sheet) this way I can do all my editing in a single place.

    To do this you place a file in your web folder with a .css extension, something like "site.css" then in the style sheet you define your styles as either classes or IDs. SO let's say you want your h1 tags to be 18 pixels high and bright red. You would define the style or "class" by giving it a name preceded with a period like so: ".MyClass". When you define a class or ID the parameters are enclosed within curly braces so you class would look like so:

    
    .MyClass
                {
                }
    
    Code (markup):
    This example is empty so to flesh it out we would define the particulars like so:


    
    .MyClass
                {
                  font-family: Tahome;
                  font-size: 18px;
                  color:Red;
                }
    
    Code (markup):
    Now in your html page you need to tell the page where the style sheet is so in the head section of the page you put a link to your style sheet with the following line.

    
    <link href-"site.css" rel="stylesheet" type="text/css" />
    
    Code (markup):
    This line tells the browser to look for any styling in your css file.

    Now in you page if you want to use this styling on an h1 tag or a p tag you simply write the tag like so:

    
    <h1 class="MyClass"> My styled heading tag</h1>
    
    Code (markup):
    You can use the class on pretty much anything that has text in it, even a div tag.
     
    ronc0011, Nov 29, 2010 IP
  4. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #4
    Here we go again, now there will be trail useless posts. BTW, signature links belongs to OP? Umm, old posts says you have websites and trying sale even. Oh I see you have knowledge on SEO. Ever heard of GOOGLE? Oh yeah you must be, why wasting time here than search in GOOGLE. you'll get a lot of results you can ever imagine to get responce over here.
     
    radiant_luv, Nov 29, 2010 IP
  5. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #5
    css is used with html to make styling of pages easier.
    best is probably buy a book and practice. or you can read online as well http://www.w3schools.com/css/default.asp
    its really easy, at least compared to flash:)
     
    webcosmo, Nov 29, 2010 IP
  6. encryta

    encryta Peon

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I wouldn't mind tutoring you, we can create a website from photoshop to a live simple site with a lot of CSS. PM me for a cheap quote if your interested.
     
    encryta, Nov 29, 2010 IP
  7. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #7
    100% Second that!! For someone with an SEO company, I find it very hard to believe that you don't know CSS... Something fishy going on here... hmmmmmm....
     
    workingsmart, Nov 29, 2010 IP
  8. bobwillz

    bobwillz Active Member

    Messages:
    685
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    61
    #8
    I think first you have to see Tutorial about CSS and learn from there ,that would be better for biginers and CSS is used with html to make styling of pages easier.
     
    bobwillz, Nov 30, 2010 IP
  9. calvin4u

    calvin4u Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    10 CSS tricks that make website looks cool instantly

    1. Image gallery with hover box preview
    2. Style A-to-Z index like BBC
    3. Alert Box
    4. CSS Sliding Sprite Window
    5. Gradient text effect using CSS purely
    6. Creating a sliding image gallery
    Sliding Image Gallery
    7. Round corner in CSS
    8. Pure CSS Line Graph
    9. Pure CSS Accordion Effect
    10. CSS rollover buttons

    Pure CSS Line Graph
     
    calvin4u, Jan 27, 2011 IP
  10. chanif.alfath

    chanif.alfath Active Member

    Messages:
    148
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    88
    #10
    maybe you can visit w3schools.com, you can learn both of xhtml and css in there,
    with a lot of example. it's my favorite learning site for web development.
     
    chanif.alfath, Jan 28, 2011 IP
  11. martin grace

    martin grace Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    My very first and quite successful experience in building html/css site was based on a pre-made template. It's always great to have something done by professionals where you can play around with this and that and save the actual copy in case you need roll back. My personal choice fall into CSS sites from flashmint [dot] com - light, fast, nice and affordable.
     
    martin grace, Jan 31, 2011 IP
  12. Yasirjazz

    Yasirjazz Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    CSS is not for creating the website its for Designing in webstie... If you are going to creating the website then use this toolz HTML or Dreamviewer
     
    Yasirjazz, Feb 1, 2011 IP
  13. Yasirjazz

    Yasirjazz Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    in simple CSS is style language that define the layout of HTML document e.g CSS cover fonts,margin,background e.t.c
     
    Yasirjazz, Feb 1, 2011 IP
  14. martin grace

    martin grace Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    It's called Dreamweaver not Dreamviewer
     
    martin grace, Feb 4, 2011 IP
  15. sandra421

    sandra421 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    I'll recommend you to start reading books and tutorilas of CSS and try to do some practice works with HTML. )))
     
    sandra421, Feb 5, 2011 IP