Module #3 was very interesting and fun to learn. I enjoyed adding images to my website and learning the different types of formats (PNG, GIF, and JPG).
I noticed at the time of saving the images in photoshop with the different formats, PNG took the longest to download. I noticed as I tried to download the image for a second time, the application will give me an error message because the image was still “saving as” PNG. After uploading the images to my website I noticed the best quality is PNG. I noticed the JPG format loads faster than GIF and PNG. It seemed that PNG had the best transparency when zooming in.
<html>
<head> <title> My Page </title>
<body>
<h1> Wagner Perez. This is my first JavaScript </h1>
<h2> Module #3</h2>
<h3>PNG Image</h3>
<img src=”book1.png” alt= “Book” width=”620″ height=”550″ >
<h4>GIF Image</h4>
<img src=”book2.gif” alt= “Book” width=”620″ height=”550″ >
<h5>JPG Image</h5>
<img src=”book3.jpg” alt= “Book” width=”620″ height=”550″ >
<p id = “demo”> </p>
var price1 = 5;
var price2= 6;
var total = price1 + price2;
document.get.ElemenetByld(“demo”).innerHTML =
“The total is: “total;
</body>
</html>
Wagner's Blog 