Need Help With HTML/CSS Outline For Website

[That_Random_Guy]

Hello and Thank You for those that bothered to take a look and help me out!

 

So, as you probably already guessed, I need some major tips and if at all some suggestions in correcting/improving the overall site structure of my soon-to-be blog-ish site. I intend to include a overall slim and easy on the eyes structure. I'm no pro at designing web pages-- in fact, I just finished taking a basic web development class at my community college and am only getting started on really getting things done. So as to progress even more, I thought I'd come onto this site, hoping that I'd find people who are even more so capable and knowledgeable than me in this area-- moving onto details of the site--

 

My aim for this site is to have a news-feed/stream implimented as the main focus of the site, which consists of either content of my choosing, for exmaple: updates on a certain current event in the manga industry (manga: japanese comics), videos or specific vloggings I've posted or want others to view-- or related content. I've included a photo as an attachment to give you an idea of how I'd want that to look like, more or less. Just think of those smaller windows/panels being put right under my header and such. I also plan to include a way for users to become members of my site (for free) where they'd then have access to posting comments and or creating postings of their own as well as having the option to take part in polls or other interactive means. I'd also like it if I could have something of a forum area to the site where users are allowed to start conversations and the like. That's the idea I have now for the site, so all it is now is an ideal framework. The reason I am mentioning this to you at all is not so that you can make the site for me, but instead help me prepare myself for whats to come and maybe give me some tips and explanations of what I'd need to do in order to properly set up what I have in mind.

 

I realize my idea is not that original as there are plenty of sites around that feature and offer the same deal, but I've always felt something missing in those at present. And so I somehow or another got the resolve to make my own. I may never make it out there or raise enough populace to succeed in my goals, but I'll never know until I try! So, with that said, I have also included my original html back-bone structure (as an attachment) for you to see what I have so far and maybe you can help me out by telling me what's good and what's bad. Please do not refrain from being honest. I'll consider every opinion and suggestion I get, so feel free to give your input. As small as it may sound to you, it just might help me out big time.

 

Things I noticed to be off is the spacing of my header and footer and everything else pretty much. Should I adjust these? If so, how? By how much? Where else should I pay extra attention to (i.e. margin, border, padding, etc.)?

 

I know it might sound like a chore to some of you, but I'd be real gratefull to those who at least tried to look at my code. I don't expect a lot of feedback, but if you could at least look at my html and css, telling me what's wrong with the random side-gaps in my navigatoin bar, I would be giddy enough.

 

Once again, I'd like to thank those who try to help me out and if you have any further questions of me, you can contact me via this site. I think there's an option to send personal messages or something (haven't been here long).

 

I leave it to you guys,

 

- Bryan

 

MY HTML: example_html5.html

Picture (of StumbleUpon site) for reference:

[Ingolme]

You can look into libraries to do what you want. The particular design you're going for is a ser of columns. To make columns, you create a series of containers, it can be a <div> element but if you can find a more semantically appropriate element (<section>, <article>) it would be better. The containers would have a percentage width, with percentage left and right margins. You can put other containers inside each column. There's a Javascript library called masonry.js (search for it) which will organize boxes for you on your page as well.

 

As for letting users register, search for content management systems (CMS). It would take you many many years of learning and months of work if you were to try to make a content management system from scratch.

[That_Random_Guy]

You can look into libraries to do what you want. The particular design you're going for is a ser of columns. To make columns, you create a series of containers, it can be a <div> element but if you can find a more semantically appropriate element (<section>, <article>) it would be better. The containers would have a percentage width, with percentage left and right margins. You can put other containers inside each column. There's a Javascript library called masonry.js (search for it) which will organize boxes for you on your page as well.

 

As for letting users register, search for content management systems (CMS). It would take you many many years of learning and months of work if you were to try to make a content management system from scratch.

Thanks for your input!