Web Design & Development ! BATRA COMPUTER CENTRE

40
Created By :- Simran Grover BATRA COMPUTER CENTRE ISO CERTIFIED

Transcript of Web Design & Development ! BATRA COMPUTER CENTRE

Page 1: Web Design & Development ! BATRA COMPUTER CENTRE

Created By :- Simran Grover

BATRA COMPUTER CENTREISO CERTIFIED

Page 2: Web Design & Development ! BATRA COMPUTER CENTRE

WEBSITEA website is a collection of Web pages, images, videos or other digital assets that is hosted on one or several Web server(s), usually accessible via the Internet, cell phone or a LAN.

Page 3: Web Design & Development ! BATRA COMPUTER CENTRE
Page 4: Web Design & Development ! BATRA COMPUTER CENTRE
Page 5: Web Design & Development ! BATRA COMPUTER CENTRE

What is WWW ?The Web, or World Wide Web, is basically a system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML (Hypertext Markup Language) that supports links to other documents, as well as graphics, audio, and video files.

Page 6: Web Design & Development ! BATRA COMPUTER CENTRE
Page 7: Web Design & Development ! BATRA COMPUTER CENTRE

FULL FORM OF WWW

Page 8: Web Design & Development ! BATRA COMPUTER CENTRE

orld ide eb W

Page 9: Web Design & Development ! BATRA COMPUTER CENTRE

WEB DESIGNDesign is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.

Page 10: Web Design & Development ! BATRA COMPUTER CENTRE

Elements of

Web Design

Page 11: Web Design & Development ! BATRA COMPUTER CENTRE

1. LayoutThis is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design.

Page 12: Web Design & Development ! BATRA COMPUTER CENTRE

2. ColorThe choice of colors depends on the purpose and clientele; it could be simple black-and-white to multi-colored design, conveying the personality of a person or the brand of an organization, using web-safe colors.

Page 13: Web Design & Development ! BATRA COMPUTER CENTRE

3. GraphicsGraphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the color and content of the web page, while not making it too congested or slow to load.

Page 14: Web Design & Development ! BATRA COMPUTER CENTRE

4. Font

The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.

Page 15: Web Design & Development ! BATRA COMPUTER CENTRE

5. Content Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.

Page 16: Web Design & Development ! BATRA COMPUTER CENTRE

Creating User

Friendly Website

Page 17: Web Design & Development ! BATRA COMPUTER CENTRE

1. Navigation

Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require.

Page 18: Web Design & Development ! BATRA COMPUTER CENTRE

2. MultimediaRelevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage.

Page 19: Web Design & Development ! BATRA COMPUTER CENTRE

3. Compatibility Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing.

Page 20: Web Design & Development ! BATRA COMPUTER CENTRE

4. TechnologyAdvancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.

Page 21: Web Design & Development ! BATRA COMPUTER CENTRE

5. Interactive

Page 22: Web Design & Development ! BATRA COMPUTER CENTRE

GOOGLE ANALYTICS

Google Analytics is a service offered by Google that generates detailed statistics about a website's traffic and traffic sources and measures conversions and sales. It's the most widely used website statistics service. The basic service is free of charge and a premium version is available for a fee.

Page 23: Web Design & Development ! BATRA COMPUTER CENTRE

Domain

Page 24: Web Design & Development ! BATRA COMPUTER CENTRE

ServerA server is a computer program that provides services to other computer programs and their users. In the client/server programming model, a server program awaits and fulfills requests from client programs, which may be running in the same or other computers

Page 25: Web Design & Development ! BATRA COMPUTER CENTRE
Page 26: Web Design & Development ! BATRA COMPUTER CENTRE

Search Engine

Search engines are programs that search documents for specified keywords and returns a list of the documents where the keywords were found. A search engine is really a general class of programs, however, the term is often used to specifically describe systems like Google, Bing and Yahoo! Search that enable users to search for documents on the World Wide Web.

Page 27: Web Design & Development ! BATRA COMPUTER CENTRE
Page 28: Web Design & Development ! BATRA COMPUTER CENTRE
Page 29: Web Design & Development ! BATRA COMPUTER CENTRE

ADDRESS: 15-SCO Dayal Bagh, Ambala Cantt 133001 Near Panchmukhi Hanuman Mandir Haryana.Ph. No. : 9729666670, 4000670E-Mail ID : [email protected] : www.batracomputercentre.com

Page 30: Web Design & Development ! BATRA COMPUTER CENTRE
Page 31: Web Design & Development ! BATRA COMPUTER CENTRE
Page 32: Web Design & Development ! BATRA COMPUTER CENTRE

• BASIC COURSE• C PROGRAMMING• C++ PROGRAMMING• WEB DESIGNING• WEB DEVELOPMENT• S.E.O

Page 33: Web Design & Development ! BATRA COMPUTER CENTRE

BASIC COMPUTER

• Notepad• WordPad• MS OFFICE 2010, 2013 [ Word, Excel, Power

Point]• Internet [Gmail, Facebook, Twitter]• Online Form Filling• Bill paying, Mobile Recharge, Shopping

[Linked, Printerrest]• Window Installation, Software Up-Loadations.

Page 34: Web Design & Development ! BATRA COMPUTER CENTRE

C Programming Language

• Introduction• Function• Control Statements• Arrays & Strings• Pointers, Structure & Union

Page 35: Web Design & Development ! BATRA COMPUTER CENTRE

C++ Programming Language

• Introduction• Classes, Objects• Inheritance• Constructor & Destructor• Function• Pointers Structure• Arrays & Astrings• Structures, Union

Page 36: Web Design & Development ! BATRA COMPUTER CENTRE

Web Designing

• HTML• JavaScript• Dreamweaver / Notepad++• Corel Draw• CSS & CSS3

Page 37: Web Design & Development ! BATRA COMPUTER CENTRE

Web Development

• Core PHP• SQL• Server Control Structures• Session• Cookies

Page 38: Web Design & Development ! BATRA COMPUTER CENTRE

S.E.O Courses

• Search Engine Basic• Keyword Research• Best On-Page SEO Tricks• Role of Word Press• Domain Selection• Social media Importance• Anchor Text Messages• Black Hat VS. White Hat Local Place

Page 39: Web Design & Development ! BATRA COMPUTER CENTRE

Courses Attractions

• Server Uploading• Working on (Responsive, Creative, E-

Commerce Website)• Title Meta Tag• External Links• Official Blogs• Web 2.0 Blogs

Page 40: Web Design & Development ! BATRA COMPUTER CENTRE