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 12 of 12
  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Questions from a noob

    I'm having some troubles, queries I need resolved. Much thanks in advance :I

    1. When I examine a page source of a website and copy it onto Dreamweaver, in the preview it isn't the spitting image of the current website. Like, everything is down columns, whereas the actual website is more structured with rows of tables and stuff. What is done behind the scene to structure a website?

    2. Is XHTML and CSS all I need to make a website? I see some websites use Javascript, what exactly does that do and am I at a disadvantage for not using it?

    3. How exactly to websites, like webcomics, add extra pages to their content? Like, is that done in a separate document on a whole with a house style code?

    4. What is easier, making templates then coding, or making websites from scratch?

    5. What does "meta" mean?

    6. Can someone just explain the process of building a website, simply? Like, make the structure with HTML, then what?

    As you can tell, I'm very new and would like some help. Thank you.

  • #2
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    3
    Thanks
    0
    Thanked 2 Times in 2 Posts
    1. When I examine a page source of a website and copy it onto Dreamweaver, in the preview it isn't the spitting image of the current website. Like, everything is down columns, whereas the actual website is more structured with rows of tables and stuff. What is done behind the scene to structure a website?

    Depends how the site was written if the coder is using absolute path to CSS files/js file/ images you will have to go though the source and modify the code to point to your relative path. And you will have to download all the files(css, js images, etc). If your interested in just seeing how things work, I suggest using the FireBug plugin for FireFox. This will allow you to "modify" the code and you can see the changes on your screen. However, these changes are only available to you. and will revert back once you reload the page. you will even be able to debug javascript code


    2. Is XHTML and CSS all I need to make a website? I see some websites use Javascript, what exactly does that do and am I at a disadvantage for not using it?

    Javascript allows client side coding, and will give you the developer more "options" for a dynamic web page. For example, you can capture mouse events and change some state of your web site.

    3. How exactly to websites, like webcomics, add extra pages to their content? Like, is that done in a separate document on a whole with a house style code?
    Not sure about the question here. but to add additional pages you typical use the anchor tag
    <a href="somePage.html">Some Page</a>

    if you looking to include two pages on one pages, you could use iframes/frames.
    but using these could be considered bad coding and could effect SEO

    if your talking about scrolling down, just add more content to your page.

    4. What is easier, making templates then coding, or making websites from scratch?
    again not sure what you mean here. if you are "making the template" i would assume that you would be "starting from scratch"

    and what to do mean by a template? a joomla/wordpress/drupal template?
    if that is the case you should also be familiar with php.

    if your talking about just downloading a html template, "easier" would be be an opinion.


    5. What does "meta" mean?
    data about data

    6. Can someone just explain the process of building a website, simply? Like, make the structure with HTML, then what?
    plan, design (Photoshop), slice, code

  • Users who have thanked scdv2 for this post:

    zawmbee (04-24-2011)

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    1. Not sure

    2. Yes thats all you need, but Javascript could help validate forms and make your webpages a bit more dynamic

    3. Not sure

    4. Depends, i usually make mine from scratch but rather base some of my work off of templates

    5. google it

    6. Make it with HTML, and thats all you need really. You could use some PHP to process forms, and some Javascript to make your pages dynamic.
    Last edited by VIPStephan; 04-24-2011 at 07:56 AM. Reason: removed advertising link

  • #4
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by scdv2 View Post
    1. When I examine a page source of a website and copy it onto Dreamweaver, in the preview it isn't the spitting image of the current website. Like, everything is down columns, whereas the actual website is more structured with rows of tables and stuff. What is done behind the scene to structure a website?

    Depends how the site was written if the coder is using absolute path to CSS files/js file/ images you will have to go though the source and modify the code to point to your relative path. And you will have to download all the files(css, js images, etc). If your interested in just seeing how things work, I suggest using the FireBug plugin for FireFox. This will allow you to "modify" the code and you can see the changes on your screen. However, these changes are only available to you. and will revert back once you reload the page. you will even be able to debug javascript code


    2. Is XHTML and CSS all I need to make a website? I see some websites use Javascript, what exactly does that do and am I at a disadvantage for not using it?

    Javascript allows client side coding, and will give you the developer more "options" for a dynamic web page. For example, you can capture mouse events and change some state of your web site.
    Do you have to manually write out javascript code? Or are they already made, and all you have to do is add them to your site? Or is it like CSS, where you have to make a separate file then link it using "text/javascript" or something of that nature.
    3. How exactly to websites, like webcomics, add extra pages to their content? Like, is that done in a separate document on a whole with a house style code?
    Not sure about the question here. but to add additional pages you typical use the anchor tag
    <a href="somePage.html">Some Page</a>
    Oh I see. So the CSS applies to all pages as long as you link them over? I was more talking about websites like Explosm or AmazingSuperPowers.com, is ONE webcomic ONE page?
    if you looking to include two pages on one pages, you could use iframes/frames.
    but using these could be considered bad coding and could effect SEO
    I see.
    if your talking about scrolling down, just add more content to your page.

    4. What is easier, making templates then coding, or making websites from scratch?
    again not sure what you mean here. if you are "making the template" i would assume that you would be "starting from scratch"
    This is where I got confused. I was under the impression that websites could be made by JUST using HTML and CSS, with the use of images as well. I was not aware you could make a website on photoshop then just add scripts. Which is what a lot of websites do. I thought you could have images, like a border, banner and pictures in the same file as your .HTML, then just rearrange them using padding and all sorts.

    and what to do mean by a template? a joomla/wordpress/drupal template?
    if that is the case you should also be familiar with php.

    if your talking about just downloading a html template, "easier" would be be an opinion.


    5. What does "meta" mean?
    data about data
    I'll look into this.

    6. Can someone just explain the process of building a website, simply? Like, make the structure with HTML, then what?
    plan, design (Photoshop), slice, code
    Could you tell me how this http://theoatmeal.com/ site was made? I want to make a website like that. Would that just strictly HTML and CSS?
    Thanks! Replies in red.

  • #5
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Bump. Can anyone answer my questions in red? :<

  • #6
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,724
    Thanks
    41
    Thanked 191 Times in 190 Posts
    theoatmeal uses javascript as well... in case you havent found it, meta describes characteristics of the page... from what i've been told/read if you use

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    you should be good to go (most of the time)

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by zawmbee View Post
    Bump. Can anyone answer my questions in red? :<
    Not trying to be mean, but this is a forum for helping with coding issues. If you have code and post it, and tell whats going wrong, we can help. For general questions as you have posted, you should try googling them.

    Its really hard for someone to answer these types of questions, since they are kinda vague and require a LOT of time. Maybe asking one question at a time might help.
    Teed

  • #8
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by teedoff View Post
    Not trying to be mean, but this is a forum for helping with coding issues. If you have code and post it, and tell whats going wrong, we can help. For general questions as you have posted, you should try googling them.

    Its really hard for someone to answer these types of questions, since they are kinda vague and require a LOT of time. Maybe asking one question at a time might help.
    I've read a lot of HTML and CSS tutorials, and I know how they work. I just don't see how to put them into practice. Like, I don't see how a website turns from HTML tags and CSS styling to looking so professional. I simply want to know the steps taken. But now I just think a lot of the websites are designed with photoshop and coded. Which brings me to think HTML isn't all that useful, unless when you need to write out a blog post or general post. Like, if you can make a whole website using photoshop and need HTML just to add links around the site and make posts -- there's not a lot to it.

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by zawmbee View Post
    I've read a lot of HTML and CSS tutorials, and I know how they work. I just don't see how to put them into practice. Like, I don't see how a website turns from HTML tags and CSS styling to looking so professional. I simply want to know the steps taken. But now I just think a lot of the websites are designed with photoshop and coded. Which brings me to think HTML isn't all that useful, unless when you need to write out a blog post or general post. Like, if you can make a whole website using photoshop and need HTML just to add links around the site and make posts -- there's not a lot to it.
    Thats a completely ridiculous way of thinking. Yes you can create an image in PS and then slice it up to make a layout, but you STILL need html to format ALL content and CSS for ALL styling. Whats a list without html <ul> and <li> tags? Whats a paragraph without <p> tags? Just unformatted unpresentable jumbled text with no form.

    You should really do some reading and studying. Here is a good source to start.
    Teed

  • Users who have thanked teedoff for this post:

    zawmbee (04-28-2011)

  • #10
    New Coder
    Join Date
    Apr 2011
    Posts
    42
    Thanks
    5
    Thanked 4 Times in 4 Posts
    You gotta do some more learning dude. Download a video tutorial like something from lynda.com, and read the articles on css-tricks.com.

    All the questions you're asking would be explained in a good tutorial.

    Html - This is the content on a site. If you go to a page with css and javascript turned off, you will see a bunch of words and pictures.

    CSS - This is what styles the page. This is what changes the color of text, where it's positioned, the colors of the background etc.

    Javascript - This is what defines how the page behaves. If you roll over something, what happens? If you resize the window how does the page change.

    This video series documents the process of turning a photoshop mockup into a website: http://css-tricks.com/video-screenca...p-part-1-of-3/

    I think that will help you understand the process of creating a website a little better. There's a lot of resources on that site that are very helpful for beginners.

  • Users who have thanked msevrens for this post:

    zawmbee (04-28-2011)

  • #11
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by msevrens View Post
    You gotta do some more learning dude. Download a video tutorial like something from lynda.com, and read the articles on css-tricks.com.

    All the questions you're asking would be explained in a good tutorial.

    Html - This is the content on a site. If you go to a page with css and javascript turned off, you will see a bunch of words and pictures.

    CSS - This is what styles the page. This is what changes the color of text, where it's positioned, the colors of the background etc.

    Javascript - This is what defines how the page behaves. If you roll over something, what happens? If you resize the window how does the page change.

    This video series documents the process of turning a photoshop mockup into a website: http://css-tricks.com/video-screenca...p-part-1-of-3/

    I think that will help you understand the process of creating a website a little better. There's a lot of resources on that site that are very helpful for beginners.
    OK, obviously a lot more learning needs to be done. I understand that (:

    I'll go over to W3 and HTMLdog for some more in depth tutorials. Oh, and my I ask, what is the difference between HTML 5, XHTML and CSS3, CSS? Which two do I need to learn, or are they fairly the same anyway?

  • #12
    New Coder
    Join Date
    Apr 2011
    Posts
    42
    Thanks
    5
    Thanked 4 Times in 4 Posts
    They create new versions of code as time goes on as designers run into limitations with current versions of the code.

    CSS right now is technically something like 2.1, and XHTML is just the version that came out after HTML 4.

    As a designer you're at a unique point in terms of the learning process since HTML5 and CSS3 will probably be widespread in a year or two. Basically all designers are having to learn the same stuff right now, new and old. But you may not have to jump on the new stuff yet. For one, not all browsers implement CSS3 and HTML5 (which are the most current versions) the same way (according to w3c specifications). So right now it may not be the best idea to learn/ use new css3 and html5 features because a) they wont display the same in new browsers, b) for people who still use old browsers they wont function at all. So basically learn the fundamentals of CSS 2/ XHTML (because most of the features in these will still be implemented in the new versions) but be aware of HTML5 and CSS3.

    I would suggest trying to focus on learning the flow of the page, and how floats, blocks, and inline elements work because once you get that a lot of things will suddenly click.

    Start here:
    http://css-tricks.com/all-about-floats/

    Truth be told, I used css-tricks and a few other sites and learns XHTML/ CSS in a week and haven't come upon many things since then that I'm not aware of. So, I definitely like that site because of the videos and articles.

    Good luck man.


  •  

    Posting Permissions

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