Solved

Downloading CSS Template to use for WebPage Question.

Posted on 2014-01-14
2
245 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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Bada platform is becoming more and more famous this days and people talking about same. Some friends included those who have bada OS mobile asked me "what is bada?"and "what its features?". That encouraged me to research and write this article. [st…
Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

746 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

12 Experts available now in Live!

Get 1:1 Help Now