Simple Html Web Page
Writing HTML from scratch
One of the best ways to get started when learning about web design and HTML is to get your hands dirty and code a simple HTML web page from scratch.
- See a Demo: https://johndoenma.github.io/coursework/art128/simplewebpage.html
- View on Github: https://github.com/johndoenma/coursework/blob/master/art128/simplewebpage.html
- View on Codepen: https://codepen.io/kccnma/pen/zxZQpM
Before you get started, you'll need the following:
- A Code Editor (IDE)
- Download any (or all) of the following:
Video Lesson
Watch the video below for a guided step-by-step demonstration of this assignment. Skip ahead to the 16:00 minute mark to get to the simple web page part of the video.
Let's Code!
Get started by launching your favorite code editor (IDE)
Create a new HTML file: simplewebpage.html
Tip: Resist the temptation to copy-paste the base/starter HTML code to speed up the process. Try writing every line of code from scratch. It's good practice while you learn the basics.
[gist https://gist.github.com/kccnma/607c240aa236f602d6d539d7e2047493 /]
When you done, it should look like this:
[codepen_embed height=”500” theme_id=”0” slug_hash=”zxZQpM” default_tab=”html,result” user=”kccnma”]See the Pen Simple HTML Web Page (ART 128 Assignment #1) by kccnma (@kccnma) on CodePen.[/codepen_embed]
Last Step: Use Filezilla to upload your web page via FTP
Launch Filezilla and connect to your host (remote) server. To do so, you'll need to enter the domain ftp address and your host username and password. Once you are able to connect successfully, all you need to do is navigate to your target "public_html" or "www" directory and upload your new file to the correct sub folder/directory. In Filezilla, you can do this by dragging and dropping from the left (local files) to the right (remoter server files).
If you completed this assignment, great job!
Summary
Getting started with front-end web development can be the hardest step. The good news is that once you get setup, it gets easier and easier for you to practice writing code and building web sites.