SlideShare a Scribd company logo
1 of 10
Northern University of Business & Technology Khulna
A Field work on
Web design
Company : ventcube
Submitted by-
Shirin Rahman
Id:11160320015
Department of CSE
Introduction:
Web design refers to the design of websites that are displayed on the internet.
I am also grateful to the management of “Vent cube IT Company” for permitting me to
have training in there. Address- Doulatpur, Khulna 9202 . They provides -
 Web Design,
 Web Development,
 SEO optimization,
 Digital Marketing,
 Local SEO strategy,
 PPC services,
 Android/IOS Apps Development and Amazon Niche Site for affiliated marketing and
many other services remotely to all over the world.
Web design
Front-end
Three layer of web design:
Structure Style Behavior
HTML
HTML=Hyper Text Markup Language
Do you imagine how a page would look like without
HTML…
Without any markup to give your page content
structure, the browser renders unformatted and
unstyled text.
HTML tags give structure and meaning to the content.
HTML Tags
• <p></p> to organize text into paragraphs
• <table></table> to display table
• <form></form> to define form for user input
• <img></img> to add image
After adding html tags –
Looks better but still not good…
CSS
• CSS=Cascading Style Sheet
• Set of rules defining how an html element will be presented in the browser.
• P{Color : red;}
• #title {
Font-style : italic;
Border: 1px dotted blue;
}
• .title {
font-weight : bold;
background : yellow;
}
Cont.
• After adding some CSS rules to the page it looks like
this –
There are few things that can change with CSS-
Colors, font, font size, backgrounds, spacing, size,
borders, positions(layout)
Somethings that can’t change with CSS-
Content, markup
• Text + HTML + CSS = web page
JavaScript
• Classic JavaScript is a client-side language used to add
interactivity to the web-pages.
• JavaScript != java
• It is not a light version of java.
• It was not based on java.
• It does not matter if you know java.
• JavaScript was developed at Netscape in 1995.
Cont.
• JavaScript validate values entered in the form fields.
• A search box can give you suggested results while you type, based on what you have
entered.
• Load information automatically when it’s needed.
• Create photo slideshow and control how long it takes to move from one image to the
next and with what animation effect and many more.
• At the beginning JavaScript was designed to manipulate web pages and it does that
very well!

More Related Content

What's hot

FCA: Photoshop Basics
FCA: Photoshop BasicsFCA: Photoshop Basics
FCA: Photoshop BasicsCate Indiano
 
Deep dive into browser internal processing
Deep dive into  browser internal processingDeep dive into  browser internal processing
Deep dive into browser internal processingHarunaUtsumi
 
Self servicemarketing
Self servicemarketingSelf servicemarketing
Self servicemarketingCate Indiano
 
FCA: Interactive slides
FCA: Interactive slidesFCA: Interactive slides
FCA: Interactive slidesCate Indiano
 
Director Of Technology
Director Of TechnologyDirector Of Technology
Director Of Technologyjjfcisco
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)Adam Lu
 

What's hot (12)

FCA: Photoshop Basics
FCA: Photoshop BasicsFCA: Photoshop Basics
FCA: Photoshop Basics
 
Deep dive into browser internal processing
Deep dive into  browser internal processingDeep dive into  browser internal processing
Deep dive into browser internal processing
 
CV-U
CV-UCV-U
CV-U
 
Self servicemarketing
Self servicemarketingSelf servicemarketing
Self servicemarketing
 
Getmorefromprint
GetmorefromprintGetmorefromprint
Getmorefromprint
 
FCA: Interactive slides
FCA: Interactive slidesFCA: Interactive slides
FCA: Interactive slides
 
Web designing
Web designingWeb designing
Web designing
 
Css(cascading style sheets)
Css(cascading style sheets)Css(cascading style sheets)
Css(cascading style sheets)
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Director Of Technology
Director Of TechnologyDirector Of Technology
Director Of Technology
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)
 

Similar to Web designing field work presentation

Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseScholar studysolution
 
project web development
project web developmentproject web development
project web developmentlucky sharma
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentpuneetbatra24
 
The more information Website Design_New.pdf
The more information Website Design_New.pdfThe more information Website Design_New.pdf
The more information Website Design_New.pdfssuser088e5b
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx12KritiGaneriwal
 
Web Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxWeb Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxasmeerana605
 
MCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxMCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxNomearod1
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptxAartiVerma64
 
Curtin University Frontend Web Development
Curtin University Frontend Web DevelopmentCurtin University Frontend Web Development
Curtin University Frontend Web DevelopmentDaryll Chu
 
dynamicweb pdf.pdf
dynamicweb pdf.pdfdynamicweb pdf.pdf
dynamicweb pdf.pdfherb23
 
Web Designing ppt
Web Designing ppt Web Designing ppt
Web Designing ppt HansRahu
 
Web Designing ppt
Web Designing ppt Web Designing ppt
Web Designing ppt aryansaini22
 
Field work presentation on web designing.
Field work presentation on web designing.Field work presentation on web designing.
Field work presentation on web designing.Zakirul Islam
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptxNishchaiyaBayla1
 
Digital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital AssetsDigital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital AssetsAyca Turhan
 
Web Designing Career Scope in 2023.pptx
Web Designing Career Scope in 2023.pptxWeb Designing Career Scope in 2023.pptx
Web Designing Career Scope in 2023.pptxRajAarya7
 

Similar to Web designing field work presentation (20)

Best Search Engine Optimization Online Course
Best Search Engine Optimization Online CourseBest Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
 
Prashant_Shukla-UI
Prashant_Shukla-UIPrashant_Shukla-UI
Prashant_Shukla-UI
 
project web development
project web developmentproject web development
project web development
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end development
 
web designing.pptx
web designing.pptxweb designing.pptx
web designing.pptx
 
The more information Website Design_New.pdf
The more information Website Design_New.pdfThe more information Website Design_New.pdf
The more information Website Design_New.pdf
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Web Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptxWeb Designing Course in Chandigarh Join Now.pptx
Web Designing Course in Chandigarh Join Now.pptx
 
MCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxMCA Society Project Seminar.pptx
MCA Society Project Seminar.pptx
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptx
 
Curtin University Frontend Web Development
Curtin University Frontend Web DevelopmentCurtin University Frontend Web Development
Curtin University Frontend Web Development
 
dynamicweb pdf.pdf
dynamicweb pdf.pdfdynamicweb pdf.pdf
dynamicweb pdf.pdf
 
Zishan cv
Zishan cvZishan cv
Zishan cv
 
Web Designing ppt
Web Designing ppt Web Designing ppt
Web Designing ppt
 
Web Designing ppt
Web Designing ppt Web Designing ppt
Web Designing ppt
 
Field work presentation on web designing.
Field work presentation on web designing.Field work presentation on web designing.
Field work presentation on web designing.
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
Naveen Kumar PG Resume
Naveen Kumar PG ResumeNaveen Kumar PG Resume
Naveen Kumar PG Resume
 
Digital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital AssetsDigital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital Assets
 
Web Designing Career Scope in 2023.pptx
Web Designing Career Scope in 2023.pptxWeb Designing Career Scope in 2023.pptx
Web Designing Career Scope in 2023.pptx
 

Recently uploaded

Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 

Recently uploaded (20)

Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 

Web designing field work presentation

  • 1. Northern University of Business & Technology Khulna A Field work on Web design Company : ventcube Submitted by- Shirin Rahman Id:11160320015 Department of CSE
  • 2. Introduction: Web design refers to the design of websites that are displayed on the internet. I am also grateful to the management of “Vent cube IT Company” for permitting me to have training in there. Address- Doulatpur, Khulna 9202 . They provides -  Web Design,  Web Development,  SEO optimization,  Digital Marketing,  Local SEO strategy,  PPC services,  Android/IOS Apps Development and Amazon Niche Site for affiliated marketing and many other services remotely to all over the world.
  • 4. Three layer of web design: Structure Style Behavior
  • 5. HTML HTML=Hyper Text Markup Language Do you imagine how a page would look like without HTML… Without any markup to give your page content structure, the browser renders unformatted and unstyled text. HTML tags give structure and meaning to the content.
  • 6. HTML Tags • <p></p> to organize text into paragraphs • <table></table> to display table • <form></form> to define form for user input • <img></img> to add image After adding html tags – Looks better but still not good…
  • 7. CSS • CSS=Cascading Style Sheet • Set of rules defining how an html element will be presented in the browser. • P{Color : red;} • #title { Font-style : italic; Border: 1px dotted blue; } • .title { font-weight : bold; background : yellow; }
  • 8. Cont. • After adding some CSS rules to the page it looks like this – There are few things that can change with CSS- Colors, font, font size, backgrounds, spacing, size, borders, positions(layout) Somethings that can’t change with CSS- Content, markup • Text + HTML + CSS = web page
  • 9. JavaScript • Classic JavaScript is a client-side language used to add interactivity to the web-pages. • JavaScript != java • It is not a light version of java. • It was not based on java. • It does not matter if you know java. • JavaScript was developed at Netscape in 1995.
  • 10. Cont. • JavaScript validate values entered in the form fields. • A search box can give you suggested results while you type, based on what you have entered. • Load information automatically when it’s needed. • Create photo slideshow and control how long it takes to move from one image to the next and with what animation effect and many more. • At the beginning JavaScript was designed to manipulate web pages and it does that very well!