• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web design basics 1
 

Web design basics 1

on

  • 1,027 views

WebSite design basics

WebSite design basics

Statistics

Views

Total Views
1,027
Views on SlideShare
1,008
Embed Views
19

Actions

Likes
0
Downloads
15
Comments
0

3 Embeds 19

http://trivuzacademy.com 13
http://localhost 4
http://www.trivuzacademy.com 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • ----- Meeting Notes (12/28/11 19:20) -----

Web design basics 1 Web design basics 1 Presentation Transcript

  • WebSite Development Web Design - 1Class # 02TRIVUz Academy MS Alam TRIVUz CEO, Shabaka Soft Ltd.
  • What to do?
  • 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
  • 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
  • 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
  • Creating Web Page Tools & Language1. A Text Editor, maybe notepad2. Basic Knowledge of HTMLWeb Design - 1
  • HTML What is HTML?Web Design - 1
  • 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
  • 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
  • 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
  • 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
  • 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
  • HTMLOutput
  • 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
  • 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
  • MS Alam TRIVUzThank 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