Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (15)
Similar to Web design basics 1
Similar to Web design basics 1 (20)
Recently uploaded
Recently uploaded (20)
Web design basics 1
- 1. WebSite Development Web Design - 1 Class # 02 TRIVUz Academy MS Alam TRIVUz CEO, Shabaka Soft Ltd.
- 2. What to do?
- 3. Before we Start 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
- 4. Before we Start 1. 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. Define Task 1. Create our first web Document called Webpage 2. Upload our page to webserver 3. Browse our site using any web browser Web Design Basics Session # 01
- 6. Creating Web Page Tools & Language 1. A Text Editor, maybe notepad 2. Basic Knowledge of HTML Web Design - 1
- 7. HTML What is HTML? Web Design - 1
- 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.com Web Design - 1
- 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.com Web Design - 1
- 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.com Web Design - 1
- 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. HTML Saving HTML Document To save HTML document follow the step 1. Click File > Save As 2. Name the file as index.html 3. Open the index.html with any web browser - w3schools.com Web Design - 1
- 13. HTML Output
- 14. HTML More HTML Tags Lets learn more HTML Tags Bold 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. HTML HTML Elements An 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
- 18. MS Alam TRIVUz Thank You Head of Research TRIVUz Network (IT Research Since 2003) Lead Software Engineer RxRD Inc, Florida, USA CEO Shabaka Soft Ltd. trivuz@gmail.com +88 01712 084408
Editor's Notes
- ----- Meeting Notes (12/28/11 19:20) -----