Web 1

11-28 to 12-2

Objective: Students will be able to brush up on their web design skills using the code.org platform.

Here is a join link if you need it: https://studio.code.org/join/KMKKZP

The begining lesson links are below. You may go to the next lesson when done.

https://studio.code.org/s/csd2-2021/lessons/6/levels/1?login_required=true

https://studio.code.org/s/csd2-2021/lessons/7/levels/1?login_required=true



















11-14

Objective: Students will be able to prepare for the retake of the test. Others should continue working in CIW/uCertify focusing on completing all unfinished lessons.

https://ciw.ucertify.com

Test Prep Tutorial

11-7

Objective: Students will be able to continue working in CIW/uCertify focusing on completing all unfinished lessons. You need all green dots all the way across.

https://ciw.ucertify.com












https://ito.itocsd.com:2083

11-1 to 11-4

Objective: Students will be able to continue creating a 3 page website about a fictitious business.










https://ito.itocsd.com:2083

10-31

Objective: Students will be able to create a timeclock & a weather forecaster using App Lab at code.org.

















10-18 to 10-26

Objective: Students will be able to continue working in CIW focusing on completing lessons 3, 4, & 5. You will be graded on 3, 4, & 5 this week (Cards, Quizzes, & Knowledge Checks). ***You will have a 40-question test next week on lessons 1 through 5.***

https://ciw.ucertify.com











10-17

Objective: Students will be able to continue working in CIW focusing on completing all unfinished lessons. You need all green dots all the way across.

https://ciw.ucertify.com













10-11

Objective: Students will be able to modify an image slider and add an extra slide by following the w3schools tutorial and experimenting with the code. You will have to locate or create your own photos for your slider.

https://www.w3schools.com/howto/howto_js_slideshow.asp





















10-3

Objective: Students will be able to complete Lessons 1, 2, & 3 in uCertify. Your test grade will be taken from your quiz scores in lessons 1, 2, & 3. https://ciw.ucertify.com





Objective: Students will be able to complete Lesson 1, and move on to Lesson 2. I will collect a Quiz grade from your quiz average for Lessons 1 & 2 this week. NEXT WEEK you will have a test on Lessons 1, 2, & 3. https://ciw.ucertify.com

https://ciw.ucertify.com

9-19 thru 9-20

Objective: Students will be able to create the webpages below and make sure the code works properly. We should have access to our curriculum this week.



















9-16

Objective: Students will be able to practice their Photoshop skills by following the Blending Images PS tutorial below.

https://www.youtube.com/watch?v=g3qe4rDw1XU&t=830s












9-12

Objective: Students will be able to gain a better understanding of HTML & CSS by following along in the lesson.









9-8 thru 9-10

Objective: Students will be able to complete the HTML & CSS layout project by using web design skills learned thus far. You will need to use background-color, border-radius, padding, margin, text-align: center, and 3 article tags nested inside of your main tags.

Use w3schools for help! Happy Coding :-)



9-7

Objective: Students will be able to pick up where they left off yesterday creating a simple HTML & CSS website layout. Next, duplicate your page 3 times, modify the colors of the squares on the newly created pages, and lastly, link the pages together. Note: Some students will need the help of w3schools to complete this (website links, etc.). All four pages should look like different checker boards.




9-6

Objective: Students will be able to create a simple HTML & CSS website layout.


  1. Download your Root Folder: Download Root Folder & Code

  2. Connect your Root Folder to Dreamweaver > Site > New Site > Select the folder

  3. Duplicate the Basic Website Structure page and name it: index.html

  4. Modify your code using the example code that has been provided. The example code is in your root folder.


Your webpage should look like the example below once it has been completed.















8-29

Objective: Students will be able to create a basic website menu using HTML and CSS.

https://www.quia.com/web

HTML5 & CSS Quiz 2022 https://www.quia.com/quiz/6072014.html














8-24 to 8-26

Objective: Students will be able to create a basic HTML page by using the code example as well as w3schools.

  1. Add a background color

  2. Add an <h2> tag

  3. Add an unordered list

  4. Add a photo

  5. Add a video:

<iframe width="560" height="315" src="https://www.youtube.com/embed/jhGHXAnNNzM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>













8-22-22

Objective: Students will be able to practice HTML by following the tutorial located at w3schools.


https://www.w3schools.com/html/default.asp
















8-23 through 8-24

Objective: Students will be able to practice writing HTML by setting up the file structure and placing the HTML file in the root folder, etc.


Learn by Doing

Beginning HTML

File Structure

Learning file structure is a very important aspect of learning HTML. This will focus on file structure.

I would like to explain how a website is structured in layman’s terms. A website consists of a root folder that contains files with code in them (HTML, CSS, JS, etc.) that can be linked to one another. I will further condense this explanation to ‘Code inside of Files inside of Folders’.

We will now create a root folder for our website. Follow the steps below exactly.

1) Right click (on the desktop) > New Folder

2) Rename your folder to: Root_Folder (FYI, you will have to double click on the name of the folder to rename it).

3) Open TextEdit or any text file editor > Create a new file and save it as: index.html

4) Type the code shown below in your index.html file that you just created.



How do I write HTML on Mac?

Create an HTML file

  1. In the TextEdit app on your Mac, choose File > New, then choose Format > Make Plain Text.

  2. Enter the HTML code.

  3. Choose File > Save, type a name followed by the extension . html (for example, enter index. html), then click Save.

  4. When prompted about the extension to use, click “Use . html.”



HTML headings are defined with the <h1> to <h6> tags:

Example

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:

Example

<a href="http://www.w3schools.com">This is a link</a>




***Google how to add a header, a footer and some menu links.***


From w3schools - Example:

A header for an <article>:

<article>

<header>

<h1>A heading here</h1>

<p>Posted by John Doe</p>

<p>Some additional information here</p>

</header>

<p>Lorem Ipsum dolor set amet....</p>

</article>













9-7 thru 9-10

Objective: Students will be able to complete the HTML & CSS layout project by using web design skills learned thus far. You will need to use background-color, border-radius, padding, margin, text-align: center, and 3 article tags nested inside of your main tags. Happy Coding :-)






Objective: Students will be able to practice writing HTML by setting up the file structure and placing the HTML file in the root folder, etc. Continue this lessson by adding a menu to your page. You will also need a header section and a footer section. This is a graded assignment!