Old CRIPT Web Site

From CRIPTWiki
Revision as of 16:42, 21 July 2010 by Gnaboka (Talk | contribs) (Created page with '==How does it work?== The order goes like this: Root, First Level Folders, Second Level Folders For example: Root (homepage) -People (primary link at the top) --Master (sec...')

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

How does it work?

The order goes like this:

Root, First Level Folders, Second Level Folders

For example:

Root (homepage)

-People (primary link at the top)

--Master (secondary link on the left side)


The whole website is organized in many levels. Each level is represented as a folders, so starting at the root level you have the first level of folders in each of them represent the primary links that were displayed on the top of every single crypt website page. When you click on any of the primary links. You're going to the second level index.html. So, for example, if you click on ABOUT in the top, Three separate links appear on the left side: Contact, mission, history. Each of these are in their own individual folders. On the server in the root level you will see a folder called "about" and that represent the first level. If go into that folder. There's three more folder underneath it, contact, mission and history. Each of them have their own index.html.

Now all these HTML be specially not in the sense of templates, but more of an actual display file has no content. It isn't a mere shell. all the navigational information and actual content those that are displayed in a box come from the index.XML file.

To create a file

  • File -> New
  • Select "Page from Template"
  • Find the template called "Template"
  • Make sure "Update page when template changes is checked"
  • Click Create. Make sure you SAVE this file where it should be. If you need to move a file, open it and click SAVE AS! DO NOT DIRECT MOVE of you will suffer very very much due to broken links EVERYWHERE with Flash not loading and stuff like that!
  • So that creates the basic HTML page there with FLASH sidebar and FLASH content.

You have two options here:

Update XML

You can create a XML share the same name. Follow this example:

<INFO>
<NAVBAR>
   <BUTTON NAME='HOME' LINK='http://www.anatatorium.com/test />
   <BUTTON NAME='Test' LINK='test' />
</NAVBAR>
   <BOXTITLE>This is the title!</BOXTITLE>
   <BOXCONTENT>THIS IS THE CONTENT!
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
   </BOXCONTENT>
</INFO>

Note:

  • I ENABLED basic HTML capability in there. So you can copy and paste in simply format HTML tags into there to achieve simple effects if you know some basic knowledge of HTML. If not, then look at the section below and use the build in format feature of HTML to get the desired effect I guess. Also, you don't have to include header/body tag etc. However, basic formatting like bold, italic etc has been enabled.
  • If you need to go upper relative link, follow normal HTML relative linking: "../" is upper folder, "../Contact" would allow you to the contact folder that is parallel (same level deep) at where this XML is located.

Update HTML

You can also just delete the MainContent flash portion and then use that space for regular HTML.

Update Template Headers

In order to do this, you must have access to the template dwt file. Most webpages are based on that file and anything that you need to change in terms of basic layout and shifting content, you need to edit the DWT file and on save, it will update all the instances.

Note that for special pages that you need to alter the layout, you can go to "modify" then "template" and "Detach from template" in order to allow full control over the instance file. This is an irreversible process (unless you tweak the code related to the template)

Folders Web Server

  • Remember, capitalization of the folders DO MAKE A DIFFERENCE!
  • Any time you CHANGE a folder name, DO NOT DO IT MANUALLY. Do it in Dreamweaver and then SYNCHRONIZE!


FAQ

  • Template must allow proper loading of XML when one is deleted.
  • Why does the HTML links to "/main.css" and not to "anatatroium.com/main.css" or "../../main.css?
    • If you link to "/main.css" one the web, it automaticlaly find the css file no matter where the HTML is located, always find the css at site root. However, using /main.css prevent local browser preview of the website easily. Absolutely linking to anatatorium.com/main.css will prevent you from prevewing locally the format properly within dreamweaver. ../../main.css is not
  • .xml cache problem