Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Introduction First Steps

Posted by charlotte boulan
charlotte boulan
672 Points

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

Summer Calloway
Summer Calloway
5,781 Points
Summer Calloway
Summer Calloway
5,781 Points

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.

charlotte boulan
charlotte boulan
672 Points
charlotte boulan
charlotte boulan
672 Points

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