How to use NVU to create HTML source code for your site

Typical users rely on Excel spreadsheets or Word documents to create rosters, schedules and other charts. Many of these formatted materials lose their formatting when copied directly over to our Article or Schedule & Roster creation tools. Therefore, we recommend a free software tool called NVU, which is a Web Authoring tool, but is also a perfect solution to creating source code so that your Excel and Word charts will look good on your website. The following tutorial provides a Step by Step process on how to use this software.

Step by Step Process

  1. Download and install free software
  2. Copy and paste content into NVU
  3. Convert to HTML Source Code
  4. Copy and paste HTML Source Code into your website

Step 1 – Downloading NVU Software

NVU Web Authoring software is a free program available on the internet. You can find this software at:

This software has versions for both Windows and Mac.

After downloading the software, install it to your computer and open the software. You will see a screen similar to the one below.

Step 2 – Copying your chart

After opening NVU, open your Excel or Word document. Select the entire content that you would like to have showing on your website.

After selecting the content, right click on your mouse from within the document and then select “Copy”

Step 3 – Pasting content into NVU

Return to your NVU screen and right click in the window and select “Paste”

Your content should now appear on NVU screen

Step 4 – Create HTML Source Code

At the bottom of the NVU screen, select the “Source” tab (You will see “Edit HTML source” pop up)

Step 5 – Select All of the HTML source

You should now see a page with numbered lines of code. Go to the menu above, select Edit then Select All

Step 6 – All HTML Source is highlighted

After selecting all you will notice that all of the content is highlighted.

Step 7 – Copying the HTML Source Code

Right click your mouse somewhere in the screen and then select “Copy”

Step 8 – Creating a Roster page

Return to your website and make sure you are logged in as an Administrator. Go to “Your Website Tools” and select “Create” under Schedules & Rosters.

Step 9 – Completing the project

An “Edit Open Content” screen will appear within your webpage.

Step 10 – Add HTML Source Code

From within your Edit Open Content screen, locate the HTML button and click on it.

Step 11 Open the HTML Source Editor

After clicking the HTML Button, the HTML Source Editor screen will appear.

Step 12 – Pasting content to HTML Source Editor

Right click anywhere in the screen and then select “Paste” from the drop down menu.

You will see all of the HTML source code appear in the screen. After that, select “Update”

Step 13 – Select location for content

You should now see your formatted content Edit Open Content screen. Select the section to publish in from the Dropdown menu.

Step 14– Create content title

In the Title window, enter your content title and then click on the “Save” button.

Step 15– Verify finished product

You should now be able to see the content on your site all formatted as you would like it.

You should also see a link to the content in the “Schedule and Rosters” portion of the section you had selected.

New iHigh Tutorials

Tutorial Name Date Posted/Updated
AdScore 04-10-2012
Online Forms 08-17-2011
Tagging 08-04-2011
Mobile Video 06-27-2011
Offline Recording 06-27-2011
Streaming Quick Start Guide 06-27-2011
Automatic Updates on Content 12-05-2010
Calendar/Schedule Usage 11-15-2010
iHigh Live Broadcasting with Ad Insertion 11-15-2010
Mailer/Email Lists 10-20-2010
iHigh Widget 12-05-2010
Registration Process 10-15-2010
Dual Audio/Video Broadcast 10-15-2010
Document Upload 10-15-2010
Photo Upload 08-25-2010
Create Sponsors' Ads 08-16-2010
Countdown Widget 08-16-2010
Live Streaming Tool 08-16-2010
Mascot/Banner 08-16-2010
NVU 08-16-2010
Offline Broadcast 08-16-2010
Prism 08-16-2010
Site Quick Start Guide 08-16-2010
School Settings 08-16-2010
Upper Links 08-16-2010

Old iHigh Tutorials

Tutorial Name Date Posted
Mascot/Banner Tutorial 10-16-2009
iHigh Website Overview 10-16-2009
Live Broadcast Quick Start Guide 02-17-2010
Offline Recording Tutorial 02-17-2010
Ad Creation Tutorial 10-15-2009
Live Broadcast Tutorial 10-15-2009
Offline Broadcast Tutorial 10-15-2009
NVU Tutorial 10-16-2009
Prism Tutorial 10-16-2009