Month: August 2021

8-30-21

This week:
1. open campus at lunch begins TODAY.
2. Thursday evening is Back to School Night
3. Friday is a minimum day: periods 2,4,6 and school is out at 12:50pm.  There is no scheduled lunch.

Today, you will complete your Partner Personal Website

If you need some starter code for your page:

<html>
<head>
<title> Milstead's Website</title>
</head>

<body style="background-color: green">
<h1 style="color: red">Welcome to my website.</h1>  <p><hr>
This is my favorite website: <a href="http://www.google.com">google.com</a>
    
</body>
</html>

Click here for useful code to format text in HTML.

Change text background color

Click here to change your link colors

Using an image as a background – use this code – note that you need to save your background image in the same folder as your html files. Click here for a source of webpage background images:

Want to open a link in a new tab? Try this:

Change font color:

Try a different font:

Change font color, size and font type all at once:

will create this text on your webpage:

Link to another website:

Link to another page:




8-27-2021



Skill builder: linking between pages.

Today, you will work on the Partner Personal Website

If you need some starter code for your page:

<html>
<head>
<title> Milstead's Website</title>
</head>

<body style="background-color: green">
<h1 style="color: red">Welcome to my website.</h1>  <p><hr>
This is my favorite website: <a href="http://www.google.com">google.com</a>
    
</body>
</html>

Click here for useful code to format text in HTML.

Using an image as a background – use this code – note that you need to save your background image in the same folder as your html files. Click here for a source of webpage background images:

Want to open a link in a new tab? Try this:

Change font color:

Try a different font:

Change font color, size and font type all at once:

will create this text on your webpage:

Link to another website:

Link to another page:




8-25-2021

  1. what is HTML?
  2. what happens after you make a website? Getting a domain and paying for hosting. Check out bluehost.com and namecheap.com.
  3. Brackets: adding videos, making links to websites, creating a new page, links to other pages, changing fonts.
  4. Partner Personal Website – your first website assignment.

If you need some starter code for your page:

<html>
<head>
<title> Milstead's Website</title>
</head>

<body style="background-color: green">
<h1 style="color: red">Welcome to my website.</h1>  <p><hr>
This is my favorite website: <a href="http://www.google.com">google.com</a>
    
</body>
</html>

8-23-2021

Now, I suspect that some of you will find that your html code didn’t save. I will explain live and in person.

SO…..open up the Brackets app on your computer and copy/paste the code below into Brackets. I will tell you where to save so that your file won’t disappear. Remember to save your file as

index.html

<html>
<head>
<title> Milstead's Website</title>
</head>

<body style="background-color: green">
<h1 style="color: red">Welcome to my website.</h1>  <p><hr>
This is my favorite website: <a href="http://www.google.com">google.com</a>
    
</body>
</html>

We will change a few items:
-the background color (click here for lots of choices)
-the title of your page
-the link

Then let’s add this image. Right click on the image and save it into the same folder where you saved your website.

You will add this code to make your image appear (don’t include the 10 – that’s a line number):

8-20-2021

Welcome to Computer Programming!

I’m so excited to work with you this year.  We will work with HTML, Arduino and C++ (Arduino).

today:

  1. introductions
  2. four corners
  3. logging in to the school computers
  4. class survey

HTML

  1. search your computer for Brackets
  2. open Brackets
  3. click on File, New and start a new file
  4. type in the following code (trust me):

Next up we need to create some folders – we will do this together.

THEN…we add an image. Let’s start with this sample: