Announcement

Collapse
No announcement yet.

Resources: Getting started in web design

Collapse
This topic is closed.
X
This is a sticky topic.
X
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resources: Getting started in web design

    As some of you may know, I'm primarily a print designer. Well, times being what they are, I know I MUST delve back into the web world. I took several classes in college; Flash, Actionscript, Dreamweaver, advanced DW, etc...but I sucked at them all. Now however, I NEED to get a few sites up as well as my portfolio online. I'm probably gonna have tons of questions for you webbies in the future, but here's a couple basic ones: I've designed my index page at 800x600, but when I preview it in the browser, I have to scroll over to see it all. I thought that size was normal screen size, what have I done wrong? Also, I'm doing my portfolio in kind of a hand drawn style using DW. I have my background all designed as a .jpg, do I have to create editable areas on top of that background in order to have text? Also, what (and I know this is asked a lot) BASIC resources would you all recommend? Ya know, like web design for dummies?
    “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

  • #2
    No offense, but you took classes in web design and you still have these basic questions.

    Go to the library or book store and get a Basic DW book and start over. If you don't have this knowledge, should you be selling these services?

    To directly answer your questions, I don't know why your 800x600 appears larger than the screen.

    As far as the background goes, use a combo of CSS and html if you go this route you could overlay the site on top of the background you have created.

    Your other option would be to slice up the image in Photoshop or Illi and optimize for web, then use tables (not recommended) but would work.

    Good luck.
    all other forms of advertising that fall out of that realm, missed the short bus to design school. - d-frag

    Comment


    • #3
      What is your screen resolution set to? If its 1024x768 or greater, a site designed for 800x600 should work without a horizontal scroll...

      Comment


      • #4
        Originally posted by INDY GS
        No offense, but you took classes in web design and you still have these basic questions.

        Go to the library or book store and get a Basic DW book and start over. If you don't have this knowledge, should you be selling these services?
        I'm not selling these services (I know full well my limitations), the sites are for myself (I'm also a fine artist) and for my GD portfolio. Also, I'd like to get back up to speed with web design. And yes, I know its lame to have taken the classes and still have these basice questions, but in my defense, it was quite a few years ago and I am a print designer. I think you have something in the start over idea, though. I guess I should go get the new DW books and do just that, thanks.


        Mike, I think I have my resolution set lower than that, but I'm at work, so I'll have to check it later at home.

        Thanks for your responses, guys.
        “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

        Comment


        • #5
          brie i'm in the same boat. i took a few web classes in school 5 years ago and things have changed so much since then. i can still do a basic table website for myself but that's about it. i was refered to this site for some help and there is a ton of info on there. http://www.w3.org/ check it out you might find some help there

          "There's something about turning the pages of a book or magazine and the felling of rubbing your hands across the words."

          This is my pen tool. There are many like it, but this one is MINE. My pen tool is my best friend. It is my life. I must master it as I must master my life. My pen tool without me is useless. Without my pen tool, I am useless.

          there is no grey area when it comes to 1 color logos.

          Comment


          • #6
            Thanks, Typ, I'd seen the W3 schools before, just not checked them out. I guess I got some studying to do!
            “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

            Comment


            • #7
              hey Brie!

              If you did 800x 600 in the 300dpi in your print setup - the conversion to 72dpi in browsers makes the resolution go up and makes you scroll like crazy wondering what you did.

              I've just started training someone else in at work on layout webpages. What I told him, is to pretend that he's making the most fabulous page ever - at the size of a business card. - it worked and he now can relate that scale to what he's doing.

              There's no real big secret when it comes to simple website design. 90% of what I do involves the same simple html that I used 10 years ago.

              If you look back in my posts - I've given several examples of simple page designs.

              Also - look up css zen garden. it does have downloadable html and css templates. All the looks on that site are controled with the css.

              If I get a moment, I'll get you some real links Brie.

              Jade

              Comment


              • #8
                Thanks, Jade, no I designed it at 72dpi, that's what's wierding me out about it. I think too, that I am making things harder than they have to be (I'm good at that). I understand CSS and some simple html, it seems that some of the basic concepts are just driving me nuts. (like how to get text to be where I want when the background is a static image). I have done quite a bit with tables in DW, but not much else. Thanks again, I'll look up css zen garden.
                “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

                Comment


                • #9
                  Originally posted by WannaBrie
                  (like how to get text to be where I want when the background is a static image).
                  have you tried using padding? or you could change the margin or padding on the p tag. anyhoo, you should get firebug if you don't have it already, makes things a lot easier.
                  portfolio | daily image | reffee

                  Comment


                  • #10
                    Originally posted by Two-Toe Tom
                    have you tried using padding? or you could change the margin or padding on the p tag. anyhoo, you should get firebug if you don't have it already, makes things a lot easier.
                    *warning*the following comments will highlight the OP's ignorance!

                    How do I use padding? (I cannot code my way out of a wet paper bag) What's firebug?
                    “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

                    Comment


                    • #11
                      firebug is a plugin for firefox, it lets you play around with the css of different element and preview it in your browser (you can also use it on existing sites and see what properties they have on their elements). it's very useful. you can download it for free here: http://getfirebug.com/

                      here's a page all about padding and how to apply it: http://www.w3schools.com/css/pr_padding.asp

                      if you've got further questions, lemme know!
                      portfolio | daily image | reffee

                      Comment


                      • #12
                        Will do, thanks, Tom!
                        “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

                        Comment


                        • #14
                          Great links, TZ, thanks! I love alistapart, informative, easy to navigate and beautifully designed and smashingmagazine rocks!
                          “The significant problems we face cannot be solved at the same level we created them.” Albert Einstein

                          Comment


                          • #15
                            If you're really having trouble, I suggest going through a bunch of the articles on the W3Schools site that Tom linked to. While you may already know some of it, if it's really been a while it's good to go over the basics again.

                            The tutorials are in the left navigation column, and while there's a lot of them, you only really need to look at the first 3 - HTML, XHTML and CSS (probably in that order). The rest are really more advanced stuff that you're probably not going to care about. If you're feeling adventurous, the Javascript ones may be worthwhile.

                            In the right column are a bunch of references for HTML/CSS and other stuff. I use those a lot.

                            A List Apart is very useful for learning about things like best practices and techniques to achieve particular effects, but it's really not worth even looking at until you've got a solid grasp of the basics.

                            Also, keep Position is Everything handy. It's the site I go to for all those "This is working in everything but Internet bloody Explorer" moments.

                            Comment

                            Search

                            Collapse

                            Sponsor

                            Collapse

                            Incredible Stock

                            Latest Topics

                            Collapse

                            GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright © 2016 Mediabistro Holdings
                            Working...
                            X