jwd_unit 2_basic web page development_ppt
Post on 02-Apr-2018
217 Views
Preview:
TRANSCRIPT
-
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
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
2/15
C o n f i d e n t i a l
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
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
3/15
C o n f i d e n t i a l
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
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
4/15
C o n f i d e n t i a l
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.
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
5/15
C o n f i d e n t i a l
5
HTML Basics
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
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"
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
6/15
C o n f i d e n t i a l
6
Creating HTML Document
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
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/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
7/15C o n f i d e n t i a l
7
Building a Web Page
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
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
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
8/15C o n f i d e n t i a l
8
Basic Aspects of Web Layout
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
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.
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
9/15C o n f i d e n t i a l
9
Create Web Page Using Notepad
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
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.
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
10/15C o n f i d e n t i a l
10
Text and Image Formatting
HOME NEXTPREVIOUS
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
11/15
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
12/15C o n f i d e n t i a l
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
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
13/15C o n f i d e n t i a l
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
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
14/15C o n f i d e n t i a l
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
Unit-2 Basic Web Page Development
-
7/27/2019 JWD_Unit 2_Basic Web Page Development_PPT
15/15C o n f i d e n t i a l
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
Unit-2 Basic Web Page Development
top related