13
HTML & Dreamweaver 101 HTML & Dreamweaver 101 Aman Yadav Aman Yadav
| Date post: | 21-Dec-2015 |
| Category: |
Documents |
| View: | 218 times |
| Download: | 1 times |
HTML & Dreamweaver 101HTML & Dreamweaver 101
Aman YadavAman Yadav
DefinitionsDefinitions
HTTP HTTP – – The Web uses a protocol called HTTP (Hyper Text The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web browser and Transport Protocol) to communicate between the Web browser and the Web server. the Web server.
The browser (client) initiates all the communication with the server. The server has no control over what URLs the browser requests or the order they are requested in. In addition the general, the server can not force the browser to change pages.
DNSDNS (Domain Name System)(Domain Name System) is a way of addressing a group of is a way of addressing a group of computers on the Internet using a name. The name consists of computers on the Internet using a name. The name consists of at least two parts. The top level domain, such at least two parts. The top level domain, such as .com, .edu, .org, and one or more subdomainsas .com, .edu, .org, and one or more subdomainsExamples:Examples:msu.edumsu.edueduc.msu.edueduc.msu.edu
Every computer on the Internet has a unique Every computer on the Internet has a unique IP addressIP address. An IP . An IP address is consists of four parts, each with an 8-bit number, address is consists of four parts, each with an 8-bit number, ranging from 0 to 255, separated by dots.ranging from 0 to 255, separated by dots.
Ex: 35.8.234.239Ex: 35.8.234.239
A A host namehost name is the name of a particular computer in a domain. It is the name of a particular computer in a domain. It can be used with the domain name to refer to a particular can be used with the domain name to refer to a particular computer across the internet, rather than using the IP address.computer across the internet, rather than using the IP address.Examples:Examples:educ.msu.edueduc.msu.edu
One computer usually only has one IP address, but one One computer usually only has one IP address, but one computer could have multiple domain names.computer could have multiple domain names.Example:Example:aman.educ.msu.eduaman.educ.msu.edumatt.educ.msu.edumatt.educ.msu.eduCould all be the same computer.Could all be the same computer.
Anatomy of a URLAnatomy of a URLEverything on the Web is found through a Everything on the Web is found through a URLURL (Uniform Resource Locator)(Uniform Resource Locator). URLs are typed into a . URLs are typed into a Web browser to go to a location or are placed in Web browser to go to a location or are placed in HTML files to reference other pagesHTML files to reference other pages
ProtocolProtocolThe protocol is how the client wants to communicate The protocol is how the client wants to communicate with the server. For the Web this is normally "http". with the server. For the Web this is normally "http".
Parts of a URLParts of a URLhttp://hostanddomain/pathhttp://hostanddomain/path
http://www.msu.edu/studentshttp://www.msu.edu/students
Other protocols – ftp, telnet, https etc.Other protocols – ftp, telnet, https etc.
What is HTML?What is HTML?
HTML stands for Hyper Text Markup Language HTML stands for Hyper Text Markup Language An HTML file is a text file containing small An HTML file is a text file containing small markup tagsmarkup tags The The markup tagsmarkup tags tell the Web browser how to display the page tell the Web browser how to display the page An HTML file must have an An HTML file must have an .htm.htm or or .html.html file extension file extension An HTML file can be created using a simple text editor line Notepad. There An HTML file can be created using a simple text editor line Notepad. There other editors like FrontPage.other editors like FrontPage.
An example:An example:<html><html><head> <head> <title>Title of my Page </title> <title>Title of my Page </title> </head> </head> <body>CEP 800 Home Page<body>CEP 800 Home Page<b>bold</b> <b>bold</b> <i>italic</i><i>italic</i></body> </body> </html></html>
http://www.w3schools.com/http://www.w3schools.com/
DreamweaverDreamweaver
Some men see things as they are and ask why. Some men see things as they are and ask why. Others dream things that never were and ask why not. Others dream things that never were and ask why not.
-George Bernard Shaw-George Bernard Shaw
Dreamweaver siteDreamweaver site Select Site > Select Site > New Site. New Site. The The Site Definition dialog box Site Definition dialog box appears.appears.
Name your site and Name your site and click Nextclick Next
On the next Screen, Do you On the next Screen, Do you want to work with a server want to work with a server technology such as Cold technology such as Cold Fusion, ASP…? Check No, I do Fusion, ASP…? Check No, I do not want to use a server not want to use a server technology. Click Nexttechnology. Click Next
CheckCheck “Edit local sopies on my “Edit local sopies on my machine, then upload to server machine, then upload to server when ready” and Select the when ready” and Select the Folder on your computer where Folder on your computer where
you want to store your files.you want to store your files.
Dreamweaver site contd..Dreamweaver site contd..
On the Next Screen it asks How On the Next Screen it asks How you want to connect to your you want to connect to your remote server?remote server?
Select FTPSelect FTP from the drop down from the drop down list. Type in the name of the list. Type in the name of the server that will host the website. server that will host the website. Type the folder where the files Type the folder where the files will be put on the server. (will be put on the server. (The The folder should already exist on the folder should already exist on the serverserver). Type in your FTP Login ). Type in your FTP Login info.info.
Click NextClick Next after you have put in after you have put in all the information to access the all the information to access the serverserver
You do not want want to enable You do not want want to enable check in and check out. check in and check out. Check Check NoNo and and click Nextclick Next to continue to continue
You are DONEYou are DONE
Add a HTML new fileAdd a HTML new file
On the File menu of the site (On the File menu of the site (not not other File menuother File menu). ). Click on New Click on New
FileFile The default name of the file is The default name of the file is “untitled.htm”. Name the file that “untitled.htm”. Name the file that you want e.g “cep800.htm”you want e.g “cep800.htm”
Save your document by doing Save your document by doing one of the following:one of the following:
– Select File > Save.Select File > Save.– Press Control+S (Windows) Press Control+S (Windows)
or Command+S (Macintosh)or Command+S (Macintosh)
To Preview your current page To Preview your current page that you are working in a browser that you are working in a browser Press F12. The webpage will be Press F12. The webpage will be displayed in a browser.displayed in a browser.
Uploading your files to remote serverUploading your files to remote server
Upload your file to the remote Upload your file to the remote folder folder
– Select the file that you want Select the file that you want to uploadto upload
– Click on the Put file button as Click on the Put file button as shown belowshown below
Test your final site by opening Test your final site by opening the site in the browser.the site in the browser.
Inserting a linkInserting a link
Type in the text in Type in the text in the document the document windowwindow
Select the text Select the text that you want to that you want to linklink
In the Properties In the Properties window, type the window, type the link in the Link link in the Link box as shown box as shown belowbelow
Inserting a link contd..Inserting a link contd..
To link to a file currently in the working folder to the text use the “Point to File” buttonTo link to a file currently in the working folder to the text use the “Point to File” button..
Simply select the text as you did earlier and click on the “Point to File” button and drag it Simply select the text as you did earlier and click on the “Point to File” button and drag it to the file that you need linked to the textto the file that you need linked to the text as shown in the image below. as shown in the image below.
![[MS-HTTPE]: Hypertext Transfer Protocol (HTTP) Extensions€¦ · Hypertext Transfer Protocol (HTTP): An application-level protocol for distributed, collaborative, hypermedia information](https://static.documents.pub/doc/80x56/5fc2854a9f02264a2e3bc3b9/ms-httpe-hypertext-transfer-protocol-http-extensions-hypertext-transfer-protocol.jpg)
![[MS-ASHTTP]: Exchange ActiveSync: HTTP Protocol](https://static.documents.pub/doc/80x56/6204ee9f4c89d3190e0cad0f/ms-ashttp-exchange-activesync-http-protocol.jpg)
![[MS-HTTPE]: Hypertext Transfer Protocol (HTTP) Extensions...The Hypertext Transfer Protocol (HTTP) Extensions Protocol specifies a set of extensions to Hypertext Transfer Protocol](https://static.documents.pub/doc/80x56/60eb2628313cb27cf2480cf3/ms-httpe-hypertext-transfer-protocol-http-extensions-the-hypertext-transfer.jpg)
