JWD_Unit 2_Basic Web Page Development_PPT

7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT

1/15

C o n f i d e n t i a l

1

Program : MBA

Semester : IV

Subject Code : MI0041

Subject Name : Java and Web Design

Unit number : 2

Unit Title : Basic Web Page Development

Lecture Number : 2

Lecture Title : Basic Web Page Development

HOME NEXT


2/15


2

Basic Web Page Development

Objectives :

To analyse the basic tags that structure the HTML document.

To build a Web page with a mark-up language.

To organise your Web content for effective presentation.

To use links to effectively guide the reader to the content.

To decide if you need use a Web page development tool.

HOME NEXTPREVIOUS

Unit-2 Basic Web Page Development


3/15


3

Lecture Outline

Introduction

World Wide Web

HTML Basics

Creating HTML Document

Building a Web Page

Basic Aspects of Web Layout

Create Web Page Using Notepad

Text and Image Formatting

Hyperlinks

Web Development Tools Summary

Check Your Learning

Activity

HOME NEXTPREVIOUS



4/15


4

Introduction

HOME NEXTPREVIOUS

Website is a collection of many Web pages.

We can create a user friendly Website by:

Making a clear presentation of the data on the Web page.

Using text and graphics to make the Web page user friendly.

In this session, we will learn the techniques of developing a basic Web

page.



5/15


5

HTML Basics

HOME NEXTPREVIOUS


Hyper Text Mark-up Language (HTML):

One of the most popular languages in the creation of Web page.

Tim Berners Lee developed HTML in 1989.

HTML tags:

Inbuilt commands to determine operations that will be performed on

the text to be displayed on Web page.

Tags are written using angled brackets.

Start tag and end tag are two types of tags.

Example:

"The content of the paragraph"


6/15


6

Creating HTML Document

HOME NEXTPREVIOUS


Nested HTML

element

Tags used to

provide hyperlink

Attribute Value Appears as

hyperlink on Web

page and when

clicked opens up

www.google.com


7/15C o n f i d e n t i a l

7

Building a Web Page

HOME NEXTPREVIOUS


1

Gather the right content

2

Organise the content logically

3

Design the Web page with simple and reliable

interfaces, and navigations

4

Plan for the placement of content on Web page



8

Basic Aspects of Web Layout

HOME NEXTPREVIOUS


Space and white space:

- Utilise the entire space on the Web page.

- Consider the screen resolution.

Images and graphics:

- Check image size and position.

Text width / Scan length:

- Set a proper width.



9

Create Web Page Using Notepad

HOME NEXTPREVIOUS


1. Write a HTML code using notepad.

2. Give a name for your document and save it as HTML document using

.html or .htm extension.

3. Locate the HTML document and double click on it to view the Web

page.



10

Text and Image Formatting

HOME NEXTPREVIOUS



11/15



12

Web Development Tools

Web development tools are software that assists in designing Web pages

easily and efficiently.

Popular Web development tools:

Dreamweaver

- was initially developed by Macromedia but is owned by Adobe.

FrontPage

- is developed by Microsoft.

HOME NEXTPREVIOUS




13

Summary

HTML is one of the most popular languages used in the

creation of Web page.

HTML tags refer to inbuilt commands to determine operations that

will be performed on the text to be displayed on Web page.

To build a Web page we have to gather and organise content, then

design the Web page interfaces, and then plan to place content on

Web page.

Popular Web development tools are dreamweaver and FrontPage.

HOME NEXTPREVIOUS




14

Check Your Learning

1. What is a HTML tag?

Ans. HTML tag is an inbuilt commands to determine operations that will

be performed on the text to be displayed on Web page.

2. Name any two popular Web development tools.

Ans. Dreamweaver and FrontPage.

3. What is the syntax to create a hyperlink?

Ans. Link text

HOME NEXTPREVIOUS




15

Activity

1. Make a list of the popular Web developing tools available in the

market today, and analyse how they can be used to build a Web

page.

HOMEPREVIOUS


Documents

JWD_Unit 2_Basic Web Page Development_PPT