Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    index.html and default.css

    hey guys, as you can tell im new to the website scene, i have basically done a mock up beta type for my website via dreamweaver, when i copy the HTML code it obviously goes on the index.html file, but that just uploads skeleton, where do i add the css? i have cPanel, what directory do i put it on ?

  • #2
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    its fine done it :P

  • #3
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    411
    Thanks
    2
    Thanked 32 Times in 32 Posts
    If you are new to web development, then don't use tools like Dreamweaver. Take the time to learn to work with just a straight text editor and a browser. That way you will lear how to directly manipulate the code and create your own signature style. Then you find that you can get around the restrictions imposed by "easy to use" tools by going straight into the code.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #4
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    kylenathrender, you can add your css in an external style sheet, an internal style sheet (inside the html page that you're coding), or inline.

    Your best practice would be to use an external style sheet.

    The cascading priority order is such:

    1 Inline CSS
    2 Internal CSS
    3 External CSS

    That means that any inline css that you use will take precedence over internal and external styling. Internal styling will have precedence over external styling.

    To link to an external css document, include the following tag in between the HEAD tags of your html document:

    <link rel="stylesheet" type="text/css" href="default.css">

    Make sure that the href uses the correct path and that the spelling of your css document is correct.

    To include css styling internally (inside of your current html document), do as such in between the HEAD tags of your html document:

    <style>
    hr {color: black;}
    p {margin:0 auto}
    body {background-image: url("images/background.jpeg");}
    more css...etc etc...
    </style>

    To include css inline (use sparingly!!!), do as such:

    <div style="margin:0 auto; padding 10px; border: 1px solid #000;">This is a paragraph.</div>

    Once you have a better understanding of how everything ties together, I would recommend learning a framework. There are quite a few and I'm not going to spark a debate on which one is better. Here is a link to start you off, but you should research further on the web before you 'dive in' and figure out which best fits your needs: 15 Best HTML & CSS Frameworks 2014 for Web Designers | DesignZum

  • #5
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    kylenathrender, also learn to use FTP software to manage your web files and directories on the server. It's easier than you may think, and you'll actually save a ton of time versus using CPanel. I recommend using FileZilla: https://filezilla-project.org/

    Here is the link on how to use FTP and the Filezilla software:

    https://wiki.filezilla-project.org/Using


  •  

    Posting Permissions

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