This tutorial provides you with a step-by-step guide to creating your very first Wesk application.
You need to install Wesk (here)
However, if you do prefer to use a web server, such as IIS or Apache, you are welcome to do so. Just use the relevant URL instead of your directory when required.
In your new directory, create an empty file called index.html.
Open your index.html file and insert the following:
<!DOCTYPE html> <html> <head> <title>First App Tutorial</title> </head> <body> <p>Hello World</p> </body> </html>
At this point you should have a directory on your computer that contains an index.html file.
You can now start Wesk, and point it to the directory you just created.
Wesk will open your Hello World page:
In your application folder, create a second HTML file: window.html.
Again, we’ll keep the content simple.
<!DOCTYPE html> <html> <head> <title>First App Tutorial - Second window</title> </head> <body> <p>This is another window</p> </body> </html>
Your folder should now look like this:
Re-open your index.html file, and modify its body as follow:
<body> <p>Hello World</p> <a href="window.html" wesk="A Second Window" wesk-width="500" wesk-height="500" wesk-left="10" wesk-top="10">Open another window</a> <script src="wesk.js"></script> </body>
Now, when you refresh your Wesk main window (by clicking ‘Force Refresh’ on the settings menu), your new link should appear.
Clicking on the link will open a new 500×500 window! Magic!
It should look like this:
To download the entire example source code, click here: Tutorial 1 Source Code