basic web page design n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Basic Web Page Design PowerPoint Presentation
Download Presentation
Basic Web Page Design

Loading in 2 Seconds...

play fullscreen
1 / 7

Basic Web Page Design - PowerPoint PPT Presentation


  • 147 Views
  • Uploaded on

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver® CS6 ( for basic web page design notepad /Microsoft word can be used) Website: http://library.albany.edu/imc/webdesign/index.html

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Basic Web Page Design' - lora


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2

Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro.

  • Software: Adobe® Dreamweaver® CS6 (for basic web page design notepad /Microsoft word can be used)
  • Website:
  • http://library.albany.edu/imc/webdesign/index.html
  • http://www.mcli.dist.maricopa.edu/tut/lessons.html
  • http://www.w3schools.com/html/default.asp
  • http://www.w3.org/TR/html401/cover.html#minitoc
  • http://en.wikipedia.org/wiki/HTML
learning basic html using notepad
Learning basic html using Notepad:
  • HTML HyperText Markup Language
  • Notepad as editor

Step1:

In html , there is a starting tag(<) and a closing tag(/>). Most, but not all tags have a closing tag. The browser will interpret everything between <html> and </html> as an HTML document.

<html>

</html>

Step2:

HTML document needs a pair of head tags.

<html>

<head>

</head>

</html>

Step3:

In the head tags are the title tags.

<html>

<head>

<title>My IRES web page!</title>

</head>

</html>

slide4

Step 4:

Within the body tags write

<html>

<head>

<title>My IRES web page!</title></head>

<body>

Welcome to my website!

</body>

</html>

For details tag description see: http://www.w3schools.com/tags/default.asp

Step 5:

Save the page as index.html (Save as: all files)

To transfer the files you need FTP. Open FTP (file transfer protocol).

On the server site open public html folder.

And then transfer index.htm or.html to the server site.

References:

http://www.pagetutor.com/html_tutor/index.html

http://www.w3schools.com/html/default.asp

learning basic html using microsoft word
Learning basic html using Microsoft word:

1. Converts text to HTML code

2. Transforms images to GIF or JPEG formats (that are web-compatible)

3. Creates a single HTML file

4. Generates an XML style sheet

5. Makes a folder that contains XML file

slide6

Create a basic web page using word by opening a blank document and adding your own text and pictures.

  • Save the word file as web page format ; file extension .htm or html (as for example index.htm or index.html).
  • An additional folder is generated with the same name as the web page file (as for example index_ files)
  • To transfer the files you need FTP.
  • Open FTP (file transfer protocol). On the server site open public html folder. And then transfer index.htm or.html and the associated folder to the server site.
  • For details visit: http://www.hartnell.edu/library/word_web_design/word_web_pages.htm