By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

 
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 FilesLink to this section

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 Content > Pages section of your OU Campus site where you'd like to create a new website design file.
  2. Click +New.
    +New Button
  3. Select the new file template.
  4. Enter a name and appropriate file extension into the "Filename" field.
  5. Click Create.
  6. 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 TemplateLink to this section

  1. Navigate to where the templates for your site are located, most likely /_resources/ou/templates.
  2. Copy an existing Template Control File (TCF) 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. Click Save.
  5. Copy an existing template (TMPL) file and rename it newfile.tmpl.
  6. Delete all existing code and leave this file completely blank.
  7. Click Save.
  8. Upload a thumbnail image and name it newfile with the appropriate image file extension.
  9. Then you may use the New File Template to start your process of developing.

Next: Tagging a Page ⇒