You are going to learn how to create and design a web pages for your website from scratch, write codes for your webpages using Adobe dreamweaver A WYSIWYG HTML Editor.
OPEN A WYSIWYG HTML Editor (Adobe Dreamweaver)
to create first website follow steps below carefully.
Click windows button (or press window key) search to find Adobe Dreamweaver then click it to open Adobe Dreamweaver
START TO CREATE A NEW WEB PAGE
To create a new web page simply click the HTML button as shown in the image below:
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
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
Finally, Click Save button in order to save the webpage
The “My website.html” now appears on the tab title of the current document in your Adobe Dreamweaver a WYSIWYG HTML editor which depicts that the document for your webpage have been successfully been saved as a webpage.
