Geneious Tutorials are comprised of HTML documents with linked images and geneious ﬁles. Simply create your html documents, and place them together in a folder. The ﬁrst page of the tutorial should be called “index.html”, and this will be loaded as the main page. Geneious will follow all hyperlinks between the pages, and external hyperlinks (beginning with http://) will be opened in the user’s browser. If you want to include ﬁgures and diagrams in the pages, just put the image ﬁles in the same folder and reference them with <img> tags like a normal HTML document (supported image formats are GIF, JPG, and PNG).
If you want to include Geneious documents in your tutorial, simply place them in the same folder as the html documents and they will automatically be imported into Geneious with the tutorial. If you want to link to them from the tutorial pages, create a hyperlink pointing to the ﬁle in the HTML document. For example, to create a link to the ﬁle sequence.fasta in your tutorial folder, use the HTML <a href="sequence.fasta">click here</a>. To open more than one document from a link, separate the ﬁlenames with the pipe (|) character, for example <a href="sequence.fasta|sequence2.fasta">click here</a>. Note that geneious ﬁles must contain only one document to be imported automatically with the tutorial.
You can add a short one-line summary by writing your summary in a ﬁle called “summary.txt” (case sensitive) and putting it in the tutorial folder. Make sure that the entire summary is on the ﬁrst line of the ﬁle, as all other lines will be ignored.
Once you have all your ﬁles together, put the contents of the folder in a zip ﬁle with the extension .tutorial.zip. Subfolders within the zip ﬁle are supported in Geneious R8 and higher.