You may have completed several Codecademy courses but still, need to figure out where to write code on your computer. Start here share
You can create and view a web page on your computer
Text Editor
A web browser
Completed Ready Week 2 Interactive Lessons
Introduction
The browser does a lot of work when you navigate to a website on the Internet. The browser interprets the raw resources and reads the HTMLML, CSS, and JavaScript files to create the page.
This article will show you how to create a website using a text editor on your computer. Then, view the page in your browser. After you have read the steps, you can publish your web page to the World Wide Web (the Internet).
Open Your Text Editor
First, open your text editor. It would help to use a “raw text editor, ” not a formatted Word Processor.
Word processors insert characters that make the page look nice but aren’t valid HTML. These are great tools for creating stylish documents such as flyers and academic papers, but they also insert characters that aren’t valid HTML. A text editor is better than a word processor for building web pages.
Create Your HTML Skeleton
Once your text editor has been opened, you can start writing your HTML. In lesson one of the HTML and CSS course, you learned that some things must be present in an HTML file. Let’s see them all again.
This skeleton can be used if you wish. Copy the frame and paste it into your text editor. Be sure to include everything.
Save Your File
Now your web page is ready. However, it does not exist outside of your text editor. Next, save the File to your computer. Your new webpage will be lost if you close the text editor without saving it. When saving the File, there are some essential points to remember:
The .html HTML extension is used, i.e., about_me.html
Use no spaces or special characters for the file name. Use underscores (_) or dashes (-) instead.
It would help to decide where to save the File on your computer. Make sure you remember it!
Use the HTML extension
The suffix of a filename is the extension, which describes the type of File. The file extension is the last 3-4 characters of a filename. It is preceded by a period. The HTML file extension .html is an example. It tells the browser and other applications to interpret the contents as a webpage. You may notice or.htm on older web pages, but this needs to be updated and used.
Use no spaces or special characters within the file name
Could you keep it simple when choosing a filename? Could you keep it simple? Stick to numbers and letters. Instead of spaces, use underscores ( _) and dashes ( -). You can leave out percent signs, slashes, question marks, commas, and other special characters. The browser must locate the File using its name. Special characters in the file name could interrupt this process. To make navigation to your website more accessible, file names should be simple and follow standard conventions.
Determine where on your computer to save the File
Select a suitable location in your file system for your web page after you have chosen a file name. To house the web page, creating a folder is a good idea. It would help if you used the same naming conventions to avoid future headaches when creating a new folder. Remembering where it was saved is the most important thing. You can keep it if you still need to keep it. Click Save as… to choose another location and remember the time.
Open Your Web Page in Your Internet Browser
You are now ready to view the new page in your browser. Open your browser. Click File> Save in the top menu. Navigate to where you saved your website. Click on the web page file you want to open. Your web page should now be visible!
Review
This short course will teach you how to use your computer’s Codecademy information. File extensions, text editors, saving and viewing local files, and file extensions were covered. You are now ready to practice what you have learned in Codecademy and put it to the test!