Web site aesthetics

sirbounty
sirbounty used Ask the Experts™
on
I have a simple web site - and that's all it will really become - where I am displaying a list of items owned by the current logged on user.
I most of it all working in my very basic asp.net skills, but it's blah.

What options might I have to make it look more professional?
At this moment, it's simply a checkedlistbox, a few buttons and a couple of labels.  
I realize the answer may have loads to do with CSS.  I'm inside a corporate network so I may have limited options outside of what's natively available.

Just looking for some advice on this one...
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Chief Technology Ninja
Distinguished Expert 2018
Commented:
Hi sirbounty,

You can rely on bootstrap and its various themes, https://startbootstrap.com/ and https://bootswatch.com/ (Bootswatch themes are highly recommended as they tend to keep things simple).

Regards,
Chinmay.
David FavorFractional CTO
Distinguished Expert 2018

Commented:
Just look at any CMS + any online user list plugin + use their list styling as a starting point.

For example, https://WordPress.org with the https://wordpress.org/plugins/wp-useronline plugin.

There are 100s of plugins like this in the WordPress plugin repository.

Take a look at a few + use them as models.
Top Expert 2007

Author

Commented:
Ah true - I'd gone through a brief course on bootstrap, though I no longer have access to it.
I can certainly look into it again.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Hi,

there are tons of Bootstrap template for website and amin frontend at very low cost on https://themeforest.net/category/site-templates
this will save you time and you will have very nice interface...
Bootstrap and chart.js seem to be used everywhere these days.

Bootstrap is highly documented with tons of literature and code samples.
https://getbootstrap.com/

Same with chart.js
https://www.chartjs.org/

You could always use a free template too.
https://www.freewebtemplates.com/
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
For admin templates, many you see on themeforsest start with https://coreui.io/
Top Expert 2007

Author

Commented:
Chinmay Patel - I like the bootswatch, but I'm not sure how to fully implement it.  I didn't find much under the help section.  Any ideas?
Chinmay PatelChief Technology Ninja
Distinguished Expert 2018

Commented:
If you want to make changes to the themes then download all the files related to that theme otherwise, just click on Download button (given under each theme) and select bootstrap.min.css. Once the file is downloaded, refer it in your Layout page(if MVC) or MasterPage(If WebForms). I think your app might already have the bootstrap component. If you don't mind can you share the screenshot of your app running in the browser? you can hide sensitive part in the page, just need to have a a look at the layout once OR you can share the folder structure of your app (Especially Content folder - if it is an MVC app).
Top Expert 2007

Author

Commented:
Thanks all - this will get me started.
I'll post more if I get stuck.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial