Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Project 1 Introduction to HTML.
. Website and file organization. How websites work.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
1st Project Introduction to HTML.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
The Internet & The World Wide Web Notes
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
What Is the Internet? The Internet is a worldwide collection of computer networks that links together millions of computers used by businesses, the government,
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Web Development Life Cycle from Beginning to End…and BEYOND!
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
HTML ~ Web Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
UNESCO ICTLIP Module 1. Lesson 61 Introduction to Information and Communication Technologies Lesson 6. What is the Internet?
Guide: DR. R. BALASUBRAMANI Assistant Professor Department of LIS Bharathidasan University Tiruchirappalli.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Chapter 29 World Wide Web & Browsing World Wide Web (WWW) is a distributed hypermedia (hypertext & graphics) on-line repository of information that users.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Web Server By Bhupendra Ratha, Lecturer School of Library and Information Science Devi Ahilya University, Indore
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
4.01 How Web Pages Work.
Pre-Production Meet with the client to create a project plan:
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Web Development Life Cycle from Beginning to End…and BEYOND!
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Multimedia Web Site Design
INFS 230 L Internet Technology
4.01 How Web Pages Work.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore

Contents Introduction to Web Page Introduction to Web Page Web Site Web Site Types of Web site Types of Web site Why a Web Site for the Library? Why a Web Site for the Library? Web Designing Web Designing Characteristics of a Good Web Site Characteristics of a Good Web Site Basic Requirement for Web Designing Basic Requirement for Web Designing Basic Element of a Library Web Site Basic Element of a Library Web Site Steps for Web Designing Steps for Web Designing Tips For the Web Designing Tips For the Web Designing Using the HTML for Web Designing Using the HTML for Web Designing

Introduction to Web Page Web page is a collection of the data/information in various formate such as text, graphical, audio-visual etc. Web page is a collection of the data/information in various formate such as text, graphical, audio-visual etc. A file of information formatted using HTML, which is almost accessible via HTTP on the internet that is sent by a web server in response to a web browser’s request is called web page. A file of information formatted using HTML, which is almost accessible via HTTP on the internet that is sent by a web server in response to a web browser’s request is called web page.

Web Site Web site is a collection of Web pages or other digital assets. The home page is the first or top page of any web site. A site can be just one page or can be dozens or even hundreds of pages. Web site is a collection of Web pages or other digital assets. The home page is the first or top page of any web site. A site can be just one page or can be dozens or even hundreds of pages. Underlined or highlighted hyperlink text is often embedded in the home page. The hyperlink serve to connect the top page with other pages throuout the site. Underlined or highlighted hyperlink text is often embedded in the home page. The hyperlink serve to connect the top page with other pages throuout the site.hyperlink

Types of Web Site We can classified the types of web site in three grouping for the designing; We can classified the types of web site in three grouping for the designing; 1. Structural grouping 2. Functional grouping 3. Visual grouping

Structural Grouping 1. Tree/ outline structure 2. Linear structure 3. Random structure

Tree/ outline or Hierarchical In tree/ outline structure information's are in hierarchical manner, moving from general information to more specific data. In tree/ outline structure information's are in hierarchical manner, moving from general information to more specific data. Home Page Web Page

Linear In linear structure, one page leads to next page, which leads to the next one and so one. In linear structure, one page leads to next page, which leads to the next one and so one. Home Page Web Page

Random Random structure is really a lack of structure in which pages are connected to one another seemingly at random. Random structure is really a lack of structure in which pages are connected to one another seemingly at random. Home Page Web Page

Functional Grouping Functional grouping include Functional grouping include –Informational –Entertainment –Educational –Personal –Business

Visual Grouping Visual grouping include Visual grouping include –Text oriented –GUI style –Pure static –Static with tabulation and descriptive –Audio-visual style

Why a Web Site for the Library? To present a visual display our library and their sections. To present a visual display our library and their sections. To correspondence through . To correspondence through . To provide chat referencing service. To provide chat referencing service. To use of Web OPAC. To use of Web OPAC. To display of information about the library, their functions and services. To display of information about the library, their functions and services. To provide online library product and services. To provide online library product and services. To provide information and library services on the world wide. To provide information and library services on the world wide.

Web Designing Web designing is a systematic process of the selection and coordination of available components to create the layout and structure of the web pages. Web designing is a systematic process of the selection and coordination of available components to create the layout and structure of the web pages. Web design is a process of conceptualization, planning, modeling, and execution of electronic media content delivery via Internet in the form of technologies (such as markup languages) suitable for interpretation and display by a web browser. Web design is a process of conceptualization, planning, modeling, and execution of electronic media content delivery via Internet in the form of technologies (such as markup languages) suitable for interpretation and display by a web browser.

Characteristics of a Good Web Site Well-organized Well-organized Easy to navigate Easy to navigate Attractive Attractive Useful Useful Up-to-date Up-to-date

Basic Requirement for Web Designing A computer system A computer system Collected data (Text, graphics, images, sound, videos etc). Collected data (Text, graphics, images, sound, videos etc). Application and supporting software (PageMaker, coral draw, notepad, adobe reader etc). Application and supporting software (PageMaker, coral draw, notepad, adobe reader etc). Knowledge about above software. Knowledge about above software. Knowledge about markup language (html or Java). Knowledge about markup language (html or Java).

Basic Elements of a Library Web Site Web site address Web site address Heading or Title of the web site Heading or Title of the web site Logo Logo About us About us Sections Sections Publications Publications Services Services Contact us Contact us

For Example

Steps to a Well Designed Web Site Have a Goal Have a Goal Target Audience Target Audience Create a Plan Create a Plan Select a Web Service Provider Select a Web Service Provider Testing and Measurement Testing and Measurement Implementation of the Web Implementation of the Web

Tips for Website Designing Before creating a website, a specific purpose and goal must be defined. Before creating a website, a specific purpose and goal must be defined. Before creating a website, we must define the target audience. Before creating a website, we must define the target audience. We should be observed the other web sites that related with similar purpose, field and subject. We should be observed the other web sites that related with similar purpose, field and subject. Home page must be virtually attractive, informative & easy to navigate. Home page must be virtually attractive, informative & easy to navigate. The site should be user- friendly with the interface and navigation simple and reliable. The site should be user- friendly with the interface and navigation simple and reliable. Each page of a web site should be independent and also provide appropriate jumps from the page to page or resource of interest by hyperlink. Each page of a web site should be independent and also provide appropriate jumps from the page to page or resource of interest by hyperlink.

Cont… Attractive and appropriate colors should be used with the consulting background colors on each page according to necessary. Attractive and appropriate colors should be used with the consulting background colors on each page according to necessary. Content of Website Content of Website Clear navigation Clear navigation Consistency in design Consistency in design