44
IN AMBALA

Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Embed Size (px)

Citation preview

Page 1: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

IN AMBALA

Page 2: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 3: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 4: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 5: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

The aim of this course is to enable you to create a simple but well designed website to XHTML standards using Dreamweaver MX.

When you have completed these exercises, you will be able to:

create a simple but functional website to present information about

yourself, department or other interest using essential (X)HTML tags

and Dreamweaver MX.

apply fundamental good web design principles to your pages.

transfer your (X)HTML files from your local PC to a web server using

the SSH Secure

File Transfer program.

Page 6: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Web design is a process of conceptualizing, planning, and building a collection of electronic files that determine the layout, colors, text styles, structure, graphics, images, and use of interactive features that deliver pages to your site visitors. Professional Web design helps to make your business appear credible online. When you're ready to build a website, you have several options. If you are not familiar with HTML programming language and Web design applications, there are a number of other options for creating your Web design:

1. Hire a professional website design expert to create and build a unique Web site.2. Create your own website design using off-the-shelf software such as FrontPage or Dreamweaver. (These software packages do require technical expertise.)3. Use online website design tools with pre-set and/or customizable Web design templates to customize with your company colors, graphics and text.

Page 7: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms web design and web development are often used interchangeably, web design is technically a subset of the broader category of web development.Websites are created using a markup language called HTML. Web designers build webpages using HTML tags that define the content and metadata of each page. The layout and appearance of the elements within a webpage are typically defined using CSS, or cascading style sheets. Therefore, most websites include a combination of HTML and CSS that defines how each page will appear in a browser.

Page 8: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

A website, or Web site, is not the same thing as a Web page. Though the two terms are often used interchangeably, they should not be. So what's the difference? To put it simply, a Web site is a collection of Web pages.

FOR EXAMPLE : Amazon.com is a Web site, but there are millions of Web pages that make up the site. Knowing the difference between these two terms can save you a lot of embarrassment.

Page 9: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Web page is not the same thing as a

Web site. A Web site is a collection

of pages. A Web page is an

individual HTML document. This is a

good distinction to know, as most

techies have little tolerance for

people who mix up the two terms.

Page 10: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 11: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

The World Wide Web (WWW) is part of the Internet, which itself is "a

network of interconnected computers", in other words the physical

infrastructure used to transfer data (for example, emails, web

documents etc.) between computers.

Page 12: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 13: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

A static website contains Web pages with fixed content.

Each page is coded in HTML and displays the same

information to every visitor. Static sites are the most basic

type of website and are the easiest to create. Unlike

dynamic websites, they do not require any Web

programming or database design. A static site can be built

by simply creating a few HTML pages and publishing them to

a Web server.

Page 14: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 15: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Dynamic websites contain Web pages that are

generated in real-time. These pages include Web

scripting code, such as PHP or ASP. When a

dynamic page is accessed, the code within the

page is parsed on the Web server and the

resulting HTML is sent to the client's Web

browser.

Page 16: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Create a Simple Web Page with HTML

What is HTML?HTML is Hyper Text Markup language. Web pages read HTML in order to display your website content. Saying "HTML page" is the same as saying "Web page". HTML tags format the document and adds functionality. For example, the headline of your site can use the headline tags <h1>, <h2>, <h2> and so forth. This makes text larger and bold for headline. The <h1> being the largest. The <p> tag is for paragraphs and so forth. You will learn more about this in our next article called Understanding Basic HTML Tags.

Page 17: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

 HTML (Hyper Text Markup Language) is the coding language that makes web-pages, it is the skeleton of every web-page that exists. To see what it looks like, go into Internet Explorer, navigate to any website and right-click on the web-page selecting "View Source". You will see a page of code, and that is HTML. That code is what your browser sees and interprets into a human friendly web page. In Google Chrome press F12.In Mozilla Firefox, press Ctrl + U to view the page's source code.In Safari, select View View Source (or Option + Command + U).In Internet Explorer, the VIEW menu option is "source".

1.Understand what is HTML ?

Page 18: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 19: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

If you don't, you'll likely get overwhelmed by the

syntax and the script languages. It's important to

remember that you'll be writing your information

between an opening HTML tag and a closing

HTML tag. An opening tag looks like this: <___> .

A closing tag looks like this: </___> . Eventually,

the ___ is replaced with a code.

Page 20: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 21: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Go to Start, then "Programs" and then "Accessories." and click "Notepad." It is a lot easier if you use Notepad++ once you choose the HTML language, everything you write will be automatically connected with different colors - that way it will be a lot easier to correct possible mistakes.

Page 22: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 23: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Tell the browser what language you are using. On the first line,

type <!DOCTYPE>, this should always be the first tag in your

code. On the second line add <html>. It is the second tag you

write that tells the computer you're starting a web-page. It will

also be closed last, so at the end of the document, close it off

by typing this: </html>. This ends the web page.

Page 24: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 25: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 26: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

A title is important because it gives your users an

idea on what the page is all about. Also, when users

bookmark your site, that title is all they will see in

their bookmark list. The title for HTML code is <title>.

Close it off at the end of your title by writing </title>

The title is going to show on the tab, don't expect it

to be the title of the actual website.

Page 27: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 28: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Type <body> to open the body tag. Then

close the body tag by typing </body>. The

bulk of the information for your web-page

goes between <body> and </body>.To give

your web-page a background color, you can

add a style to the body. To add a background

color, add this tag <body style="background-

color: silver">. You can try a different color

or even a hex code. The words in the

quotation marks are known as "attributes."

They must be surrounded by quotation

marks!

Page 29: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

To make the text go to the

next line (like pressing

"Enter" on your keyboard),

write

Want to add a marquee,

otherwise known as a

word that moves across a

screen? Simply type

<marquee>TEXT GOES

HERE</marquee>.

Page 30: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

If you want to put a

picture from the

Internet onto your

web page, the HTML

code for pictures is

<img src="URL"> .

The closing tag is: .

However, the closing

tag is optional.

Page 31: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

<title>My Web-page</title>

<body bgcolor="yellow">

I love wikiHow because

<marquee>It's the best website in

the world!</marquee>

<img>

src="http://www.wikihow.com/

skins/common/images/

wikiHow_logo_5.gif"></body>

Page 32: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Go to "save as", put a

filename with an .html

extension (such as

"testfile.html") and choose

"all files" or "text" under file

type. It won't work if both

are not done. Go find the

page wherever you saved it,

double click it, and your

default web browser should

open up your very own web-

page.

Page 33: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 34: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 35: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

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

Power Point] Internet [Gmail, Facebook, Twitter] Online Form Filling Bill paying, Mobile Recharge, Shopping [LinkedIn, Printer rest] Window Installation, Software Up-

loadation

Page 36: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Introduction

Function

Control Statements

Arrays & Strings

Pointers, Structure

& Union

Page 37: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Introduction Classes, Objects Inheritance Constructor &

Destructor Function Pointers Structure Arrays & Asrings Structures, Union

Page 38: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

HTML

JavaScript

Dreamweaver /

Notepad++

Corel Draw

CSS & CSS3

Page 39: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Core PhpSQLServer Control

StructuresSessionCookies

Page 40: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Server Uploading

Working on (Responsive, Creative, E-Commerce Website)

Title Meta Tag

External Links

Official Blogs

Web 2.0 Blogs

Page 41: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Search Engine BasicKeyword ResearchBest On-Page SEO

TricksRole of Word PressDomain SelectionSocial media

ImportanceAnchor Text MessagesBlack Hat Vs White Hat

Local Place

Page 42: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Page 43: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Address: SCO 15, Dayal Bagh, Near Hanuman Mandir, Ambala Cantt- 133001 HaryanaPh. No.: 9729666670, 4000670Email-ID: [email protected]: www.batracomputercentre.com

Page 44: Web Designing Training in Ambala ! BATRA COMPUTER CENTRE