Skip to content

Making a Channel

Jump to bottom
New Age Soldier edited this page Oct 19, 2019 · 1 revision

For now, Channels will be local and not hosted on a server. This will be faster to pull up and there shouldn't be much changing or maintenance required once they are all created.

Here's how you make a Channel from scratch:

Required Software

  • Adobe Photoshop or Adobe Fireworks (image editing software that can create hotspots and export to HTML)

Instructions

  1. Use SnippingTool.exe on Windows (or a screen grabber on any other OS) to grab the image of the channel. Save the image as the channel name. Ex: kids.PNG for kids only channel.

  2. Edit the image with Adobe Fireworks or Photoshop, etc. to create hotspots where a user would click on the image to go to another page. Export as HTML.

  3. The HTML file should be named by the channel name. Ex: kids.htm for kids only channel. For now the file extension (.htm) is important. It cannot be .html and must be lower case.

  4. Edit the HTML page with a text editor like NotePad. Add the following code between the <head> tags:

<style>
body {
    margin:0px;
    padding:0px;
}
</style>

  1. Place the .png and .htm files into the Channels folder in the root of the project path. Open the AOL_4 project in Visual Studio and drag/drop them into the Channels folder in the root of the project tree on the right side panel.

  2. Click on the .png and .htm files in the project tree. Below the project tree you will see properties of the objects. Change the "Output to Project Directory" option to "Copy if Newer". This will copy the resources when compiling to the project paths.

Clone this wiki locally