SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
WEB DESIGNING
AND
DEVELOPMENT
TOPICS
Introduction to Web Designing.
Web Trends.
Basic CSS and Workshop.
 Bonus Topic: Doing business
with web development.
What is web designing?
Web Designing is the process of
building and maintaining websites. Web
Designing includes different aspects
like Front End coding, website
wireframe, website layout design, color
combinations, fonts, graphic design,
webpage interactions etc.
What is Web Development?
Web development broadly refers to the
tasks associated with developing websites
for hosting via intranet or internet. The web
development process includes web
design, web content development, client-
side/server-side scripting and network
security configuration, among other tasks.
A web page or webpage is a document commonly
written in HTML (Hypertext Markup Language) that
is accessible through the Internet or other networks
using an Internet browser. A web page is accessed by
entering a URL address and may contain text,
graphics, and hyperlinks to other web pages and files.
WEB PAGE?
Basically there are two types of
web pages:
 Static Web Page
Dynamic Web Page
TYPES OF PAGES
A static web page (sometimes called a flat page or
a stationary page) is a web page that is delivered
to the user's web browser exactly as stored, in
contrast to dynamic web pages which are
generated by a web application.
STATIC WEB PAGES
A dynamic web page is a web page that displays
different content each time it's viewed. For
example, the page may change with the time of day,
the user that accesses the webpage, or the type of
user interaction. There are two types of dynamic
web pages.
DYNAMIC WEB PAGES
• Java
• Python
• JavaScript
• CSS / HTML
• C++
• PHP
• C
• SQL
• Ruby
• Go
 SublimeText.
 Chrome DeveloperTools.
 jQuery.
 GitHub.
 Twitter Bootstrap.
 Angular.js.
 Sass.
Visual Design. A web designer will often thrive if
his visual designing skill share. advanced.
UX.
Print Design Skills.
Resourcefulness.
CSS.
HTML.
Communication Skills.
Time-Management Skills.
HTML 5
JAVA SCRIPT
CSS & CSS 3
WEB PAGE CREATION
WORK ON LIVE PROJECTS
DREAM WEAVER NOTEPAD++
HTML5 is the latest version of Hypertext
Markup Language, the code that
describes web pages. It's actually three
kinds of code: HTML, which provides
the structure; Cascading Style Sheets
(CSS), which take care
of presentation; and JavaScript,
 which makes things happen.
 JavaScript is a programming language that can
be included on web pages to make them more
interactive. ... JavaScript is a client side,
interpreted, object oriented, high level scripting
language, while Java is a client side, compiled,
object oriented high level language.
 CSS stands for Cascading Style
Sheets. CSS describes how HTML elements are to
be displayed on screen, paper, or in other
media. CSS saves a lot of work. It can control the
layout of multiple web pages all at once. External
style sheets are stored in CSS files.
 CSS3 is the latest evolution of the Cascading Style
Sheets language and aims at extending CSS2.1. It
brings a lot of long-awaited novelties, like rounded
corners, shadows, gradients, transitions or
animations, as well as new layouts like multi-
columns, flexible box or grid layouts.
Basic Web Page Creation. ... Web
pages are built using HTML (Hyper Text
Markup Language). The technology for this
has been around long before there
were web pages or even the Internet so it's
not really unique to the Web. A Markup
Language is simply inserting special
symbols into a body of text to give it some
formatting.
Live projects are projects that can be
worked on in real-time and with a defined
deadline. These projects provide a hands-
on experience on any ongoing work in a
company. A live project can be called as an
internship or training because a student
can gain real work expertise before getting
a full-time job.
 Combined with an array of site management tools,
Dreamweaver allows for its users to design, code and
manage websites, as well as mobile content.
Dreamweaver is an Integrated Development
Environment (IDE) tool. You can live preview of
changes for the frontend
 An HTML document is a plain text file that can be
created or modified with any word processing
program that can handle text. ... A much better plan
though is to use, Notepad because it is a very simple
text editor that you will find easy to use for editing
your HTML documents.
Web design encompasses many different
skills and disciplines in the production
and maintenance of websites. The
different areas of web
design include web graphic design;
interface design; authoring, including
standardized code and proprietary
software; user experience design; and
search engine optimization.
USE OF WEB DESIGNING
Web apps are developed
with programming languages such as
HTML and CSS, which are well known
among IT professionals. Unlike native
apps, a single web app is able to reach
out to all devices. It's programmed to run
on any operating system.
USE OF WEB DEVELOPMENT
ANY QUERY?
THANK
YOU

Más contenido relacionado

Was ist angesagt?

FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxRajeevKumar304148
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018Traversy Media
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiTemitayo Fadojutimi
 
web development.pptx
web development.pptxweb development.pptx
web development.pptxMohdArbazraza
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web DevelopmentParvez Mahbub
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
Front end development session1
Front end development session1Front end development session1
Front end development session1marwa Ayad Mohamed
 
Content management system
Content management systemContent management system
Content management systemAdhoura Academy
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
Front end web development
Front end web developmentFront end web development
Front end web developmentviveksewa
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project PresentationMilind Gokhale
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student Abhishekchauhan863165
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Jayant Surana
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing PresentationRahulSuri30
 

Was ist angesagt? (20)

Web development
Web developmentWeb development
Web development
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptx
 
Web development
Web developmentWeb development
Web development
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Introduction to cms and wordpress
Introduction to cms and wordpressIntroduction to cms and wordpress
Introduction to cms and wordpress
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
Content management system
Content management systemContent management system
Content management system
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Front end web development
Front end web developmentFront end web development
Front end web development
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
Web Development - Lecture 1
Web Development - Lecture 1Web Development - Lecture 1
Web Development - Lecture 1
 
Wordpress ppt
Wordpress pptWordpress ppt
Wordpress ppt
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing Presentation
 

Ähnlich wie Web designing and development

web designing course in chandigarh
web designing course in chandigarhweb designing course in chandigarh
web designing course in chandigarhCBitss Technologies
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development47ishu
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfRamCharan481900
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...abeda786
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologiesabeda786
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
web development services in lahore.pdf
web development services in lahore.pdfweb development services in lahore.pdf
web development services in lahore.pdffaizanashfaq4
 
web development services in lahore.pdf
web development services in lahore.pdfweb development services in lahore.pdf
web development services in lahore.pdffaizanashfaq4
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfgdsczhcet
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREjatin batra
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentyugalgera
 

Ähnlich wie Web designing and development (20)

web designing course in chandigarh
web designing course in chandigarhweb designing course in chandigarh
web designing course in chandigarh
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdf
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
33.docx
33.docx33.docx
33.docx
 
web development services in lahore.pdf
web development services in lahore.pdfweb development services in lahore.pdf
web development services in lahore.pdf
 
web development services in lahore.pdf
web development services in lahore.pdfweb development services in lahore.pdf
web development services in lahore.pdf
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
 
web devs ppt.ppsx
web devs ppt.ppsxweb devs ppt.ppsx
web devs ppt.ppsx
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 

Mehr von gherryta

National income and related aggregates
National income and related aggregatesNational income and related aggregates
National income and related aggregatesgherryta
 
Accoutning concepts, principles and conventions
Accoutning concepts, principles and conventionsAccoutning concepts, principles and conventions
Accoutning concepts, principles and conventionsgherryta
 
Meaning and scope of accounting
Meaning and scope of accountingMeaning and scope of accounting
Meaning and scope of accountinggherryta
 
Depreciation
DepreciationDepreciation
Depreciationgherryta
 
Basic accounting terms
Basic accounting termsBasic accounting terms
Basic accounting termsgherryta
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft wordgherryta
 

Mehr von gherryta (6)

National income and related aggregates
National income and related aggregatesNational income and related aggregates
National income and related aggregates
 
Accoutning concepts, principles and conventions
Accoutning concepts, principles and conventionsAccoutning concepts, principles and conventions
Accoutning concepts, principles and conventions
 
Meaning and scope of accounting
Meaning and scope of accountingMeaning and scope of accounting
Meaning and scope of accounting
 
Depreciation
DepreciationDepreciation
Depreciation
 
Basic accounting terms
Basic accounting termsBasic accounting terms
Basic accounting terms
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 

Último

Plant Tissue culture., Plasticity, Totipotency, pptx
Plant Tissue culture., Plasticity, Totipotency, pptxPlant Tissue culture., Plasticity, Totipotency, pptx
Plant Tissue culture., Plasticity, Totipotency, pptxHimansu10
 
3.12.24 Freedom Summer in Mississippi.pptx
3.12.24 Freedom Summer in Mississippi.pptx3.12.24 Freedom Summer in Mississippi.pptx
3.12.24 Freedom Summer in Mississippi.pptxmary850239
 
Auchitya Theory by Kshemendra Indian Poetics
Auchitya Theory by Kshemendra Indian PoeticsAuchitya Theory by Kshemendra Indian Poetics
Auchitya Theory by Kshemendra Indian PoeticsDhatriParmar
 
Dhavni Theory by Anandvardhana Indian Poetics
Dhavni Theory by Anandvardhana Indian PoeticsDhavni Theory by Anandvardhana Indian Poetics
Dhavni Theory by Anandvardhana Indian PoeticsDhatriParmar
 
Metabolism , Metabolic Fate& disorders of cholesterol.pptx
Metabolism , Metabolic Fate& disorders of cholesterol.pptxMetabolism , Metabolic Fate& disorders of cholesterol.pptx
Metabolism , Metabolic Fate& disorders of cholesterol.pptxDr. Santhosh Kumar. N
 
The OERs: Transforming Education for Sustainable Future by Dr. Sarita Anand
The OERs: Transforming Education for Sustainable Future by Dr. Sarita AnandThe OERs: Transforming Education for Sustainable Future by Dr. Sarita Anand
The OERs: Transforming Education for Sustainable Future by Dr. Sarita AnandDr. Sarita Anand
 
LEAD5623 The Economics of Community Coll
LEAD5623 The Economics of Community CollLEAD5623 The Economics of Community Coll
LEAD5623 The Economics of Community CollDr. Bruce A. Johnson
 
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...Marlene Maheu
 
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...AKSHAYMAGAR17
 
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in Pharmacy
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in PharmacyASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in Pharmacy
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in PharmacySumit Tiwari
 
Material Remains as Source of Ancient Indian History & Culture.ppt
Material Remains as Source of Ancient Indian History & Culture.pptMaterial Remains as Source of Ancient Indian History & Culture.ppt
Material Remains as Source of Ancient Indian History & Culture.pptBanaras Hindu University
 
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYS
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYSDLL Catch Up Friday March 22.docx CATCH UP FRIDAYS
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYSTeacherNicaPrintable
 
The First National K12 TUG March 6 2024.pdf
The First National K12 TUG March 6 2024.pdfThe First National K12 TUG March 6 2024.pdf
The First National K12 TUG March 6 2024.pdfdogden2
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...Nguyen Thanh Tu Collection
 
ICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdfICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdfVanessa Camilleri
 
UNIT I Design Thinking and Explore.pptx
UNIT I  Design Thinking and Explore.pptxUNIT I  Design Thinking and Explore.pptx
UNIT I Design Thinking and Explore.pptxGOWSIKRAJA PALANISAMY
 
Riti theory by Vamana Indian poetics.pptx
Riti theory by Vamana Indian poetics.pptxRiti theory by Vamana Indian poetics.pptx
Riti theory by Vamana Indian poetics.pptxDhatriParmar
 
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...gdgsurrey
 
EDD8524 The Future of Educational Leader
EDD8524 The Future of Educational LeaderEDD8524 The Future of Educational Leader
EDD8524 The Future of Educational LeaderDr. Bruce A. Johnson
 

Último (20)

Plant Tissue culture., Plasticity, Totipotency, pptx
Plant Tissue culture., Plasticity, Totipotency, pptxPlant Tissue culture., Plasticity, Totipotency, pptx
Plant Tissue culture., Plasticity, Totipotency, pptx
 
3.12.24 Freedom Summer in Mississippi.pptx
3.12.24 Freedom Summer in Mississippi.pptx3.12.24 Freedom Summer in Mississippi.pptx
3.12.24 Freedom Summer in Mississippi.pptx
 
Auchitya Theory by Kshemendra Indian Poetics
Auchitya Theory by Kshemendra Indian PoeticsAuchitya Theory by Kshemendra Indian Poetics
Auchitya Theory by Kshemendra Indian Poetics
 
Dhavni Theory by Anandvardhana Indian Poetics
Dhavni Theory by Anandvardhana Indian PoeticsDhavni Theory by Anandvardhana Indian Poetics
Dhavni Theory by Anandvardhana Indian Poetics
 
Metabolism , Metabolic Fate& disorders of cholesterol.pptx
Metabolism , Metabolic Fate& disorders of cholesterol.pptxMetabolism , Metabolic Fate& disorders of cholesterol.pptx
Metabolism , Metabolic Fate& disorders of cholesterol.pptx
 
The OERs: Transforming Education for Sustainable Future by Dr. Sarita Anand
The OERs: Transforming Education for Sustainable Future by Dr. Sarita AnandThe OERs: Transforming Education for Sustainable Future by Dr. Sarita Anand
The OERs: Transforming Education for Sustainable Future by Dr. Sarita Anand
 
LEAD5623 The Economics of Community Coll
LEAD5623 The Economics of Community CollLEAD5623 The Economics of Community Coll
LEAD5623 The Economics of Community Coll
 
Problems on Mean,Mode,Median Standard Deviation
Problems on Mean,Mode,Median Standard DeviationProblems on Mean,Mode,Median Standard Deviation
Problems on Mean,Mode,Median Standard Deviation
 
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...
2024 March 11, Telehealth Billing- Current Telehealth CPT Codes & Telehealth ...
 
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...
DNA and RNA , Structure, Functions, Types, difference, Similarities, Protein ...
 
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in Pharmacy
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in PharmacyASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in Pharmacy
ASTRINGENTS.pdf Pharmacognosy chapter 5 diploma in Pharmacy
 
Material Remains as Source of Ancient Indian History & Culture.ppt
Material Remains as Source of Ancient Indian History & Culture.pptMaterial Remains as Source of Ancient Indian History & Culture.ppt
Material Remains as Source of Ancient Indian History & Culture.ppt
 
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYS
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYSDLL Catch Up Friday March 22.docx CATCH UP FRIDAYS
DLL Catch Up Friday March 22.docx CATCH UP FRIDAYS
 
The First National K12 TUG March 6 2024.pdf
The First National K12 TUG March 6 2024.pdfThe First National K12 TUG March 6 2024.pdf
The First National K12 TUG March 6 2024.pdf
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (FRIE...
 
ICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdfICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdf
 
UNIT I Design Thinking and Explore.pptx
UNIT I  Design Thinking and Explore.pptxUNIT I  Design Thinking and Explore.pptx
UNIT I Design Thinking and Explore.pptx
 
Riti theory by Vamana Indian poetics.pptx
Riti theory by Vamana Indian poetics.pptxRiti theory by Vamana Indian poetics.pptx
Riti theory by Vamana Indian poetics.pptx
 
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
 
EDD8524 The Future of Educational Leader
EDD8524 The Future of Educational LeaderEDD8524 The Future of Educational Leader
EDD8524 The Future of Educational Leader
 

Web designing and development

  • 2. TOPICS Introduction to Web Designing. Web Trends. Basic CSS and Workshop.  Bonus Topic: Doing business with web development.
  • 3. What is web designing? Web Designing is the process of building and maintaining websites. Web Designing includes different aspects like Front End coding, website wireframe, website layout design, color combinations, fonts, graphic design, webpage interactions etc.
  • 4. What is Web Development? Web development broadly refers to the tasks associated with developing websites for hosting via intranet or internet. The web development process includes web design, web content development, client- side/server-side scripting and network security configuration, among other tasks.
  • 5. A web page or webpage is a document commonly written in HTML (Hypertext Markup Language) that is accessible through the Internet or other networks using an Internet browser. A web page is accessed by entering a URL address and may contain text, graphics, and hyperlinks to other web pages and files. WEB PAGE?
  • 6. Basically there are two types of web pages:  Static Web Page Dynamic Web Page TYPES OF PAGES
  • 7. A static web page (sometimes called a flat page or a stationary page) is a web page that is delivered to the user's web browser exactly as stored, in contrast to dynamic web pages which are generated by a web application. STATIC WEB PAGES
  • 8. A dynamic web page is a web page that displays different content each time it's viewed. For example, the page may change with the time of day, the user that accesses the webpage, or the type of user interaction. There are two types of dynamic web pages. DYNAMIC WEB PAGES
  • 9. • Java • Python • JavaScript • CSS / HTML • C++ • PHP • C • SQL • Ruby • Go
  • 10.  SublimeText.  Chrome DeveloperTools.  jQuery.  GitHub.  Twitter Bootstrap.  Angular.js.  Sass.
  • 11. Visual Design. A web designer will often thrive if his visual designing skill share. advanced. UX. Print Design Skills. Resourcefulness. CSS. HTML. Communication Skills. Time-Management Skills.
  • 12. HTML 5 JAVA SCRIPT CSS & CSS 3 WEB PAGE CREATION WORK ON LIVE PROJECTS DREAM WEAVER NOTEPAD++
  • 13. HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It's actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript,  which makes things happen.
  • 14.  JavaScript is a programming language that can be included on web pages to make them more interactive. ... JavaScript is a client side, interpreted, object oriented, high level scripting language, while Java is a client side, compiled, object oriented high level language.
  • 15.  CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External style sheets are stored in CSS files.  CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi- columns, flexible box or grid layouts.
  • 16. Basic Web Page Creation. ... Web pages are built using HTML (Hyper Text Markup Language). The technology for this has been around long before there were web pages or even the Internet so it's not really unique to the Web. A Markup Language is simply inserting special symbols into a body of text to give it some formatting.
  • 17. Live projects are projects that can be worked on in real-time and with a defined deadline. These projects provide a hands- on experience on any ongoing work in a company. A live project can be called as an internship or training because a student can gain real work expertise before getting a full-time job.
  • 18.  Combined with an array of site management tools, Dreamweaver allows for its users to design, code and manage websites, as well as mobile content. Dreamweaver is an Integrated Development Environment (IDE) tool. You can live preview of changes for the frontend  An HTML document is a plain text file that can be created or modified with any word processing program that can handle text. ... A much better plan though is to use, Notepad because it is a very simple text editor that you will find easy to use for editing your HTML documents.
  • 19. Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code and proprietary software; user experience design; and search engine optimization. USE OF WEB DESIGNING
  • 20. Web apps are developed with programming languages such as HTML and CSS, which are well known among IT professionals. Unlike native apps, a single web app is able to reach out to all devices. It's programmed to run on any operating system. USE OF WEB DEVELOPMENT