Web Design Bundle

Web Design Bundle

There are 3 web languages that web developers must learn. They are all interconnected. HTML to define the content of web pages. CSS to specify the layout of web pages. JavaScript to program the behavior of web pages. This resource is apart of this bundle include: Web Design - HTML Unit Web Design - CSS Unit Web Design - JavaScript Unit This bundle covers all three with a total of 17 lessons and 3 assignments + assessment. The whole package is in a Editable Google Slide. The page size is setup to be printed on a 8.5 x 11 page. This makes it easy to digitally or physically share the handouts with the students. Buying this bundle saves you $3.00! *Note: This resource is in a ZIP file.
rombop
Web Design - Javascript

Web Design - Javascript

There are 3 web languages that web developers must learn. They are all interconnected. HTML to define the content of web pages. CSS to specify the layout of web pages. JavaScript to program the behavior of web pages. This unit is all about JavaScript! This Unit covers: Including JavaScript Outputs Comments Variables Operators Functions Arrays Dates & Time Math Random Conditions Validate Forms Loops Daily Tasks An Assignment + Assessment There are 5 lessons in total for this Javascript unit and a final assignment. The whole package is in a Editable Google Slide. The page size is setup to be printed on a 8.5 x 11 page. This makes it easy to digitally or physically share the handouts with the students. This resource is apart of a bundle which can be found here. Web Design - HTML Unit Web Design - CSS Unit Web Design - JavaScript Unit Web Design Bundle
rombop
Web Design - CSS Unit

Web Design - CSS Unit

There are 3 web languages that web developers must learn. They are all interconnected. HTML to define the content of web pages. CSS to specify the layout of web pages. JavaScript to program the behavior of web pages. This unit is all about CSS! This Unit covers: Syntax Selectors Text and Fonts Comments Background colors Background images Borders Margins Padding Icons Links Lists Tables Display Position Float Overflow Align Opacity Forms Navigation bar Daily Tasks An Assignment + Assessment There are 6 lessons in total for this CSS unit and a final assignment. The whole package is in a Editable Google Slide. The page size is setup to be printed on a 8.5 x 11 page. This makes it easy to digitally or physically share the handouts with the students. This resource is apart of a bundle which can be found here. Web Design - HTML Unit Web Design - CSS Unit Web Design - JavaScript Unit Web Design Bundle
rombop
Web Design - HTML Unit

Web Design - HTML Unit

There are 3 web languages that web developers must learn. They are all interconnected. HTML to define the content of web pages. CSS to specify the layout of web pages. JavaScript to program the behavior of web pages. This unit is all about HTML! This Unit covers: About HTML and limitations Notepad & Browser Setup Basic elements HTML Styling HTML Lists HTML Tables HTML Divs, Spans HTML Frames HTML Forms Daily Tasks An Assignment + Assessment There are 6 lessons in total for this HTML unit and a final assignment. The whole package is in a Editable Google Slide. The page size is setup to be printed on a 8.5 x 11 page. This makes it easy to digitally or physically share the handouts with the students. This resource is apart of a bundle which can be found here. Web Design - HTML Unit Web Design - CSS Unit Web Design - JavaScript Unit Web Design Bundle
rombop
Computer Science - KEYWORDS TABOO

Computer Science - KEYWORDS TABOO

This is a powerpoint of over 140 keywords for GCSE Computer Science. Mainly for the AQA Specification but could also be used for other exam boards. Free to use by anyone but drop me an email if you do use as it would be noce to know woh has used it. The game is called TABOO. It is where the powerpoint is presented at the front and there is different teams. So you could have 2 teams and each team selects a player. Team one player goes and sits in front of the board, facing away from the board. Then their team has to describe the word that comes up on the board without saying the banned words on the screen or the word it self. The person facing away from the board has to guess what the word is behind them. The team with the most correct answers wins. A time limit is fun to do. An ONLINE version is availble here - https://docs.google.com/presentation/d/1zxMbWVjzyUlaBtMdVNxtoIZaANeIcR23hKEbkWZysIA/edit?usp=sharing
joshpayne72
Programming core concepts flashcards

Programming core concepts flashcards

A set of flashcards for students to use to revise key programming terminology. I created these for my GCSE students, so that they would be clear on key terms. These cards help them remember the core ideas, which helps them program and discuss their programming.
DanielKeefe
JavaScript Cheat Sheet

JavaScript Cheat Sheet

Two pages of JavaScript programming techniques/blocks and examples. Perfect to laminate 30 double sided and use these as hand outs in lesson. Or print these out for each student to keep a copy in their folders. The sheets cover all of the fundamental elements of the programming at Computer Science, including but not limited to: JavaScript setup sequence selection while loops for loops string manipulation arrays
MikeySkilton
The Internet, the World Wide Web and HTML

The Internet, the World Wide Web and HTML

This is a series of 45-minute lessons designed to support the Switched On Computing unit 4, and has been written with year 4 pupils in mind, but is also very suitable for older pupils (year 5 - year 8, and beyond!!). Each lesson is presented through a fully animated, colourful and stimulating PowerPoint presentation, with clearly defined Learning Objectives and embedded videos and is fully supported with worksheets. The lesson objectives are: 1. understand what the Internet is (FREE) 2. understand how the Internet works 3. understand what the World Wide Web is 4-6. understand what a web page is, how HTML works, creating a web page using HTML, peer review and self assessment ALL my postings are FULLY "classroom-tested", and continually updated to maximize their effectiveness. But there is always the possibility of error and room for improvement, so do please provide constructive feedback.
bas0410
4-6. HTML and creating a web page - Switched on Computing, Year 4

4-6. HTML and creating a web page - Switched on Computing, Year 4

This is a series of 45-minute lessons designed to support the Switched On Computing unit 4, and has been written with year 4 pupils in mind, but is also very suitable for older pupils (year 5 - year 8, and beyond!!). Each lesson is presented through a fully animated, colourful and stimulating PowerPoint presentation, with clearly defined Learning Objectives and embedded videos and is fully supported with worksheets. The lesson objectives are: 1. understand what the Internet is (FREE) 2. understand how the Internet works 3. understand what the World Wide Web is 4-6. understand what a web page is, how HTML works, creating a web page using HTML, peer review and self assessment ALL my postings are FULLY "classroom-tested", and continually updated to maximize their effectiveness. But there is always the possibility of error and room for improvement, so do please provide constructive feedback.
bas0410
Computing Conference! 24th February 2018 with Ofsted! For anyone who teaches computing!

Computing Conference! 24th February 2018 with Ofsted! For anyone who teaches computing!

We are running our annual teachers' conference on the 24th February 2018. THIS IS THE FLYER. You need to book a place for £35 on eventbrite!!! The flyer gives you the link! John Nixon, Computing Lead at Ofsted is providing our keynote. This is the only conference he is scheduled to present at this year!! At the conference, you can create your own day of CPD. For beginners, intermediates and more experienced teachers of computing. For primary and secondary teachers, trainees as well as in-service and out of school educators. SEND workshops, A level workshops - all you can think of. We are even making a swarm of fireflies out of 200 micro bits and have drones too! 9:10 registration, 9:45 Ofsted Keynote, 10:20 1st workshop, 4:15 finishes Gladesmore Community School, South Tottenham, N15 6BF (Victoria line) Just £35 to cover lunch/admin Select from 30 HANDS-ON workshops Unplugged, Scratch, Minecraft, Python, HTML, C#, MicroBit and more Sessions include: Advanced Python - Sue Sentance, Stride - Michael Kölling, Machine Learning - Paul Curzon, Primary Assessment - Phil Bagge, Minecraft - Simon Johnson (CLCSimon), NEWLY ADDED Secondary - Craig ‘n’ Dave Sign up here https://tinyurl.com/CASLondon-Conf-2018 #casconf2018 CAS London​ coordinates Computing At School activities in London. CAS London is run by King’s College London and Queen Mary University of London. http://www.computingatschool.org.uk/crcs/london @cas_london_crc email caslondon@computingatschool.org.uk
jlisaw8
Full Set GCSE Computing Revision Flash Cards!

Full Set GCSE Computing Revision Flash Cards!

GCSE Computing Revision Flash Cards for Students. This bundle has money off, as apposed to buying the Flashcards separately. £25 instead of over £30! 20% Off compared to if you bought them separately. Based off of the OCR Specification (9-1)
ET-5063
Introduction to HTML & Web Design Lesson 1

Introduction to HTML & Web Design Lesson 1

Aimed at KS2 and KS3 students, this introduction to web design, using HTML is a structured practical approach to gaining fundamental knowledge required for ICT and computing courses at KS4. No expensive software required, effective and simple exercises. Clear objectives which identifies student level and assesses the student workbook provided.
chris_vidal
HTML Rap

HTML Rap

Year 7, rap to help students remember what HTML stands for. Demonstrate first with attitude and making the acronym letters with your hands.
jnwalsh
Free Primary Computing Lesson - Halloween with HTML

Free Primary Computing Lesson - Halloween with HTML

A computing lesson plan and associated resources for KS2 children designing a Halloween themed invitation. Introduces basic HTML and CSS and includes step-by-step lesson plan, support materials and pre-written HTML/CSS template. More free primary computing lessons and resources available at www.icompute-uk.com
iCompute
Primary Computing Lesson celebrating Ada Lovelace

Primary Computing Lesson celebrating Ada Lovelace

Teach primary computing with history. This teacher-led activity involves conducting online research about Ada Lovelace a female pioneer STEM and the world’s first computer programmer! Children present their findings using basic HTML and CSS to create a multimedia webpage all about Ada. More free primary computing lesson plans and resources at www.icompute-uk.com
iCompute
7 Fun Problem Solving Activities for Web Coding

7 Fun Problem Solving Activities for Web Coding

These 7 lessons were written to be delivered as part of a Scottish Qualifications Authority workshop to discuss with Computing Science teachers alternative ways to deliver web coding. They are designed to introduce fun problem solving exercises (some paper-based, some practical) and are intended to be used as lessons starters or simply to break up longer coding exercises. The lessons cover: 1. Basic Tags/Elements (h1, h2, p, title) Pupils are given cut out pieces of web content and code and must arrange the pieces on a blank A3 HTML template printout. 2. Coding Basic Tags (h1, h2, p, title) Pupils are given an HTML file with page content (as a single paragraph of text) but no elements. They must separate the text out and add tags to format the content. They are also asked to research how to create the bullet point list required by the task. 3. Division Tags (div) Similar to lesson 1 but introducing the concept of sectioning off a page using division tags. 4. Adding In-line Styles (text colour, text size, background colour, fonts) Pupils are given an HTML file, printed on A3 paper, with spaces for styles to be added. They must arrange a number of cut-out styles on the HTML file to match a screenshot of a finished page. 5. Adding In-line Styles Pupils are given an screenshot of a finished page with annotations showing colours, fonts and text-sizes used. They must edit the styles in a given file to match the finished page. 6. External Style Sheets Pupils are shown the same site implemented using in-line and then an external stylesheet. This is used to discuss the advantages of external styles. Their task this time is to edit, delete and add to the stylesheet to alter the look of the website to match a fnished example. 7. Cascading Order Pupils are given 5 A3 sheets each which shows an HTML file, a CSS file and a screenshot of the page when shown in a browser. These examples must be examined carefully and used to research the precedence order used when a browser interprets styles (i.e. In-line over-rules external, ID overrules external). This a a difficult task requiring a lot of code reading and problem solving. Level: (Beginner / Intermediate) Duration: (Around 3 to 4 hours in Total) Teaches: (See above)
snegreid
Scratch Hour of Code Vocabulary Jeopardy Game

Scratch Hour of Code Vocabulary Jeopardy Game

This fun and engaging Jeopardy Style Game is the perfect way to bond with your class all year long and learn scratch. I typically put the class into small groups and ask a member of the group to choose a color and number. That is the question that they have to answer. If correct they get one point. Then I move to the next group. Alternatively the whole class answers and then we tally up the points to get a winner. I run it on an interactive whiteboard but would be equally successful on a projector, computer or TV screen. Alternatively it could be run for an individual student on their own device. When you start the game press the shuffle button to randomize the questions ensuring that no game is ever the same. This means that this Jeopardy game came be used multiple times with the one class as it is different every time. Once you have unzipped the file you will find a PowerPoint Macro Show. To run the game double click the file and make sure you say "yes" to running macros. If you do not the questions will not shuffle correctly. I have tested on a PC but it should work on other devices. If this is your first time with Macros let me know by personal message and I am happy to answer all your questions. Enjoy
Kiwilander
Web Coding Problem Solving Homework 2

Web Coding Problem Solving Homework 2

This is a short written task is designed to following an introductory few lesson on HTML. The 15 minute, 15 mark homework sheet has four pages which use basic HTML tags to encourage students to learn the skill of finding errors in code. Question 1 shows a html file containing 10 deliberate errors. Students have to identify the position of each error and write in a correction. Question 2 consists of five similar problems. Students are shown a web page in a browser, each of which are not displaying as intended. Students told how the web page should have looked and have to identify what error may have been made in the code that would cause each page to display as shown. Question 2 may be used to generate lots of good discussion as often there may be several possible answers. This could easily be used as class written work or for staff absence cover. The download includes the original HTML files created while writing the questions. These may be used for demonstration, discussion or as part of your HTML course.
snegreid
Web Coding Problem Solving Homework 1

Web Coding Problem Solving Homework 1

This is a short written task is designed to following an introductory lesson on HTML. The 10 to 15 minute, 18 mark homework sheet has two pages which cover the basic structure and tags of an HTML file. Question 1 shows a html file with most of the elements names removed from the tags. Students have to correctly complete the start and end tags for head, title, body, h1 and p. Question 2 shows a web page in a browser along with the HTML file. Students have to identify eight pieces of code that have been removed from the file, writing in the missing code. This could easily be used as class written work or for staff absence cover.
snegreid
Weggo! Tutorial 5: Linking to other web pages

Weggo! Tutorial 5: Linking to other web pages

Add links to other web pages using the <a> tag. Links can be added to headline, paragraph, and list item tags. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!
MrLangford
Weggo! Tutorial 4: Adding images to a web page

Weggo! Tutorial 4: Adding images to a web page

Use the IMG tag to add images to your Weggo! HTML page. Images can be hot linked from other online resources, or a small amount of clipart images are supplied. Support for ALT text is included to promote accessibility and search engine-friendly authoring. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!
MrLangford
Weggo! Tutorial 3: HTML Lists

Weggo! Tutorial 3: HTML Lists

Create HTML ordered (numbered) and unordered (bullet-point) lists using Weggo's unique drag-and-drop editor. The printable PDF shows step-by-step instructions of how to create simple lists. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!
MrLangford
JavaScript fantasy name generator

JavaScript fantasy name generator

Series of linked html files that allow students to either experience simple JavaScript functionality, or disassemble it or edit it for practice. Alternatively it could be used by the teacher as a demonstration, or broken down for students to rebuild.
jsarnold
JavaScript Town Name Generator

JavaScript Town Name Generator

Simple website demonstrating how JavaScript can be used to generate random town names. This resource can either be given to students to disassemble and edit, or for the teacher to learn how JavaScript can be used in class to create a simple resource that students will enjoy.
jsarnold
Weggo! Tutorial 2: Adding text to your web page

Weggo! Tutorial 2: Adding text to your web page

The second tutorial for the Weggo! HTML Editor introduces more text tags such as headlines and paragraphs, which students use to begin adding more content to their web page. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!
MrLangford
Weggo! Drag and drop HTML Editor: Tutorial 1

Weggo! Drag and drop HTML Editor: Tutorial 1

Introduce your students to HTML using a drag and drop interface. Designed to be intuitive and colourful, students drag Lego-like 'tag' blocks onto the board to build up their page. Works on both mouse-based computers and touch-screen tablets. This resource includes "Tutorial 1" and "Teacher's Notes", both as printable PDFs. Tutorial 1 is an introduction to the Weggo! interface and a quick "Hello world" lesson. The Teacher's Notes provide an overview of Weggo's usage, system compatibility, limitations and pointers for each of the five tutorials. Please be aware that Weggo! is 'beta' software, and some bugs will be present. Weggo! is a free-to-use website with no adverts or logins. Go to www.weggo.net I hope you and your students enjoy using Weggo!
MrLangford
Greenfoot Tutorial

Greenfoot Tutorial

Perfect tutorial for students to walk through and practice Greenfoot codes. This presentation has been designed to hit ALL the areas of the Greenfoot part of the WJEC Unit 3 exam. Handy "All you need to know" code section at the end to print out and give to students to revise from. This slide has a breakdown of the codes the students need to remember for the exam including: > Random Movement > Movement with arrow keys > Deletion on collision > Sound on collision > Counter
whcsrmiddleditch
CSS Workbook 2

CSS Workbook 2

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the CSS 1 workbook that has been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS. This workbook focuses on some of the formatting that can be achieved from making use of CSS.
beebusinessbee1
CSS Workbook 1

CSS Workbook 1

This workbook has been created to introduce the concept of the computer language CSS. This workbook follows on from the HTML workbooks that have been produced and will encourage students to learn knowledge, before having to apply this knowledge at the end of the workbook. It is all planned in easy to complete step by step tasks and can be a useful resource for introducing some of the concepts to students of CSS.
beebusinessbee1