This tutorial shows how to create a simple HTML5 application in Aptana Studio
Verify Aptana Studio Version
This tutorial is based on Aptana Version: 3.4.1
Create a New Web Project
At Project Explorer, right-click, select “Newâ€->â€Web Projectâ€
Select Default Project that is empty.
At “Project name:â€, enter “HelloWorldâ€. Keep the other selection as the default value. Hit Finish.
Add a HTML5 file to the project
Next, we will add a new HTML5 file. Right-click on the HelloWorld project, select “New From Templateâ€->â€HTMLâ€->â€HTML5 Templateâ€
Select “HelloWorld†as the parent folder and name the file “HelloWorld.htmlâ€.
A file named “HelloWorld.html†would be created.
Test Time!
To test it, right-click on the new_file.html file, and select “Run Asâ€->â€Javascript Web Applicationâ€
The internal server bundled with Aptana would run, and the HelloWorld.html would open in the default browser. You should see the page as followed:
I do not know if it’s just me or if perhaps everybody else experiencing issues with your blog.
It looks like some of the text on your content are running off the screen.
Can somebody else please provide feedback and let
me know if this is happening to them too? This may be a problem with my internet browser because I’ve
had this happen before. Cheers
Hi Mona
Thanks for your feedback. Do you mind telling me what browser you are using?Are you using internet explorer?
d
no images are loading. running Firefox 32.0.3
Thank you Ian! Fixed it 🙂
Fantastic blog! Do you have any helpful hints for aspiring writers?
I’m hoping to start my own site soon but I’m a little lost on everything.
Would you recommend starting with a free platform
like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed ..
Any tips? Thanks!
Hmm, if you are new at blogging, then I would suggest Tumblr.
Usually I don’t learn article on blogs, but I wish to say that this write-up very compelled me to take
a look at and do so! Your writing taste has been amazed me.
Thanks, very great article.
You really did a great job on explaining the process. I usually turn to videos to learn but I thought I would try something different this time and I’m glad I did. You make a great blog teacher/instructor.
Thanks for your kind words 🙂
Are you aware of any sites that have sample Aptana Studio 3 projects that can be downloaded? Looking for an existing sample that uses Java or PHP besides HTML5.
Check out http://html5demos.com/
Siendo que mi Ingles no es tan fluido, este mini tutorial es tan claro como efectivo y a la vez para que cualquier novato logre su 1° ejercicio web con resultados + utilizando Aptana Studio 3. Muchas gracias!!!!!!!!!!!!!!!
de nada!
What other languages do you speak Jessica?
I speak Mandarin Chinese, enough Spanish to be dangerous, and German like a three-year old. Learning Japanese now, but slowly, very slowly
Hola, gracias por el tutorial. Me gustarÃa incluir Aptana en un tutorial pero debo verificar si éste es asequible desde China, lo pregunto debido a que se sobre ciertas restricciones a algunos sitios. ¿Sabes algo sobre eso? Muchas gracias de antemano.
I prefer to use Codelobster IDE to work with HTML code – http://www.codelobster.com