Editing A Page
Viewing Your Page in a Browser
Try It: View Your Page
Open the page you just created in a web browser. It should be blank.
Tip: You can just drag your file into the browser window or double-click it to load it!
As you edit your new page, you will want to see how it looks in a web browser,
as it would to someone visiting your web site. First, open a browser,
such as
Safari
on Macintosh or
Internet Explorer
on PC (there are many others).
The easiest way to see your page is to drag the file into the browser window.
Your browser should load your page. You can also choose "Open File"
from inside your browser, navigate to your web folder, and choose the file
to open.
Open the page you just created in a web browser. It should be blank.
Tip: You can just drag your file into the browser window or double-click it to load it!
Remember: Save and Reload
To see edits you've made, save your file in TextWrangler then click "Reload" or "Refresh" in your web browser.
After you have made changes to your file in the text editor and saved them,
you will need to reload your page in the web browser to see the
effects of those changes. If your page is already in the browser window,
you can simply click the "Reload" or "Refresh" button.
To see edits you've made, save your file in TextWrangler then click "Reload" or "Refresh" in your web browser.
Editing Your Page
Try It: Edit, View, Edit...
Practice going back and forth between editing the same file in TextWrangler and viewing it in your web browser.
If you just double click on an HTML, your computer will assume you want to
view it in a web browser! To instead edit an HTML file
you have closed:
Practice going back and forth between editing the same file in TextWrangler and viewing it in your web browser.
- Open the TextWrangler application
- Navigate to your file using "Open" or find it under "Open Recent"
- Open the file. You will see that it appears in TextWrangler rather than in a web browser. Now you can edit it.
Viewing The "Source"
Tip: Use "View Source" to see the
HTML source code of a web page.
Try It: View the source of this page!
Most browsers allow you to view the HTML source of a page by clicking the
"View" menu and then something like "Page Source".
This pops up a window displaying the HTML code that the browser is using
to display the current page. This is a neat way to find out how a
particular page is put together or see if changes you made have really
been loaded.
Try It: View the source of this page!
End of Topic