Scribd Logo
Upload

Welcome to Scribd!

  • University of Caloocan City

    Uploaded by

    Maye Arugay
    18 views6 pages

    Original Title

    christinejoyaquino

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    18 views6 pages

    University of Caloocan City

    Uploaded by

    Maye Arugay

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    SEMESTER: 1ST SCHOOL YEAR:

    UNIVERSITY OF CALOOCAN CITY


    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    STUDENT NAME: CHRISTINE JOY G. AQUINO

    STUDENT NO: 20191542-M CAMPUS: MAIN

    COURSE / YEAR /
    BSIS 3A ASSIGNMENT NO.: 1
    SECTION:

    Title: Simple Web Page using Sublime

    Direction:

    1. Paste here your codes and output in screen shots only


    2. Submit this in google classroom and trello

    Use below space for your output:

    HTML CODES:

    <!DOCTYPE html>

    <html>

    <head>

    <title>Christine Joy Aquino</title>

    <link rel="stylesheet" href="aquino.css">

    <script src="aquino.js"></script>

    </head>

    <body>

    <form class="cjaquino" method="POST" action="mslogin.html">

    <h1 id="title">Multimedia System Login Form:</h1>

    <input type="text" name="" placeholder="Enter your username:" id="username">

    <input type="password" name="" placeholder="Enter your username:" id="password">

    <input type="submit" name="" value="Login" onclick="submit()">

    </form>
    SEMESTER: 1ST SCHOOL YEAR:
    UNIVERSITY OF CALOOCAN CITY
    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    </body>

    </html>

    CSS CODES:

    body{

    margin-top: 40px;

    font-family: "Lucida Console", "Courier New", monospace;

    font-size: 100px;

    background: url(images1.png);

    background-size: cover;

    .cjaquino {

    background: #020003;

    background-clip: padding-box;

    border: 10px dashed black;

    padding: 25px;

    background-repeat: no-repeat;

    background-origin: border-box;

    border-radius: 25px;

    align-items: center;

    background-position: center;

    margin-right: 250px;

    margin-left: 250px;

    margin-top: 50px;

    margin-bottom: 200px;

    padding: 50px;
    SEMESTER: 1ST SCHOOL YEAR:
    UNIVERSITY OF CALOOCAN CITY
    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    width: 150px;

    height: 350px;

    .cjaquino {

    width: 50%;

    padding: 50px;

    position: absolute;

    text-align: center;

    .cjaquino h1{

    color:#FDFDFD;

    font-size: 50px;

    .cjaquino input[type="text"]{

    font-family: calibri;

    background: #1E82FA;

    display: block;

    margin: 20px auto;

    text-align: center;

    border: 5px;

    padding: 10px 10px;

    width: 200px;

    color: white;

    }
    SEMESTER: 1ST SCHOOL YEAR:
    UNIVERSITY OF CALOOCAN CITY
    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    .cjaquino input[type="password"]{

    font-family: calibri;

    background: #1E82FA;

    display: block;

    margin: 20px auto;

    text-align: center;

    border: 5px;

    padding: 10px 10px;

    width: 200px;

    color: #FDFDFD;

    .cjaquino input[type="text"]:focus{

    border-color: #FC33FF;

    .cjaquino input[type="password"]:focus{

    border-color: #FC33FF;

    .cjaquino input[type="submit"]{

    background: #1E82FA;

    display: block;

    margin: 12px auto;

    text-align: center;

    border: 3px;

    padding: 10px 25px;


    SEMESTER: 1ST SCHOOL YEAR:
    UNIVERSITY OF CALOOCAN CITY
    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    border-radius: 20px;

    cursor: pointer;

    font-family: Arial;

    color: #FDFDFD;

    .cjaquino input[type="submit"]:hover{

    background: #1E82FA;

    JAVA CODES:

    function submit(){

    var username=document.getElementById("username").value;

    var password=document.getElementById("password").value;

    if(username=="admin" && password=="admin"){

    alert("Login Successfully....");

    return false;

    else{

    alert("Your username and password is invalid.....")

    ACTUAL OUTPUT:
    SEMESTER: 1ST SCHOOL YEAR:
    UNIVERSITY OF CALOOCAN CITY
    COLLEGE OF LIBERAL ARTS AND SCIENCES SUBJECT CODE: CCS118 UNITS: 3
    COMPUTER STUDIES DEPARTMENT
    SUBJECT TITLE: MULTIMEDIA SYSTEMS

    DAY: TIME:

    DATE GRADE
    PROFESSOR: KAMIL JADE A. CORPUZ
    CHECKED: :

    REMARKS:

    You might also like