Link to home
Start Free TrialLog in
Avatar of sirbounty
sirbountyFlag for United States of America

asked on

Web site aesthetics

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...
ASKER CERTIFIED SOLUTION
Avatar of Chinmay Patel
Chinmay Patel
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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.
Avatar of sirbounty

ASKER

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.
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/
For admin templates, many you see on themeforsest start with https://coreui.io/
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?
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).
Thanks all - this will get me started.
I'll post more if I get stuck.