Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Introduction First Steps

HTML introduction 1st step : didn't get something that look very easy !

Hi Guys,

Im just lost, I have a Mac Book air, latest version, and my text editor is just not the same as the one he shows on the tutorial. The idea is to create a simple webpage, writing on the text editor, opening it on a webpage and refreshing it to see the changes. But I dont know how to open my text editor file on my webpage. Anyone for some tips?

Thanks !

3 Answers

Erik McClintock
Erik McClintock
45,783 Points

Charlotte,

Summer's instructions for using the Workspace editor are correct, though if you'd prefer to write your code in an external text editor (like TextEdit or Sublime Text, etc.), it's still a very simple process to view your code in the browser, the most basic being:

  1. Open your browser of choice
  2. With the browser in focus, press Cmd+O (that's the letter "O", not the number zero) on your keyboard to bring up a Finder window
  3. Navigate to the index.html file that you wish to view in browser and double-click it

The file will then open in your browser.

Viola! From there, simply Refresh your browser window whenever you save changes to your coding files, and you'll see the changes as appropriate.

Erik

The Latest HTML course is using Workspace it's to the left of your navigation on the bottom. It might have a green star on it. When you create your first index.html file you can view it via the tab on the top. Click Command S will save your work then click the eyeball at the top right of the workspace and you will see the work in the browser.

I finally got through all the help center, actually Im kind of new on Mac so thats why I was lost ! Now its all done :) Thanks a lot guys