Catatan

Menunjukkan catatan yang berlabel HCI

CODE CSS & RESPONSIVE : LAMAN NAURAH LEE

CSS /* CSS STYLESHEET FOR NURAH*/ body{ background:url(bg.jpg); font-family:century gothic, sans-serif; margin-left:15px; font-size:16px;} header{ background:lightcoral; width: 100%;} .seg-bar{ cursor:pointer; text-align: center; width:50%; vertical-align: middle; display: table-cell;} .search input{ padding: 7px 7px 7px 7px; color:gray ; background:snow; } .icon{ display: block; position:absolute;} /*--NAVIGATION--*/ nav{ background:white; padding:4px ; text-align:center ;} nav ul{ list-style:none;} nav li{ display:inline-block; padding: 0px 9px 0px 9px;} nav a{ text-decoration: none; letter-spacing: 0.1em; color:black ; } nav a:hover{ border-bottom:1.5px dashed lightcoral ; color: lightcoral;} /* ----------------------------> ARTICLE, SECTION, CONTENT IN HERE */ .container{ align-content: center;} .row{ margin-left: 15px; margin-right: 15px;} .row img{ height:40%} .box{ width:60%; border-bottom:

LAMAN WEB : ORDER

Imej
Laman untuk order ini, Lee reka bentuk berinspirasikan laman ZALORA.. Tapi tak jadi mana pun sebab Lee nak cuba reka mengikut cita rasa Lee.. >3< Ha.. tu yang serba coral warnanya.. <html> <head> <title>ORDER | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="index.html"><img src="css/logo.png" style="height:100px ;" alt="logo"></a> <

LAMAN WEB : SIGN IN & REGISTER

Imej
Paparan di bawah merupakan paparan bagi page register dan sign in.  Ps// Untuk pengetahuan semua pengunjung blog ini. Lee yang coding sendiri.. Lee habiskan cuti sekolah masa Hari Raya Haji semata - mata nak siapkan tugasan ini.. Ini bukan plagiat ok.. Jadi please jangan nak cakap yang Lee copy paste template.. Ehh takde masa ok nak buat kerja yang menambahkan dosa ni.. =3= REGISTER <html> <head> <title>REGISTER | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span>

LAMAN WEB : ABOUT US

Imej
Paparan di bawah merupakan paparan bagi page ABOUT US <html> <head> <title> ABOUT | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="index.html"><img src="css/logo.png" style="height:100px ;" alt="logo"></a> <form class="search"> <input type="text" name="search" value="search here"><inpu

LAMAN WEB : HOME

Imej
Assalamualaikum warhmatullahi wabarakatuh… Hari ni Lee akan update webpages yang Lee buat.. Webpage ni merupakan tugasan KPD4022 yang diberikan oleh pensyarah Lee iaitu Cikgu Zain… Maafkan Lee kalau post kali ini sangat ringkas.. Lee tak dapat nak explain banyak.. Di bawah merupakan laman web yang Lee reka <html> <head> <title>HOME | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="in

DEFINITION OF HUMAN-COMPUTER INTERACTION (HCI)

HUMAN-COMPUTER INTERACTION (HCI) Is the study of how people interact with the computers and to what extent computers are or are not developed for successful interaction with human being. Human interact with computer through an interface. Interaction refers a dialogue generated by the command and data input to the computer and the display output of the computer and the sensory input to the human and motor response output of the human. DEFINISI HCI (HCI) adalah kajian tentang bagaimana manusia berinteraksi dengan komputer. Penyelidikan tentang Interaksi manusia-komputer (HCI) adalah rekabentuk dan penggunaan teknologi komputer, dengan tumpuan khusus kepada antara muka antara manusia (pengguna) dan komputer. Para penyelidik mendapati manusia boleh berinteraksi dengan computer menggunakan cara yang baru. Matlamat Interaksi manusia-komputer (HCI)  menghasilkan sistem yang boleh digunakan dan selamat, serta berfungsi (berguna). Pengguna mesti mencuba dan usah

DEFINITION OF HUMAN-COMPUTER INTERACTION (HCI)

HUMAN-COMPUTER INTERACTION (HCI) Is the study of how people interact with the computers and to what extent computers are or are not developed for successful interaction with human being. Human interact with computer through an interface. Interaction refers a dialogue generated by the command and data input to the computer and the display output of the computer and the sensory input to the human and motor response output of the human. DEFINISI HCI (HCI) adalah kajian tentang bagaimana manusia berinteraksi dengan komputer. Penyelidikan tentang Interaksi manusia-komputer (HCI) adalah rekabentuk dan penggunaan teknologi komputer, dengan tumpuan khusus kepada antara muka antara manusia (pengguna) dan komputer. Para penyelidik mendapati manusia boleh berinteraksi dengan computer menggunakan cara yang baru. Matlamat Interaksi manusia-komputer (HCI)  menghasilkan sistem yang boleh digunakan dan selamat, serta berfungsi (berguna). Pengguna mesti mencub