In this project, we will introduce you to a webpage programming. Web-page, a document that will be display in web-browser, usually using HTML (Hyper Text Markup Language) language for the skeleton the interface and CSS (Cascading Style Sheet) as styling. In this project we will use Notepad++ as text editor which ideal for programming your website interface!

It’s a quite easy side project and could be used either in local or online web-server.

Step 1: Notepad++

Notepad++ is a text editor and source code editor for use with Microsoft Windows. Unlike Notepad, the built-in Windows text editor, it supports tabbed editing for working with multiple open files in a single window and color text code with suggestion to help user edit the code. Download notepad++ from notepad++ official link..

Step 2: HTML Language

HyperText Markup Language (HTML), commonly abbreviated as HTML, is the standard markup language used to create web pages. HTML served as the skeleton of web page.

Cascading Style Sheets (CSS) is a style sheet language used to set the visual style of web pages and user interfaces written in HTML and XHTML. CSS served as the stylish of HTML skeleton.

Below is the code of HTML and CSS, you could clone or edit the code in any way you prefer.

P.S. to generate web page icon (favicon.ico) visit this web page (www.favicon.cc)

Intro_HTML_CSS.zip
Download

Step 3: Launch It!

After finishing all the steps of this instructable, test the outcome by click main.html in folder to launch it in any browser you have or run the code from notepad++ (run >> launch in chrome). Troubleshoot any bug or commend it below and you should not have any problem. You could take this project into bigger project or another project depends on your needs. To set up server, check it out here.