Thread: My new website

  1. #16
    CS Author and Instructor
    Join Date
    Sep 2002
    OK, Joe I looked at your site. Some comments

    1. you are having (x)html problems- tutorials 2 & 3 are all "squished" together on the left side? Why?

    2. Same for your blog- your text/pictures do not look "professional". Did you use tables?

    What is your (x)html background

    Now for the tutorials

    Tutorial one:

    int main(int argc, char *argv)
    // this is where the program starts
    int main()
    Well in the program you use int main() and then you use main with command arguements- confusing


    // this will hold the user's name
    char username[20] = "";

    Notice the [20] means that username can hold 20 characters.
    Now we will put the user's name into the variable.
    Any reason why you are not using string objects, rather than C strings.
    Tutorial 3

    You just seem to show how to translate from one to the other. Why not explain what an if is and a loop (why use them, etc.)

    Finally, overall all who is this really aimed at- true beginners (which you should add more, IMHO) or just "show C++ with examples with quick explaination...

    PS: A lot of links that do not work- please fix
    Last edited by Mister C; 03-16-2006 at 07:08 PM.
    Mr. C: Author and Instructor

  2. #17
    Join Date
    Jan 2006
    The text squishing all into one side is the result of not viewing the text at 1680 x 1050; that's the resolouting of the iMac G5. I tried viewing it on a WinXP box, and yes, the text was all squished. But that's not how it looks on my computer.

    Oops, well this is my first attempt at writing a C++ tutorial. I'll go and fix those mistakes as soon as possible.

    I don't see what you mean by the links not working--when I check, they all work fine. (???)

  3. #18
    Slave MadCow257's Avatar
    Join Date
    Jan 2005
    as far as I can see "my friends blog" is the only broken link

  4. #19
    CS Author and Instructor
    Join Date
    Sep 2002

    Thumbs up

    The text squishing all into one side is the result of not viewing the text at 1680 x 1050; that's the resolouting of the iMac G5. I tried viewing it on a WinXP box, and yes, the text was all squished. But that's not how it looks on my computer.
    Remember others may not know to view it at that resolution. Good web design means you should design around that fact. It your computer- not mine.

    Do google seach- you will see that good web design includes:

    Why do we need to design for all resolutions?
    Web site design scalability - As technology advances and the configuration of monitors keep increasing it is impossible to test your site in all screen sizes. Designing stretch layouts that fit any screen resolution ensures that you know all your visitors see a visually appealing and professional site. Check out our website in different screen resolutions, you will find that it will fit the screen width.
    To fit available browser space for easy reading - Try out a fixed width site in all resolutions (especially higher than 1024x768) and see how empty and unprofessional it looks. Now take a look at this article page in all the resolutions and feel the difference. If it is necessary for you to keep a fixed width then we have given suggestions on how to do it more professionally (read below).
    To keep your viewers on your site - A site that is easy-to-use always encourages visitors to stay and read your content. For site with long pages of content this is very crucial as the amount of scrolling required is reduced. Suppose your site doesn't look good for a particular resolution it is very probable that the visitor will close the browser window feeling that the web page is not for their viewing.
    Viewer Statistics
    There are more than 40 different screen resolutions.
    1024x768 is the most popular resolution used (getting the lions share of around 60%) followed by 1280x1024 and above (around 25%) and 800x600 (around 14%). 98% of users have 800x600 and above resolution, thus, 800x600 can be taken as the minimum resolution the site should fit (other lower resolution are seldom used).
    Design Basics
    There are two ways to design your website - Table design and Table-less design (using div tags).
    For a beginner using tables is the best as there isn't much that can go wrong with the use of tables. For advanced users and design professionals designing using CSS styles and div tags is a must for optimal results of load time and to follow W3C standards.
    For stretch layouts we need to give the width of the table(s) or div(s) in percentage.
    To fit the whole screen for any resolution - the outer most table(s) or div(s) are given 100% width. If the design can be made to have just one outer table then it can be given a height of 100% to expand and fill the browser space vertically.
    To make only the content area to expand do the following. After the outer most table or div is given the width in percentage all inside cells or div tags should be given fixed widths in pixels except the content cell or div.
    If you like the fixed width concept or are forced to have a fixed width (especially when using curved graphics like in our Template 7) you can give a contrasting background color and/or a shadow effect/border to the table to make it stand out. These effects can also be used along with the stretch layout concept by giving the table or div width as 90 or 95 percent.
    Some of the templates don't fit the screen vertically due to design limitations and netscape compatibility issues. Instead of using 100% as the height, here the extra space can be cleverly hidden by using a background color or fill (example: Template 9).
    Last edited by Mister C; 03-17-2006 at 07:35 PM.
    Mr. C: Author and Instructor

  5. #20
    CS Author and Instructor
    Join Date
    Sep 2002
    Note that these are not perfect, they do not always comply with NeHe standards; I've modified them, use them only as a guide. Not all the links work; I'm leaving them as placeholders.

    NeHe Tutorial 2
    NeHe Tutorial 3
    NeHe Tutorial 4
    NeHe Tutorial 5
    NeHe Tutorial 6
    NeHe Tutorial 7
    NeHe Tutorial 8
    NeHe Tutorial 9
    NeHe Tutorial 10
    NeHe Tutorial 11
    NeHe Tutorial 12
    NeHe Tutorial 13
    NeHe Tutorial 14
    NeHe Tutorial 15
    NeHe Tutorial 16
    NeHe Tutorial 17
    NeHe Tutorial 18
    NeHe Tutorial 19
    NeHe Tutorial 20
    Well I meant links do not work- but why do you have them when they link to only. I know they are placeholders but why put all 20 out there. When you have no tutorials to point to??
    Mr. C: Author and Instructor

Popular pages Recent additions subscribe to a feed

Similar Threads

  1. How's my new Website
    By asbo60 in forum General Discussions
    Replies: 53
    Last Post: 07-10-2009, 10:10 AM
  2. Undertaking Website Building Project and Application Software Development
    By Programmer168 in forum Projects and Job Recruitment
    Replies: 0
    Last Post: 03-21-2009, 04:44 AM