SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Just for Kids
   Project CLIW




              Nechifor Doru-Adrian
              Ciocoiu Razvan
Introduction
O      The study of this document refers to
  the developing of Web applications on
  client side. The application presented
  supports learning and knowledge testing
  in an attractive way.
O       To be made there were used
  technologies like HTML, CSS, JavaScript
  and PHP.
Creating a Web Site
O You have to consider a list of aspects, as
  follows:
  ‱ basic computer skills
  ‱ access to a personal computer
  ‱ access to the Internet
  ‱ a free HTML Editor (a web page
    construction tool)
  ‱ a place on the world wide web to publish
    your page
HTML
O       HyperText Markup Language (HTML) is the
  main markup language for Web pages. HTML
  elements are the basic building-blocks of
  webpages. It uses a form of structural component
  called tags or HTML tags to define the structure of
  the information it contains as well as point to other
  documents over the Internet.
O        It also uses some other components set to
  define the presentation of the html document (CSS)
  and yet another set to define the behavior of the
  document in response to the user ( JavaScript).
  HTML, CSS and JAVASCRIPT are the major client-
  side components in web application/site
  development.
HTML Page Example
JavaScript
O      JavaScript is an easy-to-use
  programming language that can be
  embedded in the header of your web pages. It
  can enhance the dynamics and interactive
  features of your page by allowing you to
  perform calculations, check forms, write
  interactive games, add special effects,
  customize graphics selections, create security
  passwords and more.
O        You can think of JavaScript as an
  extension to HTML; an add-on.
JavaScript Example
CSS
O       CSS is a style language that defines
  layout of HTML documents. For example,
  CSS covers fonts, colors, margins, lines,
  height, width, background images, advanced
  positions and many other things. HTML can
  be (mis-)used to add layout to websites. But
  CSS offers more options and is more accurate
  and sophisticated. CSS is supported by all
  browsers today.
O        HTML is used to structure content while
  CSS is used for formatting structured content.
CSS Example
Related Work
O       “Just for Kids” Web Site is a serious
  learning Web game for kids in which they
  can learn and test – in an interactive way
  – their knowledge in a selected subject
  area such as Math, Geography or History.
O        Its structure contains an index page,
  with a menu, made with JavaScript and
  jQuery library. It sends the user to other 4
  web pages, E-learning, Tests, Curiosity,
  About us.
E-learning
O          E-learning has a three structured
    menu, depending on the age of the kid that is
    accessing it. In first category, from 7 to 9
    years, they can learn about Mathematics,
    exercise their skills, or even test their
    knowledge. Second category (10 to 12 years),
    has another subject of learning, Geography,
    where they can play an attractive game of
    finding a capital to a country. To the third one
    (13 to 15 years) it was added History.
Tests
O        The Tests Page from main menu let
  the user choose a subject about the quiz
  that he will take. Again, depending on the
  user age, he could choose the appropriate
  one.
O        After finishing the quiz, the user is
  asked to enter an e-mail address, where
  he will receive the result of the quiz.
Curiosity & About us
O       Curiosity page offers some
  interesting information for the user, to read
  while relaxing.
O       Last, but not least, it is the About us
  page, where the user may communicate
  with us, and maybe send some feedback.
Conclusion
O      Knowledge of web page development
  can help you in your career. Many
  businesses today have their own
  corporate Intranet sites, which are simply
  internal Internet systems used to share
  corporate information.
O       The ability to communicate
  electronically is a valuable skill to
  employers.

Weitere Àhnliche Inhalte

Ähnlich wie Just for Kids

How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTML
YahyaMemon2
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And Answers
Lisa Williams
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
Bonifacio Ignacio
 
Ultimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer JobUltimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer Job
Brenna Van Norman
 

Ähnlich wie Just for Kids (20)

Web Design for Everybody (Basics of Web Development and Coding)
Web Design for Everybody (Basics of Web Development and Coding)Web Design for Everybody (Basics of Web Development and Coding)
Web Design for Everybody (Basics of Web Development and Coding)
 
PresentationofINTERship.pdf
PresentationofINTERship.pdfPresentationofINTERship.pdf
PresentationofINTERship.pdf
 
Ahzam
AhzamAhzam
Ahzam
 
How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTML
 
Saw13 ch11-ppt
Saw13 ch11-pptSaw13 ch11-ppt
Saw13 ch11-ppt
 
TLE_ICT_9_10.pdf
TLE_ICT_9_10.pdfTLE_ICT_9_10.pdf
TLE_ICT_9_10.pdf
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And Answers
 
Intro to web development
Intro to web developmentIntro to web development
Intro to web development
 
YASHRAJ MISHRA PRESENTATIONS project.pptx
YASHRAJ MISHRA PRESENTATIONS project.pptxYASHRAJ MISHRA PRESENTATIONS project.pptx
YASHRAJ MISHRA PRESENTATIONS project.pptx
 
ashish ppt webd.pptx
ashish ppt webd.pptxashish ppt webd.pptx
ashish ppt webd.pptx
 
Report on web development
Report on web developmentReport on web development
Report on web development
 
E-commerce Lab work
E-commerce Lab workE-commerce Lab work
E-commerce Lab work
 
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
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Ultimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer JobUltimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer Job
 
Web Designing Training In Chandigarh
Web Designing Training In ChandigarhWeb Designing Training In Chandigarh
Web Designing Training In Chandigarh
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
 
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdfUSE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
 

KĂŒrzlich hochgeladen

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

KĂŒrzlich hochgeladen (20)

Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 

Just for Kids

  • 1. Just for Kids Project CLIW Nechifor Doru-Adrian Ciocoiu Razvan
  • 2. Introduction O The study of this document refers to the developing of Web applications on client side. The application presented supports learning and knowledge testing in an attractive way. O To be made there were used technologies like HTML, CSS, JavaScript and PHP.
  • 3.
  • 4. Creating a Web Site O You have to consider a list of aspects, as follows: ‱ basic computer skills ‱ access to a personal computer ‱ access to the Internet ‱ a free HTML Editor (a web page construction tool) ‱ a place on the world wide web to publish your page
  • 5.
  • 6. HTML O HyperText Markup Language (HTML) is the main markup language for Web pages. HTML elements are the basic building-blocks of webpages. It uses a form of structural component called tags or HTML tags to define the structure of the information it contains as well as point to other documents over the Internet. O It also uses some other components set to define the presentation of the html document (CSS) and yet another set to define the behavior of the document in response to the user ( JavaScript). HTML, CSS and JAVASCRIPT are the major client- side components in web application/site development.
  • 8. JavaScript O JavaScript is an easy-to-use programming language that can be embedded in the header of your web pages. It can enhance the dynamics and interactive features of your page by allowing you to perform calculations, check forms, write interactive games, add special effects, customize graphics selections, create security passwords and more. O You can think of JavaScript as an extension to HTML; an add-on.
  • 10. CSS O CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colors, margins, lines, height, width, background images, advanced positions and many other things. HTML can be (mis-)used to add layout to websites. But CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today. O HTML is used to structure content while CSS is used for formatting structured content.
  • 12. Related Work O “Just for Kids” Web Site is a serious learning Web game for kids in which they can learn and test – in an interactive way – their knowledge in a selected subject area such as Math, Geography or History. O Its structure contains an index page, with a menu, made with JavaScript and jQuery library. It sends the user to other 4 web pages, E-learning, Tests, Curiosity, About us.
  • 13.
  • 14. E-learning O E-learning has a three structured menu, depending on the age of the kid that is accessing it. In first category, from 7 to 9 years, they can learn about Mathematics, exercise their skills, or even test their knowledge. Second category (10 to 12 years), has another subject of learning, Geography, where they can play an attractive game of finding a capital to a country. To the third one (13 to 15 years) it was added History.
  • 15.
  • 16. Tests O The Tests Page from main menu let the user choose a subject about the quiz that he will take. Again, depending on the user age, he could choose the appropriate one. O After finishing the quiz, the user is asked to enter an e-mail address, where he will receive the result of the quiz.
  • 17.
  • 18. Curiosity & About us O Curiosity page offers some interesting information for the user, to read while relaxing. O Last, but not least, it is the About us page, where the user may communicate with us, and maybe send some feedback.
  • 19.
  • 20. Conclusion O Knowledge of web page development can help you in your career. Many businesses today have their own corporate Intranet sites, which are simply internal Internet systems used to share corporate information. O The ability to communicate electronically is a valuable skill to employers.