Personal tools

Website structures

From ActiveIDsWiki

Jump to: navigation, search
Important

This page is still in development.
Stated information might be incomplete.

Contents

Aim & worflow

This page aims at explaining how the files of a website are structured. First you need to understand which type of files (HTML, CSS, Javascript) are involved as explained on the Website basics page. On that page it's stated that the source files of a website are interlinked. This page will show how this linking in done, how to address files and what you can do with this knowledge.

File:webstructures_workflow.jpg

How it works

  • html head code snippet
  • a href to link to other html page
  • reference to html basics

File paths

  • absolute
  • relative to root
  • relative to file

Mix and Match

It is important to understand why the code of your website is or should be separated into different files based on its function. By splitting the code up: content in HTML files, styles defining the appearance in CSS files and possible code for interaction in Javascript files, you gain a lot of freedom in re-using and mixing them.

...

Resources

What's next?

  • ...