Web Explorations

Web For Business - Bundle 2 - HTMLPart of the Web For Business Course - Students learn programming skills while developing their own resumé website. This bundle includes learning/assessment activities teaching the essential HTML code common to all web pages.This bundle includes:Five interactive tutorialsQuiz banks (95 questions)PowerPoint demonstration for your classroomSpecifications for Project: HTMLClass support documents (syllabus, assignment map, course requirements. The b

Here are the first 7 modules of the JavaScript Rocks course along with quiz questions for each bundled together for a substantial discount. These modules introduce creating web pages (HTML) as well as introducing basic programming concepts using JavaScript. Each tutorial is interactive. The students learn as they type in the simple code examples. Each tutorial includes a quiz test bank of true/false and multiple choice questions that you can use for assessment. The student is able to write code

JavaScript Punctuation(This is an updated version of Secrets of the Curly Brace Languages.) At first glance, computer languages look strange. Using normal English characters in odd ways, it seems almost impossible to decipher them. This tutorial will help students decipher the punctuation that only programmers know about. They will be able to read most modern computer languages including Java, JavaScript, C, C++, C#, PHP, Pascal, Algol, AWK, and Perl. The module explains, with code examples ho

Hello JavaScriptAn tutorial introducing JavaScript and using it on a web pageThis tutorial will guide the student through all the basics needed to include JavaScript on a web page.This can be used as a face-to-face lab or as a learning activity done online. On completion of these learning activities the student should be able to:- Describe the difference between Java and JavaScript. - Use the < script > element correctly on a web page. - Write a custom function to be used later on the we

Tutorial: CSS Flexbox Menu is an interactive lab that shows the student how to use CSS Flexbox building a simple menu system. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO Lesson Objectives:Use CSS Flexbox, unordered lists, and hyperlinks to create a menu system.Utilize CSS Flexbox to control the flow of elements inside a block.Use flex-wrap to control how items wrap with various screen widths.Use

Browser Speak Three languages that your browser knows. This tutorial shows how HTML, CSS, and JavaScript all work together to display a web page. This can be used as a face-to-face lab or as a learning activity done online. On completion of these learning activities the student should be able to: - List the three languages a browser uses. - Describe HTML and how it is used to display a web page - Explain the < character and how the browser uses it to determine elements on the page. - Desc

This tutorial will have your students creating web pages in just a few minutes. Updated November 2021 View the live demoStudents will discover the secret character that every browser looks for. They will create an HTML file using special tags using a text editor and a browser to view the page. By the end of this Learning Activity, the student will have a template that he or she can use to quickly create new web pages in the future. Knowing how to build a web page students will be interested in l

The JavaScript 10 (Updated November 2021) 10 things students need to know to get JavaScript to behave. This interactive tutorial highlights ten syntax rules that are critical for writing JavaScript.This can be used as a face-to-face lab or as a learning activity done online. View the interactive demo here.On completion of these learning activities the student should be able to:Describe the difference between human thought patterns and programming.Explain why HTML code needs to be validated for J

Tutorial: CSS Responsive Design is an interactive lab showing students how to make pages automatically adjust to any device. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO Lesson Objectives:Design responsive web pages that will automatically adapt to different screen sizes including mobile devices.Include the viewport meta tag on all pages.Design responsive web

Tutorial: CSS Grid Layout is an interactive lab that teaches the student the basic elements of CSS Grid for page layout. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES:This tutorial covers the following objectives: Describe how CSS Grid can be used to control the layout of a web page.Create a grid to hold page elements.Assign rows and columns to each object.Span rows and columns.

This tutorial demonstrates several of the new semantic elements introduced with HTML 5 and explains why they are so valuable. PREVIEW THE DEMO Learning Objectives covered with this tutorial: 1) List six semantic HTML 5 elements. 2) Write a short paragraph describing the benefits of using semantic elements. 3) Write code showing the proper use of the i, em, and strong elements. 4) Use the header and footer elements correctly on a web page. 5) Describe the difference between the head and the

This tutorial engages the student in learning and using different numbering systems. It is designed for programming students and does not require a strong math background. This tutorial requires a very basic knowledge of HTML and CSS, using a text editor to create a simple web page. Use this learning activity in your web development and intro to programming courses. Learning Objectives: -- Demonstrate the relationship between binary, decimal, and hexadecimal numbers. -- Perform conversion

This lab allows students to experiment zipping and unzipping files.PREVIEW THE DEMOLearning Objectives covered with this tutorial:1) Describe the benefits of compressing/zipping files. 2) Zip and unzip files in either Windows or on a Mac (or both). 3) Describe what an algorithm is. 4) Describe one of the techniques used to compress the data in a file. 4) Describe what happens to the original files after a zip file has been created. (Nothing. The original files are not changed, only a copy is ma

This 9-minute video will show you how to use the free Screencast-O-matic web app to create your own screen capture video. Use Screencast-O-matic to present your own PowerPoint presentations or to demonstrate code you have written. It is also useful when demonstrating something on your computer for others to see. This can be very helpful when you have a problem and want to show someone exactly what is happening.