1 / 8

Web Design Languages

Web pages are created using a variety of languages: HTML HT for HyperText which means the links that connect one page to another ML for MarkupLanguage which are the <tags> that mark the structure of a page CSS

lilianna
Télécharger la présentation

Web Design Languages

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web pages are created using a variety of languages: • HTML • HT for HyperText which means the links that connect one page to another • ML for MarkupLanguage which are the <tags> that mark the structure of a page • CSS • Cascading style sheets (they “cascade from site-wide styles, to page styles to individual parts of the page with unique styles) • JavaScript • Adds interaction to a page with moving words, pictures and fill in the blanks. Web Design Languages

  2. Code your way through the history of video game art. Welcome to Pixel Hack! Learn the basics of JavaScript design Hack for 30 minutes or 3 weeks. Earn your Pixel Hacker Certificate.

  3. The Basics GO TO: CSEdWeek.kano.me What do I need to run Pixel Hack? • Access to internet • Supported browsers: IE 10+, Safari 6+, Firefox or Chrome latest. Do I need to know how to code? What language will I learn to use? What app • We’ll start from the very basics, no prior coding experience required! • We’ll then build on basics to get into more advanced looping and functions. • Learners will learn and code in CoffeeScript—a powerful variant of JavaScript, the language behind the web. How long will Pixel Hack take? • Implementation is flexible! We include suggestions depending on how much time you have.

  4. Make & Hack: Step-by-step Guide • Access the dashboard from: CSEdWeek.kano.me. • Challenges: Create each of the 13 pictures here with code.

  5. 2. Start with Pong! Your next challenge will unlock once you’ve completed the challenge before it. You’ll always see instructions at the top of the screen.

  6. The K guide always shows: • new coding terms you’ll encounter in that challenge • full instructions for mentors, parents, guides to follow along • a brief history of the art style in that video game The hint button always shows the code behind the picture if you’re stuck.

  7. 3. Hack/Remix it! We’ll show suggested Easy, Medium, and Hard remixes after each challenge to apply coding concepts. Add creative flair!

  8. 4. Download your Official Pixel Hacker Certificate, which unlocks after 2 challenges! Finish all 13 challenges to get your Pixel Hack Master Badge.

More Related