25

Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign
Page 2: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Ms. Ronette

Mr. Farhan

Dr. Brijesh Jajal

Page 3: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

• Duration: 2 hours

• Aims: To introduce the basic concept of Web Design and to Implement using Microsoft Expression Web4.

Page 4: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Learning Objectives:

After this session you will:

• You will be able to:

– Understand the basics of concept of Web deign

– Design Professional Web site from scratch using the MS Expression Web4.

– To publish the website using free servers.

Page 5: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

What is Web Design?

Page 6: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Examples of Bad Web Design

• http://www.pennyjuice.com/htmlversion/whoispj.htm

• http://heaven.internetarchaeology.org/heaven.html#bottom

• http://www.greatdreams.com/

• https://gsgadblog.files.wordpress.com/2013/03/ingenfeld.jpg

• http://www.bellads.info/

Page 7: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Good Design

• http://www.tinkeringmonkey.com/

• http://foodsense.is/

• http://www.optilead.co.uk/

Page 8: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign
Page 9: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign
Page 10: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Elements of Web Design • Layout

• Colour • Graphics • Fonts • Content • Navigation • Multimedia • Compatibility • Technology • Interactive

Page 11: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

TOOLS AND SOFTWARE USED FOR WEB DEVELOPMENT

• Adobe Dreamweaver • CoffeeCup HTML Editor • Komodo IDE • Expression Web • phpDesigner • BestAddress HTML Editor • CSE HTML Validator • EditPlus • Web Studio • TopStyle

Page 12: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

MS Expression Web 4 lets you: • Insert text and graphics • Import and export files • Add, test, and repair hyperlinks • Easily view and manage the entire Web site

Page 13: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign
Page 14: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign
Page 15: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

MySite Host

Host

1

2

Page 16: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

https://www.000webhost.com/

Page 17: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

https://www.000webhost.com/

**********

salim @ yahoo.com

ScienceExpert Salim

Page 18: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

https://www.000webhost.com/

Page 19: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

Page 20: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

MySite Host

Host

1

2

Page 21: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

https://www.wix.com

Page 22: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

https://www.wix.com

Page 23: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers https://www.wix.com

Page 24: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

https://www.wix.com

Page 25: Ms. Ronette Dr. Brijesh Jajal to Design a Website.pdf · Learning Objectives: After this session you will: •You will be able to: –Understand the basics of concept of Web deign

Hosting website on free servers

WORKSHOP - How to Build and Design Website Dr. Brijesh Jajal, HCT - IT

https://www.wix.com