learning html - intro
learning html - intro

You are going to learn how to design a web pages for your website, write codes for your webpages using Adobe .

OPEN A ()

Click windows button (or press window key) search to find Adobe Dreamweaver then click it to open Adobe Dreamweaver

Create your first webpage
Pic1 : Create your

START TO CREATE A NEW WEB PAGE

To create a new web page simply click the HTML button as shown in the image below:

Create your first webpage
Pic2: Create your first

WRITE HTML BASIC CODE

In default the WYSIWG html editor (Adobe Dreamweaver) opens with the below codes:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head>  <body> </body> </html>

IMPORTANTLY:

Learn, memorize and practice the above codes because it is the standard basic code for all website pages be it any type of site.
All content of any websites goes in between <body> and </body> see the below example

CODES

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head>  <body> …content goes here <p> …content goes here</p> <i> Here contains italics content </i> </body> </html>

 

SAVE A WEBPAGE

Press CTRL + S or click File menu > Save as
A dialogue box will appear then choose a preferable directory you wish to save the webpage in

Create your first webpage
Pic3 : Create your first webpage

Then type in the desired filename you wish to save the webpage with example “My website”

WEB PAGE FILE TYPE EXTENSION

All webpage default extension is .html or .htm
So make sure to include .html or .htm after typing “My website” as shown below

Create your first webpage
Pic4: Create your first webpage

Finally, Click Save button in order to save the webpage

Create your first webpage
Pic5 : Create your first webpage

The “My website.html” now appears on the tab title of the current document in your editor which depicts that the document for your webpage have been successfully been saved as a webpage.

LEAVE A REPLY

Please enter your comment!
Please enter your name here