# The Kirupa.com Tutorial Template

**URL:** <https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808>\
**Category:** Uncategorized\
**Created:** [January 11, 2004, 5:05pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808 "2004-01-11T17:05:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [January 11, 2004, 5:05pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808/1 "2004-01-11T17:05:40Z")

</div>

So, the template. What should it have?

[list]  
[\*]Labeling/indication

- author
- authors website
- date added (can be done automatically?)
- application/language version(s)
- proper meta-tag and html titling (indicate page number if applicable)

[\*]Formatting consistency

- use of text
- use of images
- code formatting (and when to and when not to use textareas)
- style sheets strongly recomended.

[\*]Navigation consistency

- next and previous icons
- to have or not to have an index page and how to handle it.

[\*]Source File handling

- make sure not BMPs are used as images
- how to handle images and external files used in the movie (keep them in the same directory as the tutorial itself? subdirectory)
- naming techniques as to not conflict with others (since it seems most images for tutorials are kept in a common folder if Im not mistaken)

[\*]Restrictions

- max image size
- max width of the tutorial (do not screw with template format)
- content per page (when to start making new pages)

[\*] etc.  
[/list]

So there’s a start for some ideas.

Templates: I think it would be a good idea to have versions which are real templates too, preventing the editing of portions which are not to be edited 😉 Im not sure how frontpage handles them, but I know making a dreamweaver template is easy enough. A golive version would be a good idea too - frontpage, dreamweaver and golive, those are the biggies right? And Im not sure how you handle the inclusion of the menus and header/footers kirupa. But could that be made easier? Is there maybe some certain text string that could be used to make adding those in with a search and replace? like…

```auto

+--------------------------+
| [%%HEADERINCLUDE%%] |
+------------------+-------+
| | |
| [%%NAVINCLUDE%%] | |
| | (tut) |
| | |
| | |
+------------------+-------+
| [%%FOOTERINCLUDE%%] |
+------------------+-------+

```

so it can be all done in one swift multi-page search and replace. (I dont know if thats anything like what you do now or not - or maybe you use SSI, I dont know… which would actually make sense since the whole menu system has been changed throughout all the pages so maybe Im :crazy: )

Anywho. We can start from here. Lets spit out some ideas.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 20, 2004, 9:48pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808/2 "2004-02-20T21:48:14Z")

</div>

Wow - the first tutorial submitted by a non-mod that uses this format: [http://dance.snehal.org/cssfile.htm](http://dance.snehal.org/cssfile.htm) !!! That is so exciting 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 20, 2004, 9:53pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808/3 "2004-02-20T21:53:47Z")

</div>

why is the code centered? :huh:

And it could use a space at the bottom beneat the next/prev links methinks 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 20, 2004, 9:55pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808/4 "2004-02-20T21:55:07Z")

</div>

of course - it’s not perfect 🙂 I haven’t transferred the contents to this site yet.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 20, 2004, 9:58pm UTC](https://forum.kirupa.com/t/the-kirupa-com-tutorial-template/98808/5 "2004-02-20T21:58:23Z")

</div>

ah… I didnt notice 😉 in that case WOOOHOO :beam: