1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Opinions if you please :)

Discussion in 'Web Development & Web Hosting' started by IThurts, Mar 26, 2008.

  1. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Hello people,

    Please take a look at my site www.amr-portfolio.freetzi.com

    I have constructed from scratch, header/content/ navbar/ page layout/buttons all done by hand/with photoshop so be nice!!:D

    The purpose of my portfolio thus far has really been to display what i know. I also have 2 companies to produce front pages for (games shop and british standards products) which i will obviously set up a link from my portfolio for prospective employers to views. So please excuse the lack of any "real" content in my site.

    I have yet to properly learn Javascript but will get to that asap. Saying that,there is still so much more to learn for css/xhtml also so alot of work to do, but enjoying it.

    Let me know what you think with your expertise!! Even if you do not fall into that category, just let me know what you think! :D

    Under the W3C standards page i currently have different browser support images in progress. (displays my website in about 46 different browsers across a few different OS's)

    Im just having fun playing with photoshop and havent touched DW yet because i want to use notepad for all of my coding so i learn it all from its foundations....i then feel dreamweaver will be a breeze to "utilise" as ill just have to learn the various UI aspects.

    Thanks guys - - advice and design advice always welcome :)
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  2. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Any opinions guys?:oops:
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  3. GiddyG

    GiddyG Terabyte Poster Gold Member

    2,471
    42
    140
    OK... now I can open it (I tried but couldn't earlier), I like the main font in the body; however, I personally believe you're trying to do too much on the page. Keep it simple, as far as I am concerned.

    The navbar on the left would be better done in the same font as the main area.

    The page could possibly be split into several different pages or, at the very least, have links to the various headings, and back to the top or bottom of the page.

    I will have another look again later, and try to give more feedback. Please take this as constructive criticism by the way, and bear in mind there is no way I could have done something like this... so power to you! :D
     
  4. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    Did you test this in Firefox running on Windows and Linux? I opened your site on my Ubuntu machine and found that the buttons didn't seem to be displaying correctly. I'm attaching a screen capture to illustrate.
     

    Attached Files:

    • amr.png
      amr.png
      File size:
      106.3 KB
      Views:
      9
    Certifications: A+ and Network+
  5. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    First impressions (based on reviewing the site using Firefox on Ubuntu) is that the occasional popups are annoying (and Firefox isn't blocking them for some reason). The buttons I mention in my prior post don't display well and when I hover over them, the change in font from bold to regular causes the buttons to slightly resize, resulting in a "jerking" action on the screen.

    Do you really want to put your full name and date of birth on the Internet? Not sure what the risk of identity theft is, but it's good not to give any one too much ammunition to use against you. Also, your email addy is fully visible for spambots to harvest.

    The font used in your bullet lists is different than the default font used in the body text (I have that trouble on my site and need to get around to fixing it) and it makes the lists look disjointed, as if they were an afterthought.

    You probably want to generally review all the text on your site and edit the typos and such. On the main page, in the first paragraph under "Welcome to my Portfolio", there should be a space between the comma and the word "CSS". You have it expressed as:
    Sorry if I have been "picky", but if this is to be the basis of your professional portfolio, then you will need to look at it with a critical eye and be prepared for others to do so as well. Don't worry. It's a work in progress. Just remember to test it on multiple web browser and OS platforms. It may look great in IE7 but display "unusual" effects in Firefox or Safari.
     
    Certifications: A+ and Network+
  6. Mitzs
    Honorary Member

    Mitzs Ducktape Goddess

    3,282
    73
    152
    it what is with the pop ups? Very aggervating to hit a site and get a popup, but ever time you go back to the home page here it comes again. I usally avoid sites like this.

    Now for overall, you have to much going on. Too many different fonts. Also in IE7 your (MY Goal button is split in half and goes to a third line.)

    Your contact me note box at the end of every page has the last line underneath your blue box. (back-up your work before applying any alterations. I also recommend to use appropriate anti-virus/spyware precautions.) Did you use the class selector .note here?

    The table on your table page is outside of your style format on the right hand side.

    Your inclued file pages: The "Example include code" button, the example is sitting on the first line, include code is sitting on top of of your client side include files.

    On the positvie side I really do like the colors you have picked out. And your layout. You are progressing alot faster then I am.:biggrin
     
    Certifications: Microcomputers and network specialist.
    WIP: Adobe DW, PS
  7. BosonMichael
    Highly Decorated Member Award

    BosonMichael Yottabyte Poster

    19,136
    462
    374
    Someone would have to connect the dots... but considering you're a published author, people know what Tripwire45's real name is... and your birthdate is visible on this forum. The ammunition is free for the taking. 8)
     
    Certifications: CISSP, MCSE+I, MCSE: Security, MCSE: Messaging, MCDST, MCDBA, MCTS, OCP, CCNP, CCDP, CCNA Security, CCNA Voice, CNE, SCSA, Security+, Linux+, Server+, Network+, A+
    WIP: Just about everything!
  8. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    wow....
    nearly crapped my pants reading all of them negative points! lol...all good though, i understand its with positive intent.

    Ill address some of your heartaches: The pop-ups are not my fault, the free webhost i use i assume is responsible for this, and i will defo move to another free host that has no pop-ups later down the line.

    I have indeed tested my site in different browsers/OS's, but not too sure how to get around it. MOST os's and browsers were fine, apart from ubuntu and some other one iv never heard of..lol.

    out of 46 browsers, i had about 3 that were crappy looking with buttons not appearing. I believe this is something to do with the user having to "authorise" the activex controls for the page. Weird.

    I dont understand how on my IE7 it looks fine, but on your IE7 Mitz, it doesnt display right.:blink

    The different fonts someone refered to in the <ul> list are there because i havent figured out why when i include the <ul> tag within my p.class, it doesnt show in my desired fonts, it becomes seperate?? So i have left that for the minute and not included the <ul> within my <p class>

    Someone mentioned to have links to the different titles on my main page (giddy i think)...i do have this mate:blink , possibly another display error i have to amend...*sigh*

    In re to typos and the "picky" things, thanks for the reminders, however as you know, iv only just started out, and this isnt my final draft..i will amend the typs etc.:oops:

    I will remap the fonts making sure the main text at least is in one font...
    I will remap so the navbar and title link font buttons (on the main pages) are the same font as the main-text....


    The issue i have is; I am coding this with simple CSS and XHTML, and some include files using javascript, so why on earth would my site not display correctly on say ubuntu? Moreover, how do i amend simple xhtml and css to ALLOW it to display correctly on all browsers?

    Thanks again folks
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  9. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    Glad you didn't take any of that personally. :wink:

    I've been reading a lot of books on web design lately and all that stuff is still swirling around in my head.

    As far as how to style font in a list using CSS, try something like this:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    
    <head>
    	<title>Font Test</title>
    <style type="text/css">
    UL LI { list-style:disc;
            font-size: 12px;
            font-family: "new century schoolbook", serif;	
    }
    
    body  { font-family: sans-serif, Helvetica;
    }
    </style>
    </head>
    <body>
    <p>This is a sample of body text.</p>
    <ul>
    <li>List item one</li>
    <li>List item two</li>
    <li>List item three</li>
    <li>List item four</li>
    </ul>
    </body>
    </html>
     
    Certifications: A+ and Network+
  10. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Hi Trip, thanks for the tip. I actually thought about doing something like what you have suggested above before you posted. I will simply include a <ul> <li> class of some sort and specify the font and size to match that of the other paragraphs. Didnt really think about it before, but i find talking aloud makes you figure stuff out (especially web stuff) alot quicker.

    I find talking about it aloud logically makes all the difference.

    *hides face so doesnt look like a weirdo*:oops:

    ALSO - TRIP...you said that the ubuntu machine was not displaying the button "my goal" correctly, could you please tell me the screen res you are running at please?
    Thanks.
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  11. Mitzs
    Honorary Member

    Mitzs Ducktape Goddess

    3,282
    73
    152
    IT, Please do not take anything personal, we do understand that you are learning just as I am. That is why we are being so picky because we do really want you to succed at what ever you may do. I expect everyone to be just as picky about my work when I finally have something to show. It is how we learn. If it is not good enough for our buddies then it will only be worse on the users. And we want everyone to have a good exp when they come to our sites. :) And I really don't know why it looks different in my browser then yours. Try clearing your cache out and see what it looks like then. I will look at it again this evening on my lappy, I have IE6 on that one.
     
    Certifications: Microcomputers and network specialist.
    WIP: Adobe DW, PS
  12. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    I reviewed my prior posts in this thread and don't see where I referenced a "goal" section. Can you quote the sentence I wrote that you are talking about? Thanks.

    Also, you have nothing to feel embarrassed about as far as trying to figure out things. One of the reasons why CF is such a successful place is that it lets us all talk "out loud" about our technical problems and sometimes just the "talking" helps us figure things out. If not, the feedback from the other members does. If you want to see me with plenty of egg on my face, go over to the programming forum and read my threads about learning Python. I eat really big pieces of humble pie every time I post there. :wink:
     
    Certifications: A+ and Network+
  13. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    :blink....this one....:biggrin

    i hope i havent come across as though i am ungrateful for the critiscm u guys have dished out...i really am grateful and am not in any way taking the constructive nature of your comments in the wrong way at all (more so geared at mitz)

    At the very most it is a tad disheartning, but nothing a good css remedy will not fix up...and i have amended most of which you guys have referred (in re to the fonts anyway), and my site looks better for it. I have tried to remove some of the clutter too. I understand its for a good cause, so no worries...just dont call it shite and ill be ok :oops:

    Trip: i think you misunderstood me,lol, when refering to talking out loud, i literally meant i sit here and talk out loud about what i am aiming to achieve in a said situation and it helps me to process this action in a more logical manner... i see your eyes widening with caution...:eek:

    yes so...you referred to the "my goal" button as split in2, which it evidently is, i just wanted to know what screen res you were running when you viewed that/took the screenshot. possibly 800x600?
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  14. Mitzs
    Honorary Member

    Mitzs Ducktape Goddess

    3,282
    73
    152
    Well it looks better in IE6, your table is within its style. Your note box at the bottom of the pages contains all of it text now. Your links are not sitting on top of each other although you do over lap some. But this might be by design? I took a print screen so you could see what I do. But the file must have been to big it would not upload. Sorry.
     
    Certifications: Microcomputers and network specialist.
    WIP: Adobe DW, PS
  15. ThomasMc

    ThomasMc Gigabyte Poster

    1,507
    49
    111
    you need to tidy your code

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
    
    should be

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    
    <head>
    
    Code:
    <li><a href="#welcome" a name="top">Welcome to my portfolio</a></li>
    
    <h2><a name="about me">About Me</a></h2>
    
    ??

    Code:
    <table border="0" table align="justify" table bgcolor="aliceblue">
    
    do all this in css thats what its for also check the justify.

    i could go on to things like &nbsp&nbsp&nbsp&nbsp&nbsp is not terminated it should look like &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , but instead i will introduce to my friend the W3 XHTML Validator

    Good work so far though
     
    Certifications: MCDST|FtOCC
    WIP: MCSA(70-270|70-290|70-291)
  16. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    Oh...then you are some kind of nut, after all. Just kidding. :wink:

    1024x768. Think is, unless you intend to have your work viewed only at resolutions higher than mine, then you'll need to fix the buttons so they'll show correctly at lower resolutions. Either that, or figure out a way to have something else replace those buttons if viewed at 1024x768 or lower. Heaven help the user who accesses the site using a PDA. :eek::D
     
    Certifications: A+ and Network+
  17. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Well i think i MAY have done something as maybe a quick fix? I simply pulled the margin-left a little more...well..to the left to compensate for screen space...viewed it in ubuntu using firefox browser @ 1024 and looks ok to me. We'll see.

    THanks for your comments too THomas, appreciated...i realise my code isnt that great, however at times i just think sod it and write out what i know will work, with the understanding that it isnt exactrly "to standard", i should stop that really:twisted:

    Will use the validater. THanks for that!!
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  18. tripwire45
    Honorary Member

    tripwire45 Zettabyte Poster

    13,493
    179
    287
    Works on your index page but on include-files.html, The "Example include code" button splits between "Example" and "include".
     
    Certifications: A+ and Network+
  19. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Oh yes, i forgot to amend that page, will do that tongiht. Thanks for the heads up. Will update once done.
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig
  20. IThurts

    IThurts Kilobyte Poster

    284
    2
    32
    Thanks for the link..howver without turning this into a 1 for 1 type typ thing, i typed in certforums.co.uk for the validator, and this came back with 245 errors/validation failures....:blink

    I guess this place isnt a portfolio so it need not worry. Mine is a portfolio so i suppose needs to be correct to the last tag.

    <edit through shock>
    Looking at about 10 different sites validation scores....NONE pass it and most have around 2000+ validation errors...is validation even necessary..?
     
    Certifications: BTEC national Diploma Computer Studies
    WIP: See Sig

Share This Page

Loading...