Scribd
Upload
8 views7 pages

Using An Editor: Time To Write Some Code

This document discusses how to use a text editor to create HTML files. It recommends deciding on a file organization system and naming convention. Common text editors for Windows, Mac, and examples like TextEdit and Notepad are mentioned. Steps for getting started include opening an editor, saving an HTML file with the .html extension, adding basic HTML tags, and opening in a browser. Troubleshooting tips address files opening in editors instead of browsers and refreshing to see code changes.

Uploaded by

Vishal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views7 pages

Using An Editor: Time To Write Some Code

This document discusses how to use a text editor to create HTML files. It recommends deciding on a file organization system and naming convention. Common text editors for Windows, Mac, and examples like TextEdit and Notepad are mentioned. Steps for getting started include opening an editor, saving an HTML file with the .html extension, adding basic HTML tags, and opening in a browser. Troubleshooting tips address files opening in editors instead of browsers and refreshing to see code changes.

Uploaded by

Vishal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

INTRODUCTION

01.05 How to use an Editor to Create an HTML File TO HTML

Using an Editor

Time to write some code


INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Creating and Editing Your Files

1. Decide how you will organize your files


2. Decide on a naming convention
– dash-names, CamelCase
– No spaces, Consistent capitalization
3. Decide on an editor
– Windows (Notepad, Notepad++, Sublime*)
– Mac (TextEdit, TextWrangler, Sublime*)
INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Getting Started
1. Open your editor

2. Select Save or Save As and name your file.


You may need to create a new folder first

3. Add Doctype, head, and body tags

4. Save File (Ctrl-S or Command-S)

5. Open in browser
INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Trouble-shooting

• My file opens in an editor instead of a browser.


• Right click and select “Open With..”
• My browser shows my tags
• Check that file extension is .html
INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Trouble-shooting
• I changed my code, but my page looks the same.
• Refresh your browser
• Verify file name
• I get “weird” characters.
• Try typing code in by hand, not copy-and-
paste
INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Examples

• TextEdit

• Notepad
INTRODUCTION
01.05 How to use an Editor to Create an HTML File TO HTML

Acknowledgements/Contributions
These slides are Copyright 2015- Colleen van Lent as part of
http://www.intro-webdesign.com/ and made available under a Creative
Commons Attribution-NonCommercial 4.0 License. Please maintain this
last slide in all copies of the document to comply with the attribution
requirements of the license. If you make a change, feel free to add your
name and organization to the list of contributors on this page as you
republish the materials.

Initial Development: Colleen van Lent , University of Michigan School of


Information

You might also like