Posts

Showing posts from June, 2021

COMPILATION OF ALL ACTIVITIES

-
Image
* Home social accounts Facebook Instagram Web Programming Exercise 6 Exercise 7 Exercise 8 Exercise 10 Exercise 11 Exercise 12-14 Interactive Media Exercise 6 Exercise 7 Exercise 8 Exercise 10 Exercise 11 Exercise 12 Exercise 13 HOME Fixed Full-height Side Nav News © 2021 | EMMONZTAH
Post a Comment
Read more

EXERCISE 12-14 TUTORIAL WEB PAGE

-
Image
 HELLO GUYS! IM EMMANUAL UBALDO AND BEGINNER ON CODINGS  SO IM HERE AND HOPEFULLY WILL HELP YOU LEARN IN THIS TUTORIAL TOPIC IS ABOUT CSS COLOR VALUE  HERE IS THE VIDEO TUTORIAL  if you are a bit advance you can skip through some of the process  20-40 what is css 0:50-3:19 what is HTML, DOCTYPE, TAG, LINK 3:25-4:16 what is STYLE and Css box-sizing  4:18-6:00 <h1>, <56> and the Div tag 6:03-6:40 Css for maam and RGB color value  6:48-7:32 the final procedure on what to do and to make sure it works  THANKYOU SO MUCH! 
Post a Comment
Read more

INTERACTIVE MEDIA DESIGN: 13 SIGN IN AND SIGN UP/ LOG IN FORMS

-
Image
 HERE IS THE VIDEO : HTML CODE !DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Login and Signup </title> <link rel="stylesheet" href="EX13 SIGN IN.CSS"> </head> <body> <form name="form"> <h2>Login</h2> <p> EMMANS BLOGGER </p> <div> <label for="text"> <b> Username </b> </label> <input  id="user"  name="user" type="text" placeholder="Username"> </div> </div> <div> <label for="psw"> <b> Password </b> </label> <input id="pass" name="pass" type="password"  placeholder="Password"> </div> </div> <div> <button type="button" value="Login" onClick="validate(this.form)"> Login
Post a Comment
Read more

INTERACTIVE MEDIA DESIGN EXERCISE :12 CHAT BOX OR MESSAGE BOX

-
Image
HTML CODE  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Message Box </title> <link rel="stylesheet" href="CHATBOX.CSS"> </head> <body> <section> <h1> LETS CHAT WITH RYU  </h1> <button class="chat-btn"> <b> CHAT </b> </button> <div id="chat-container" onclick="changeColor()" class="chat-popup"> <div class="chat-area"> <div class="income-msg"> <img src="https://scontent.fmnl4-3.fna.fbcdn.net/v/t1.6435-9/cp0/131567044_1116978968826060_6402764416804090011_n.jpg?_nc_cat=110&ccb=1-3&_nc_sid=730e14&_nc_ohc=GfPXJEyQDD0AX--aFQf&tn=YuajwRwIQTrn3Wu1&_nc_ht=scontent.fmnl4-3.fna&tp=29&oh=8cbd6b8627438b82fa88300782ee5036&oe=60CB662B" class=&quo
Post a Comment
Read more

INTERACTIVE MEDIA DESIGN EXERCISE 11: COUNTING GAME

-
Counting Game Let's Count! Let's count the shapes on the screen! How many shapes do you see? Next Answer Score: 0
Post a Comment
Read more

INTERACTIVE MEDIA DESIGN EXERCISE 10: CANVAS DRAWING

-
Image
  HERE IS THE HTML CODE:  <!DOCTYPE html> <html>     <head>         <title>HOUSE</title>     </head>     <body>      <canvas id=pane width=700 height=600 style="border:1px solid #000000;"></canvas>      <script>          var c = document.getElementById('pane').getContext('2d');        //house base              c.fillStyle = "darkkhaki";       c.fillRect(200, 200, 300, 200);                     //door       c.fillStyle = "brown";       c.fillRect(325, 275, 50, 125);              //left window       c.fillStyle = "skyblue";       c.fillRect(225, 275, 50, 50);       //window frame       c.beginPath();       c.strokeStyle = "white";       c.moveTo(250, 275 );       c.lineTo(250, 325);       c.stroke();       c.beginPath();       c.strokeStyle = "white";       c.moveTo(225, 300);       c.lineTo(275, 300);       c.stroke();              //right window      
Post a Comment
Read more

WEB PROGRAMING EXERCISE 11 YouTube Video Link Parameters

-
Image
  UNFORTUNATELY I DONT KNOW HOW TO RECORD ON PC AND IM SAVING MY PC SPACE FOR MY WORK RELATED FILES SO IT HAS NO AUDIO, BUT HERE IS THE VIDEO PROOF  FOR HTML CODES:<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Linking Videos </title> <link rel="stylesheet" href="EXERCISE 11CSS.CSS"> </head> <body> <div class="navbar"> <a href="#home">Home</a> <a href="https://draft.blogger.com/profile/17757393172841162870" target="EMMONZTAH">About</a> </div> <div id="row1" class="row"> <div class="column1"> </div> <div id="row1" class="row"> <div class="column2"> <h1 id="home"> HOME </h1> <h3> ONE OF MAY FAVORITE MUSIC VIDEO  </h3> <hr> <h1>
Post a Comment
Read more

WEB PROGRAMMING EXERCISE 10 : ANIMATION

-
Image
  HERES THE ANIMATION VIDEO!! FOR THE CODES HTML !DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Exercise 010 Animated Web page</title> <link rel="stylesheet" href="exercise 10CSS.css"> </head> <body> <div> <h1 style="font-size:40px;"> ANG POGI NI EMMAN </h1> </div> <br> <br> <br> <br> <br> <br> <br> <br>  <p style="text-align: justify; text-indent: 50px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pulvinar mattis nunc sed blandit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Id faucibus nisl tincidunt eget nullam non nisi. Vitae sapien pellentesque habitant morbi. A lacus vestibulum sed arcu. Enim ut tellus elementum sagittis vitae et leo. Pell
Post a Comment
Read more