Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web design basics 1


Published on

WebSite design basics

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

Web design basics 1

  1. 1. WebSite Development Web Design - 1Class # 02TRIVUz Academy MS Alam TRIVUz CEO, Shabaka Soft Ltd.
  2. 2. What to do?
  3. 3. Before we Start Web Pages FTP (Web Site) Web Server File Transfer Protocol (Hosting) Have a look, figure out whichWeb Design Basics part we are going to do first.Session # 01
  4. 4. Before we Start1. Create our first web Document called Webpage Web Pages FTP (Web Site) Web Server File Transfer Protocol (Hosting) Have a look, figure out which Web Design Basics part we are going to do first. Session # 01
  5. 5. Define Task1. Create our first web Document called Webpage2. Upload our page to webserver3. Browse our site using any web browser Web Design Basics Session # 01
  6. 6. Creating Web Page Tools & Language1. A Text Editor, maybe notepad2. Basic Knowledge of HTMLWeb Design - 1
  7. 7. HTML What is HTML?Web Design - 1
  8. 8. HTML Introduction• HTML stands for Hyper Text Markup Language• HTML is not a programming language, it is a markup language• A markup language is a set of markup tags• HTML uses markup tags to describe web pages - w3schools.comWeb Design - 1
  9. 9. HTML• HTML markup tags are usually called HTML tags• HTML tags are keywords surrounded by ange HTML Tags brackets like <html>• HTML tags normally come in pairs like <b> and </b>• The first tag in a pair is the start tag, the second tag is the end tag. It also known as opening tags & closing tags. - w3schools.comWeb Design - 1
  10. 10. HTML HTML Documents• HTML documents describe web pages• HTML documents contain HTML tags and plain text• HTML documents are also called web pages• Web browser can read HTML documents and display them as Web Pages. - w3schools.comWeb Design - 1
  11. 11. HTML Our First HTML Document<html><body> <h1>Our first Heading</h1> <p> This is our first paragraph in web page created with HTML markup language </p></body></html>Web Design - 1
  12. 12. HTML Saving HTML DocumentTo save HTML document follow the step1. Click File > Save As2. Name the file as index.html3. Open the index.html with any web browser - w3schools.comWeb Design - 1
  13. 13. HTMLOutput
  14. 14. HTML More HTML TagsLets learn more HTML TagsBold Tag: <b>Text</b>Italic Tag: <i>Text</i>Underline Tag: <u>Text</u>Paragraph Tag: <p>Text</p>HTML Images: <img src=“path/image.jpg” />Hyper Link: <a href=“file.html”>Link Text</a>Web Design - 1
  15. 15. HTML HTML ElementsAn HTML element is everything from the start tag to the end tag:Start Tag * Element content End tag *<p> This is paragraph </p><a href=“index.html”> This is a link </a><br />Web Design - 1
  16. 16. MS Alam TRIVUzThank You Head of Research TRIVUz Network (IT Research Since 2003) Lead Software Engineer RxRD Inc, Florida, USA CEO Shabaka Soft 01712 084408