Skip to Content

I'm a Web Developer

As a web developer, you've probably worked in other platforms to generate creative design files (e.g. HTML, CSS, JS). You can continue this development process within OU Campus to create brand new website designs. Once your design files have been created, you can then transform them into OU Campus templates by creating a page template. Page templates with OU Campus utilize XML and XSL to insert unique page content into the appropriate locations within your website design's source code. Once you master this introductory section, our Technical Reference section has more information about developing in the platform.

Creating New Website Design Files

Web development within OU Campus begins with a new, blank file. If your implementation included a New File template, this is your starting point. If not, you can make a copy of an existing text-based file (e.g. HTML, CSS, JS) or you can create a new file template.

  1. Navigate to the section of your OU Campus site where you'd like to create a new website design file.
  2. At the top of the pages list, click +New.
    +New Button
  3. Select the New File template.
    New File Template
  4. Enter a name and appropriate file extension into the "Filename" field and click Create.
  5. You are now on the new page and can start developing and using the source editor.

OU Campus supports most web development file types. Remember, CSS and JS files will need to be published to see your design update within OU Campus.

Creating a New File Template

  1. Navigate to where the templates for your site are located, most likely /_resources/ou/templates.
  2. Copy an existing TCF file and rename it newfile.tcf.
  3. Delete all existing code and replace it with the following code block.
    <?xml version="1.0" encoding="UTF-8"?>
    <tcf>
    <title>New File</title>
    <template-list>
    	<template prompt-prefix="New File" extension="inc" publish="no" exclude-sitemap="yes" exclude-search="yes">newfile.tmpl</template>
    </template-list>
    </tcf>
  4. Copy an existing TMPL file and rename it newfile.tmpl.
  5. Delete all existing code and leave this file completely blank.
  6. Upload a thumbnail image and name it newfile with the appropriate image file extension.
  7. Then you may use the New File Template to start your process of developing.

Next: Tagging a Page ⇒