SlideShare a Scribd company logo
1 of 44
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.
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.
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
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.
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.
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.
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.
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.
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.
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 ?
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.
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.
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.
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.
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!
 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>.
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.
<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>
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.
 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
Introduction
Function
Control Statements
Arrays & Strings
Pointers, Structure &
Union
 Introduction
 Classes, Objects
 Inheritance
 Constructor &
Destructor
 Function
 Pointers Structure
 Arrays & Asrings
 Structures, Union
HTML
JavaScript
Dreamweaver / Notepad++
Corel Draw
CSS & CSS3
Core Php
SQL
Server Control
Structures
Session
Cookies
Server Uploading
Working on (Responsive, Creative, E-
Commerce Website)
Title Meta Tag
External Links
Official Blogs
Web 2.0 Blogs
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
Address: SCO 15, Dayal Bagh,
Near Hanuman
Mandir,
Ambala Cantt- 133001
Haryana
Ph. No.: 9729666670, 4000670
Email-ID:
info.jatinbatra@gmail.com
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

More Related Content

What's hot (20)

html tutorial
html tutorialhtml tutorial
html tutorial
 
Session4
Session4Session4
Session4
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
Html basics
Html basicsHtml basics
Html basics
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
Hypertext markup language (html)
Hypertext markup language (html)Hypertext markup language (html)
Hypertext markup language (html)
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
HTML practical file
HTML practical fileHTML practical file
HTML practical file
 
WEB DESIGNING MODULE
WEB DESIGNING MODULEWEB DESIGNING MODULE
WEB DESIGNING MODULE
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
 
Html
HtmlHtml
Html
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Raju html
Raju htmlRaju html
Raju html
 
HTML
HTMLHTML
HTML
 
Html,javascript & css
Html,javascript & cssHtml,javascript & css
Html,javascript & css
 
Html vs xhtml
Html vs xhtmlHtml vs xhtml
Html vs xhtml
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
 
Html basic
Html basicHtml basic
Html basic
 

Similar to Web Designing Training in Ambala ! BATRA COMPUTER CENTRE

Similar to Web Designing Training in Ambala ! BATRA COMPUTER CENTRE (20)

Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
Web design in 7 days
Web design in 7 daysWeb design in 7 days
Web design in 7 days
 
Importance of HTML
Importance of HTMLImportance of HTML
Importance of HTML
 
Lesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdfLesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdf
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
 
Web Designing
Web DesigningWeb Designing
Web Designing
 
Html
HtmlHtml
Html
 
Html intro
Html introHtml intro
Html intro
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Html basics
Html basicsHtml basics
Html basics
 
Day1
Day1Day1
Day1
 
Markup language classification, designing static and dynamic
Markup language classification, designing static and dynamicMarkup language classification, designing static and dynamic
Markup language classification, designing static and dynamic
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Basic HTML Tutorial For Beginners
Basic HTML Tutorial For BeginnersBasic HTML Tutorial For Beginners
Basic HTML Tutorial For Beginners
 
INTRODUCTIONS OF HTML
INTRODUCTIONS OF HTMLINTRODUCTIONS OF HTML
INTRODUCTIONS OF HTML
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3
 

More from jatin batra

Best SMO Training &Coaching in Ambala
Best SMO Training &Coaching in AmbalaBest SMO Training &Coaching in Ambala
Best SMO Training &Coaching in Ambalajatin batra
 
Best HTML Training &Coaching in Ambala
Best HTML Training &Coaching in AmbalaBest HTML Training &Coaching in Ambala
Best HTML Training &Coaching in Ambalajatin batra
 
Best SEO Training & Coaching in Ambala
Best SEO Training & Coaching in AmbalaBest SEO Training & Coaching in Ambala
Best SEO Training & Coaching in Ambalajatin batra
 
Best Photoshop Training in Ambala
 Best Photoshop Training  in Ambala Best Photoshop Training  in Ambala
Best Photoshop Training in Ambalajatin batra
 
Best C Programming Training & Coaching in Ambala
Best C Programming Training & Coaching in AmbalaBest C Programming Training & Coaching in Ambala
Best C Programming Training & Coaching in Ambalajatin batra
 
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTT
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTTBASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTT
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTTjatin batra
 
Web Browser ! Batra Computer Centre
Web Browser ! Batra Computer CentreWeb Browser ! Batra Computer Centre
Web Browser ! Batra Computer Centrejatin batra
 
Search Engine Training in Ambala ! Batra Computer Centre
Search Engine Training in Ambala ! Batra Computer CentreSearch Engine Training in Ambala ! Batra Computer Centre
Search Engine Training in Ambala ! Batra Computer Centrejatin batra
 
Networking Training in Ambala ! Batra Computer Centre
Networking Training in Ambala ! Batra Computer CentreNetworking Training in Ambala ! Batra Computer Centre
Networking Training in Ambala ! Batra Computer Centrejatin batra
 
SQL Training in Ambala ! BATRA COMPUTER CENTRE
SQL Training in Ambala ! BATRA COMPUTER CENTRESQL Training in Ambala ! BATRA COMPUTER CENTRE
SQL Training in Ambala ! BATRA COMPUTER CENTREjatin batra
 
Networking ! BATRA COMPUTER CENTRE
Networking ! BATRA COMPUTER CENTRENetworking ! BATRA COMPUTER CENTRE
Networking ! BATRA COMPUTER CENTREjatin batra
 
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTRE
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTREMs Office 2010 Training in Ambala ! BATRA COMPUTER CENTRE
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTREjatin batra
 
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTRE
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTREBasic Computer Training Centre in Ambala ! BATRA COMPUTER CENTRE
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTREjatin batra
 
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRE
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRECorel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRE
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTREjatin batra
 
Basic Computer Training Institute ! BATRA COMPUTER CENTRE
Basic Computer Training Institute ! BATRA COMPUTER CENTREBasic Computer Training Institute ! BATRA COMPUTER CENTRE
Basic Computer Training Institute ! BATRA COMPUTER CENTREjatin batra
 
HTML Training Institute in Ambala ! Batra Computer Centre
HTML Training Institute in Ambala ! Batra Computer CentreHTML Training Institute in Ambala ! Batra Computer Centre
HTML Training Institute in Ambala ! Batra Computer Centrejatin batra
 
Benefits of Web Browser ! Batra Computer Centre
Benefits of Web Browser ! Batra Computer CentreBenefits of Web Browser ! Batra Computer Centre
Benefits of Web Browser ! Batra Computer Centrejatin batra
 
SEO Training in Ambala ! Batra Computer Centre
SEO Training in Ambala ! Batra Computer CentreSEO Training in Ambala ! Batra Computer Centre
SEO Training in Ambala ! Batra Computer Centrejatin batra
 
Internet Training Centre in Ambala ! Batra Computer Centre
Internet Training Centre in Ambala ! Batra Computer CentreInternet Training Centre in Ambala ! Batra Computer Centre
Internet Training Centre in Ambala ! Batra Computer Centrejatin batra
 
Basic Computer Training Centre in Ambala ! Batra Computer Centre
Basic Computer Training Centre in Ambala ! Batra Computer CentreBasic Computer Training Centre in Ambala ! Batra Computer Centre
Basic Computer Training Centre in Ambala ! Batra Computer Centrejatin batra
 

More from jatin batra (20)

Best SMO Training &Coaching in Ambala
Best SMO Training &Coaching in AmbalaBest SMO Training &Coaching in Ambala
Best SMO Training &Coaching in Ambala
 
Best HTML Training &Coaching in Ambala
Best HTML Training &Coaching in AmbalaBest HTML Training &Coaching in Ambala
Best HTML Training &Coaching in Ambala
 
Best SEO Training & Coaching in Ambala
Best SEO Training & Coaching in AmbalaBest SEO Training & Coaching in Ambala
Best SEO Training & Coaching in Ambala
 
Best Photoshop Training in Ambala
 Best Photoshop Training  in Ambala Best Photoshop Training  in Ambala
Best Photoshop Training in Ambala
 
Best C Programming Training & Coaching in Ambala
Best C Programming Training & Coaching in AmbalaBest C Programming Training & Coaching in Ambala
Best C Programming Training & Coaching in Ambala
 
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTT
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTTBASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTT
BASIC COMPUTER TRAINING & COACHING CENTRE IN AMBALA CANTT
 
Web Browser ! Batra Computer Centre
Web Browser ! Batra Computer CentreWeb Browser ! Batra Computer Centre
Web Browser ! Batra Computer Centre
 
Search Engine Training in Ambala ! Batra Computer Centre
Search Engine Training in Ambala ! Batra Computer CentreSearch Engine Training in Ambala ! Batra Computer Centre
Search Engine Training in Ambala ! Batra Computer Centre
 
Networking Training in Ambala ! Batra Computer Centre
Networking Training in Ambala ! Batra Computer CentreNetworking Training in Ambala ! Batra Computer Centre
Networking Training in Ambala ! Batra Computer Centre
 
SQL Training in Ambala ! BATRA COMPUTER CENTRE
SQL Training in Ambala ! BATRA COMPUTER CENTRESQL Training in Ambala ! BATRA COMPUTER CENTRE
SQL Training in Ambala ! BATRA COMPUTER CENTRE
 
Networking ! BATRA COMPUTER CENTRE
Networking ! BATRA COMPUTER CENTRENetworking ! BATRA COMPUTER CENTRE
Networking ! BATRA COMPUTER CENTRE
 
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTRE
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTREMs Office 2010 Training in Ambala ! BATRA COMPUTER CENTRE
Ms Office 2010 Training in Ambala ! BATRA COMPUTER CENTRE
 
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTRE
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTREBasic Computer Training Centre in Ambala ! BATRA COMPUTER CENTRE
Basic Computer Training Centre in Ambala ! BATRA COMPUTER CENTRE
 
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRE
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRECorel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRE
Corel Draw Training Institute in Ambala ! BATRA COMPUTER CENTRE
 
Basic Computer Training Institute ! BATRA COMPUTER CENTRE
Basic Computer Training Institute ! BATRA COMPUTER CENTREBasic Computer Training Institute ! BATRA COMPUTER CENTRE
Basic Computer Training Institute ! BATRA COMPUTER CENTRE
 
HTML Training Institute in Ambala ! Batra Computer Centre
HTML Training Institute in Ambala ! Batra Computer CentreHTML Training Institute in Ambala ! Batra Computer Centre
HTML Training Institute in Ambala ! Batra Computer Centre
 
Benefits of Web Browser ! Batra Computer Centre
Benefits of Web Browser ! Batra Computer CentreBenefits of Web Browser ! Batra Computer Centre
Benefits of Web Browser ! Batra Computer Centre
 
SEO Training in Ambala ! Batra Computer Centre
SEO Training in Ambala ! Batra Computer CentreSEO Training in Ambala ! Batra Computer Centre
SEO Training in Ambala ! Batra Computer Centre
 
Internet Training Centre in Ambala ! Batra Computer Centre
Internet Training Centre in Ambala ! Batra Computer CentreInternet Training Centre in Ambala ! Batra Computer Centre
Internet Training Centre in Ambala ! Batra Computer Centre
 
Basic Computer Training Centre in Ambala ! Batra Computer Centre
Basic Computer Training Centre in Ambala ! Batra Computer CentreBasic Computer Training Centre in Ambala ! Batra Computer Centre
Basic Computer Training Centre in Ambala ! Batra Computer Centre
 

Recently uploaded

Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxUmeshTimilsina1
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 

Recently uploaded (20)

Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 

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
  • 36. Introduction Function Control Statements Arrays & Strings Pointers, Structure & Union
  • 37.  Introduction  Classes, Objects  Inheritance  Constructor & Destructor  Function  Pointers Structure  Arrays & Asrings  Structures, Union
  • 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
  • 42.
  • 43. Address: SCO 15, Dayal Bagh, Near Hanuman Mandir, Ambala Cantt- 133001 Haryana Ph. No.: 9729666670, 4000670 Email-ID: info.jatinbatra@gmail.com