Create a Simple HTML5 application with Aptana Studio 3.4.1

July 18, 201318 Comments

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:

Last updated on October 18, 2014

18 Comments

  1. Mona
    September 20, 2014,

    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

  2. Jessica Chiang
    September 20, 2014,

    Hi Mona
    Thanks for your feedback. Do you mind telling me what browser you are using?Are you using internet explorer?

  3. Ian Sebryk
    October 6, 2014,

    no images are loading. running Firefox 32.0.3

  4. Leanna
    October 16, 2014,

    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!

  5. Jessica Chiang
    October 18, 2014,

    Hmm, if you are new at blogging, then I would suggest Tumblr.

  6. Jessica Chiang
    October 18, 2014,

    Thank you Ian! Fixed it 🙂

  7. clever Tshirts
    August 16, 2015,

    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.

  8. Earl Lamont Montgomery
    September 19, 2015,

    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.

  9. Roger
    September 24, 2015,

    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.

  10. Jessica Chiang
    October 12, 2015,

    Thanks for your kind words 🙂

  11. Ricardo Heredia
    April 24, 2016,

    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!!!!!!!!!!!!!!!

  12. Jessica Chiang
    September 8, 2016,

    de nada!

  14. Odin
    December 22, 2016,

    What other languages do you speak Jessica?

  15. Jessica Chiang
    January 4, 2017,

    I speak Mandarin Chinese, enough Spanish to be dangerous, and German like a three-year old. Learning Japanese now, but slowly, very slowly

  17. mikra
    September 8, 2019,

    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.

Leave a Reply