02.websdiy.com

handcoding.websdiy.com

Code a web page in 5 minutes

http://www.handcoding.websdiy.com/hand-code-a-page-in-5-minutes.php

Yes, you can code a web page in 5 minutes. In this first hand coding lesson, I'm going to show you how a code a simple web page. In this lesson, we'll be using 3 basic HTML tags:. It doesn't matter if you couldn't make it under 5 minutes. It doesn't prove anything if you could do it in 30 seconds. More importantly, if this is your first attempt, you tried and succeeded. The step-by-step guide to creating your first web page. Create a new folder in your pc with a name of your choice:. Name it C: HandCoding.

handcoding.websdiy.com

Lesson 4 of Hand Coding by Websdiy

http://www.handcoding.websdiy.com/lesson4.php

In this lesson, we'll be coding with 2 other HTML elements:. Heading 2 needs no explanation as you have coded Heading One in the last 3 exercises. Definition List opens with dl and closes with /dl , in between there is dt /dt for terms and dd /dd for data. Shortcut Key Control-F and Replacing Text. The shortcut for Find is Control-F. And Replace is Control-H. For both in Notepad and Notepad . You can hit Control-H. Skipping the search, if you are certain the text to be replaced are in the document. Code ...

handcoding.websdiy.com

Hand Coding Lesson Two

http://www.handcoding.websdiy.com/lesson2.php

Lesson 2 - Earnings. Did you enjoy the previous lesson. In this exercise, you'll be learning a faster way of coding and it is especially useful when you are coding a long article. There's no new HTML elements added in this lesson, so coding is pretty much the same as before; only one h1 for the heading and the rest are p and /p. Go to same url as last lesson - 03.websdiy. This term you'll open up the earning.html. File by clicking the earnings disclaimer. Found at the bottom of the page. Of course, the f...

handcoding.websdiy.com

Tools needed to code a web page

http://www.handcoding.websdiy.com/tools.php

Tools for Coding HTML. A notepad is all you need. Xampp is optional, You do not need it if you are saving the files with html extention. You'll need it to view php and WordPress sites locally. You'll also need it if you are using php includes. This tool is more powerful than the notepad that is shipped with Windows. I use this to perform some shortcuts, other features like replacing and multiple tabs. Get a free and latest copy of NotePad. Top 5 Alternatives to Windows Notepad. Text Editors for the Mac.

handcoding.websdiy.com

Lesson 5 - Exercise on Some Commonly Used HTML Tags

http://www.handcoding.websdiy.com/common-html-tags-exercise.php

In the previous 4 lessons, you'll notice that the html files were actually not complete. Besides naming them as extention html there no where else to tell the browsers that they were html files. Here in this lesson, we'll doing a proper coding to ensure that they will be properly rendered as HTML files. Open a new window in notepad and type this a few times. Do you understand the First In Last Out sequence in this structure? Understand the order now? Thank you for visiting, pls come back again.

handcoding.websdiy.com

Creating a php include for metadata section

http://www.handcoding.websdiy.com/creating-a-metadata.php

Creating the MetaData in the head element. In the previous 5 lessons, we've only been dealing with text in the body element. From here onwards, things get a liitle more complicated. It may be very confusing for you if you are very new to HTML. If I were to introduce this section as lesson one, you may find it hard to follow and give up along the way. If you are able to follow through the first 5 lessons, it may be a little easier for you. Notepad and Xampp needed for this exercise. Another reason why I c...

handcoding.websdiy.com

Secrets of Hand Coding Revealed

http://www.handcoding.websdiy.com/secrets-of-hand-coding.php

The Secrets Of Hand Coding. How I got started in hand coding. I built all my websites with only a notepad, except my first website. It was a site that I uploaded to a 2mb of free space provided by my ISP. Some pages were done using Microsoft's Frontpage Express. While others with Netscape's Navigator. You may not have heard of them. That was 2004. The two HTML editors were perhaps the first reason why I gave up using a. That's history. The younger generation may never even heard of them, like the pag...

handcoding.websdiy.com

Some commonly used Windows shortcuts you must know

http://www.handcoding.websdiy.com/windows-shortcuts.php

These are some of the Windows shortcuts I use frequently when working on the notepad and browsers. Knowing some of these Windows shortcuts come in handy. It save some uncessary extra clicks. Control-A to select all. Control-W to exit from a tab or close current window. Control-F to find or search for words or characters. Control-N to open a new window in notepad. Control F5 or F5 to reload the browsers. For other Windows shortcuts, see Keyboard shortcuts for Windows.