| 1 User(s) are reading this topic (1 Guests and 0 Anonymous Users) |
|
Members Helping Members, v1: Learning HTML and CSS |
|
|
|
 Sep 22 2006, 06:30 PM
|
Firefox's personal PR Dude
Posts: 6,203
Joined: 1:00pm January 4, 2005
Location: Seafaring on the S.S. Silver Inklish
|
This is the first thread of this sort in this forum. Its purpose is to provide a place for members to discuss with one another how to code in HTML, including both the more simple (and deprecated) tags for italics, underlining, font, etc. as well as the more complex table tags and div tags. HTML will not be enabled in posts; however, you can create a Google webpage for free by visiting this link and demonstrate HTML there.
Instructions for demonstrating HTML on Google Pages: Set your layout and look to be as simple as possible, and select the main content box and click on "Edit HTML" at the bottom-right to write HTML code into that box. Then click the Publish button near the top and it will give you a link to use in order to show off your page, which will look similar to http://yourname.googlepages.com/sample
NOTE: The Leaky Lounge is not responsible for inappropriate content that may be placed on someone's Google webpage that is linked from this thread. Click at your own risk. (just in case)
Keep in mind the title of this thread: members helping members. Please help one another to learn, as the technical staff don't always have the time to visit this thread, but also be aware that the people helping you might only be guessing at the right answer, so try to use resources such as tutorial sites in addition to this thread if you have questions or are confused.
--Nick
--------------------
Kiss a little baby. Give the world a smile.
And if you take an inch, give them back a mile.
Cause if you lie like a rug, and you don't give a damn,
you're never going to be as happy as a clam.
~It's a Big, Old Goofy World, by John Prine |
|
|
|
|
Sep 22 2006, 06:55 PM
|
Firefox's personal PR Dude
Posts: 6,203
Joined: 1:00pm January 4, 2005
Location: Seafaring on the S.S. Silver Inklish
|
So, part one of learning HTML is formatting, or making your text appear in the way that you want it to appear. This is similar to formatting in Microsoft Word or other word processing programs, and it's also similar to the BB code that is used to format posts on this forum. You can change font, size, color, and several other things using HTML.
HTML is used by placing bits of code called tags around content on your webpage. Tags have different names based on what they do, such as the font tag or the table tag. A tag is made by putting angle brackets "<" and ">" around the tag name, like so:
CODE
In order to format a piece of text in HTML, you must surround that text by two tags, called the opening tag and the closing tag. Everything between the opening and closing tags will be formatted according to the type of tag you used. For example, if we use the u(nderline) and b(old) tags on bits of text, it would look like:
CODE <u>sample text</u>
<b>sample text</b>
Most tags aren't this simple, though, and involve using attributes to define exactly how you want the text between the tags to change. Examples of the more useful formatting attributes inside their respective tags are:
CODE <font face='sans-serif' size='4' color='darkblue'>sample text</font> <div align='center'>sample text</div>
For a more detailed description of HTML, plus several practice exercises, I recommend checking out the W3Schools tutorial on HTML, a free resource.
--Nick
--------------------
Kiss a little baby. Give the world a smile.
And if you take an inch, give them back a mile.
Cause if you lie like a rug, and you don't give a damn,
you're never going to be as happy as a clam.
~It's a Big, Old Goofy World, by John Prine |
|
|
|
|
|
Sep 29 2006, 01:28 AM
|
Firefox's personal PR Dude
Posts: 6,203
Joined: 1:00pm January 4, 2005
Location: Seafaring on the S.S. Silver Inklish
|
Has anybody tried this yet?
If so, have those who have tried it put the results somewhere online to show to everyone else?
I get the feeling that people are excited about this but aren't sure what to do, and the thing to do would be to try it out yourself and post the results onto a Google webpage (see above) or other sort of online location where everyone can see it.
--Nick
--------------------
Kiss a little baby. Give the world a smile.
And if you take an inch, give them back a mile.
Cause if you lie like a rug, and you don't give a damn,
you're never going to be as happy as a clam.
~It's a Big, Old Goofy World, by John Prine |
|
|
|
|
|
Sep 29 2006, 01:22 PM
|
Flesh-Eating-Slug Catcher
Posts: 195
Joined: 6:27pm April 30, 2006
Location: Pennsylvania, USA
|
I'm taking the college Web Design course this year, so we're doing a lot of simple web pages and stuff in class at the moment. I'll upload some of them when I get time, basically we've been focusing on creating ordered/unordered lists, inserting images, formatting, and now hyperlinks and section "bookmarking". I'll try to make these available sometime within the next week. If there's something that you've been dying to know how to do with HTML, then let me know. 
--------------------
- Robert QUOTE Even by the dim light of the lantern Harry could tell that Mrs. Weasley had turned bright red; he himself felt suddenly warm around the ears and neck, and hastily gulped soup, clattering his spoon as loudly as he could against the bowl.
"Mollywobbles," whispered a mortified Mrs. Weasley into the crack at the edge of the door. |
|
|
|
|
|
Oct 1 2006, 03:32 AM
|
Firefox's personal PR Dude
Posts: 6,203
Joined: 1:00pm January 4, 2005
Location: Seafaring on the S.S. Silver Inklish
|
That's a good idea, JSBulldog89. In fact, I think what this thread needs is a poll in order to guage members' interests in various areas of HTML, so...I made one.
Please vote for whichever aspect of HTML you find yourself most interested in, and we'll try to deliver! I also put CSS up there because it's very intertwined with HTML as far as graphically designing a website. If there is an aspect of HTML or CSS not listed in the poll that you'd like to discuss, please say so in this thread.
Also: if any of you are interested in a Firefox extension that works as a dictionary of HTML and CSS (and Javascript) tags, attributes, styles, etc. along with links to detailed explanations of them, then look no further than here.
--Nick
--------------------
Kiss a little baby. Give the world a smile.
And if you take an inch, give them back a mile.
Cause if you lie like a rug, and you don't give a damn,
you're never going to be as happy as a clam.
~It's a Big, Old Goofy World, by John Prine |
|
|
|
|
|
Oct 27 2006, 02:17 PM
|
Firefox's personal PR Dude
Posts: 6,203
Joined: 1:00pm January 4, 2005
Location: Seafaring on the S.S. Silver Inklish
|
JoanofMyself, you should be able to get an account without having to text message:
https://www.google.com/accounts/NewAccount
CSS stands for Cascading Style Sheets. It's a method of designing webpages without just relying on HTML--it goes beyond that and really allows a huge amount of control with how things are placed on the page, how they appear, and also how they change as the reader moves their mouse around or clicks on things. It stores "style" information (i.e. how the page should look) in a separate file, so by having several different pages use that same file, you can make your whole website full of pages have the same theme and overall style.
For example, the forum uses CSS to make the topics, the forums, the main board page, the control panels, the messenger, the posting screen, etc. look stylistically the same, and it does that in part by using the same CSS file for all of those pages. It also has a few other tricks up its sleeve to achieve this, like using the same global template throughout the Lounge, meaning that the whole top area and the sidebar are the same no matter which Lounge page you're looking at, and that gives a feeling of familiarity as one browses through different areas.
If you have any more specific questions, by all means ask them!
--Nick
--------------------
Kiss a little baby. Give the world a smile.
And if you take an inch, give them back a mile.
Cause if you lie like a rug, and you don't give a damn,
you're never going to be as happy as a clam.
~It's a Big, Old Goofy World, by John Prine |
|
|
|
|
|
Oct 27 2006, 04:42 PM
|
Monster Book Stacker
Posts: 403
Joined: 6:15pm December 6, 2005
Location: Virginia
|
QUOTE(NickTLC @ Oct 27 2006, 03:17 PM) [snapback]990382[/snapback] JoanofMyself, you should be able to get an account without having to text message: https://www.google.com/accounts/NewAccountCSS stands for Cascading Style Sheets. It's a method of designing webpages without just relying on HTML--it goes beyond that and really allows a huge amount of control with how things are placed on the page, how they appear, and also how they change as the reader moves their mouse around or clicks on things. It stores "style" information (i.e. how the page should look) in a separate file, so by having several different pages use that same file, you can make your whole website full of pages have the same theme and overall style. For example, the forum uses CSS to make the topics, the forums, the main board page, the control panels, the messenger, the posting screen, etc. look stylistically the same, and it does that in part by using the same CSS file for all of those pages. It also has a few other tricks up its sleeve to achieve this, like using the same global template throughout the Lounge, meaning that the whole top area and the sidebar are the same no matter which Lounge page you're looking at, and that gives a feeling of familiarity as one browses through different areas. If you have any more specific questions, by all means ask them! --Nick
Hmm, thanks for answering my question about CSS. I signed up for the google account you linked to. Thats something separate from the web page maker. I went to the link you had in your first post and signed in with my name account and it said, "Sorry, you're going to need a Gmail account." [b]Its okay though, I dont need one that badly.[/b]
|
|
|
|
  Similar Topics
 Similar Topics
|
Sorting is now open for our Prisoner of Azkaban reading groups! Click here to sort!
Shopping at The Cauldron Shop supports this forum!
|
