Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
LinkBack Thread Tools Display Modes
Share |
  #1 (permalink)  
Old 04-05-2010, 02:11 PM
Member
Latest Blog:
None

 
Join Date: 03-12-10
Posts: 41
iTrader: 0 / 0%
Wink Where can I try out CSS & HTML?

Ok, I've been going through the HTML & CSS course on w3schools and am ready to practice.

Is there a way I can start practicing with my content & design? I know how to use notepad to create my content & external CSS documents but I think I need to have the CSS document online for the content page to link to.

Can I just upload the CSS notepad document to my google account or somewhere else? I have my domain name, but am waiting to start paying for a hosting, otherwise, I'd just do that.
 
Reply With Quote
  #2 (permalink)  
Old 04-05-2010, 02:19 PM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 20,901
iTrader: 5 / 100%
Quote:
Originally Posted by eb626 View Post
Ok, I've been going through the HTML & CSS course on w3schools and am ready to practice.

Is there a way I can start practicing with my content & design? I know how to use notepad to create my content & external CSS documents but I think I need to have the CSS document online for the content page to link to.

Can I just upload the CSS notepad document to my google account or somewhere else? I have my domain name, but am waiting to start paying for a hosting, otherwise, I'd just do that.
You don't need any hosting or anything fancy to practice for a regular website.

Create a folder on your computer for your website files.

Create your pages with .htm or .html extension.

Create your CSS file with .css extension. (I usually put this in it's own folder.) Link to the CSS file in the head of the document. (there is an example on this page: http://www.htmlbasictutor.ca/html-do...-structure.htm) You can use relative linking for this.

Create a folder for your images. You can use relative linking for this too.

Now to practice how it is working out, double click the HTML file on your computer and it will open in your default browser.
__________________

HTML Basic Tutor - Learn how to code for better SEO
Basic Computer Information - Computer & internet basics for website owners

SEO troubleshooting and review services available. - Pm me.
 
Reply With Quote
  #3 (permalink)  
Old 04-05-2010, 03:10 PM
Member
Latest Blog:
None

 
Join Date: 03-12-10
Posts: 41
iTrader: 0 / 0%
Cool, it worked!!!

another question:
I'd like for my notepad to have line numbers. I've looked in my help files and it seems I need to download another version of notepad. When I google "notepad lines" there is a huge list of shareware. Can you direct me to the right one? It's alphabet soup out there :-)
 
Reply With Quote
  #4 (permalink)  
Old 04-05-2010, 03:16 PM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 20,901
iTrader: 5 / 100%
Moved your questions to a new thread (we were starting to get off topic in the other thread).

Notepad++ has line numbers. http://notepad-plus.sourceforge.net/uk/site.htm
__________________

HTML Basic Tutor - Learn how to code for better SEO
Basic Computer Information - Computer & internet basics for website owners

SEO troubleshooting and review services available. - Pm me.
 
Reply With Quote
  #5 (permalink)  
Old 04-05-2010, 10:26 PM
Member
Latest Blog:
None

 
Join Date: 03-12-10
Posts: 41
iTrader: 0 / 0%
Ok, whatever I did before stopped working.

I have a folder inside my root folder called "practice" and inside it is an html doc with the following in the header:
HTML Code:
<link rel="stylesheet" type="text/css" href="styles/stylesheet.css">
In a folder called "styles" I have a css document named "stylesheet.css"
with just one rule: h1 {color:#FF0000;}

When I view my html sheet in my browser, it does not show this color in the heading.

When I move the stylesheet into the same folder as the html page and change the link to
HTML Code:
<link rel="stylesheet" type="text/css" href="stylesheet.css">
I see the red text

I think I had it working before where the style sheet was in a different folder from the html doc. What am I doing wrong?

Last edited by HTMLBasicTutor; 04-05-2010 at 10:49 PM.
 
Reply With Quote
  #6 (permalink)  
Old 04-05-2010, 10:52 PM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 20,901
iTrader: 5 / 100%
Did you put the styles folder inside the practice folder?

Should look like this:
Code:
practice folder ...styles folder ......stylesheet.css ...index.htm
The styles folder and index (or page you are working on) are in the root of the practice folder.
__________________

HTML Basic Tutor - Learn how to code for better SEO
Basic Computer Information - Computer & internet basics for website owners

SEO troubleshooting and review services available. - Pm me.
 
Reply With Quote
  #7 (permalink)  
Old 04-05-2010, 11:29 PM
Member
Latest Blog:
None

 
Join Date: 03-12-10
Posts: 41
iTrader: 0 / 0%
oh, ok. Now it's working again.

So, is this how folders should be organized?

My fabulous website (folder)
....styles (folder)
.......stylessheet.css
....graphics (folder)
.......pic1.jpg
.......pic2.jpg
....pg1.html
....pg2.html
....pg100.html

I thought I could do this:

My fabulous website (folder)
....styles (folder)
.......stylessheet.com
....graphics (folder)
.......pic1.jpg
.......pic2.jpg
....webpages (folder)
........Category 1 (folder)
............pg1.html
............pg2.html
............pg25.html
........Category 2 (folder)
............Subcategory 1 (folder)
.................pg26.html
.................pg80.html
............Subcategory 2 (folder)
.................pg81.html
.................pg102.html
........Category 3 (folder)
............etc.html

My mother was a catalogue librarian. It's hard not to have subfolders down to the nth degree :-)

Thanks in advance, again!
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
What is that HTML tag for displaying text as it is in the HTML file? xarzu Coding Forum 3 06-14-2009 03:11 PM
HTML: 2 simple html codes. mybluehair Coding Forum 6 04-20-2007 11:59 AM
HTML: What if html tidy messes with the page layout ? Linda in NY Coding Forum 63 04-18-2007 08:54 AM
Google Toolbar About.HTML HTML Injection Vulnerability imaginemn Google Forum 5 09-21-2004 11:06 AM
Is there a scipt adding new html to existing html automatic? crazyhorse Coding Forum 6 07-29-2004 03:32 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 05:10 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2014 Escalate Media




Search Engine Optimization by vBSEO 3.6.0 RC 2 ©2011, Crawlability, Inc.