Solved

Downloading CSS Template to use for WebPage Question.

Posted on 2014-01-14
2
247 Views
Last Modified: 2014-01-17
Hi,

I am new to website development.  I have downloaded a Free CSS Template and HTML webpage to use in my website I am creating.  When I down load the site and extract the folder, I notice a lot of html extension files. I know that the Index.html file is the homepage, but how does the other html extension files come into play?  The Index.html has these other html files mentioned in its html.

Also, I am wanting to create my website in VS 2012.  Do I copy all of the html files and paste them into the project or do I create an aspx extension file for each one?  I am confused.  I know I copy all of the folders such as Image and Cascade style sheet files.

Confused as to how to get the  project into my website in VS 2012.  My project is named InternalWebsite.


Thanks,


jjc9809
Site.png
0
Comment
Question by:jjc9809
2 Comments
 
LVL 7

Accepted Solution

by:
Camillia earned 250 total points
ID: 39781256
I've used templates like that before.

This is how I do it:

1. Create a website project in visual studio
2. Default.aspx is created. This would be your "index.htm" that comes with the template
3. I plug in (copy/paste) the code in index.htm to default.aspx
4. You can add the styles, images and scripts to the project. Make sure any path reference to the folders are correct
0
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 250 total points
ID: 39781262
I don't use visual studio, but when bet a template like this, you are really getting a css style sheet and possibly some icons/images.  The other htm/html pages are sample layouts.  

If you want your entire site to follow the 3 column, then use the html inside the <body></body> tags for the 3 column page as a template for each page.  Or mix it up.  The key is you really just need to understand the classes they are using and how they are used.  

It is a good idea to use a responsive layout. This means the site will automatically adjust from desktop to tablet to phone.  It takes more thought to put a responsive page together but there are libraries and templates that work with these libraries.  

Two I use are http://getbootstrap.com/ (sample layout http://getbootstrap.com/getting-started/#examples ) and http://foundation.zurb.com/

In any case, you will create  your new aspx page and copy the code between the <body></body> tags from your template file to your aspx file.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I recently found myself in a Corporate Situation where the client had requested blocking access to any and all websites except his own Domain? Easy? I am sure this would be your answer but their requirement was, this has to be done without using…
Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now