Are you in search of Web Designing training in Ambala?
Now your search ends here... Batra Computer Centre provides you the best training in Ambala Cantt. We provide training in Basics of Computers, training in Programming Languages C, C++, HTML, PHP,Web Designing,WebDevelopment,Seo,Smo and training many other courses also provided here.
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
1.
2.
3.
4.
5. 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.
6. 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.
7. 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
8. 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.
9. 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.
10.
11. 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.
12.
13. 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.
14.
15. 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.
16. 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.
17. 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 ?
18.
19. 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.
20.
21. 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.
22.
23. 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.
24.
25.
26. 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.
27.
28. 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!
29. 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>.
30. 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.
31. <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.g
if"></body>
32. 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.
33.
34.
35. 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
40. Server Uploading
Working on (Responsive, Creative, E-
Commerce Website)
Title Meta Tag
External Links
Official Blogs
Web 2.0 Blogs
41. 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