Thursday, 26 December 2013
Friday, 13 December 2013
Pacific Trails Resort (Yurts)
<html>
<title>Pacific Trails Resort</title>
<head><style type="text/css">
h2 {color:black;}
</style>
<body background="Green_wallpaper_by_Mikkoliini.jpg">
<center>
<table>
<tr>
<td>
<center><h1 style="color:Indigo;margin-:20px;">Pacific Trails Resort</center></h1>
<hr noshade>
<table align="center">
<tr>
<td>
<strong><a href="Home.html">Home </a></strong>
<strong><a href="Yurts.html">Yurts </a></strong>
<strong><a href="">Activities </a></strong>
<strong><a href="">Reservations </a></strong>
</td>
</tr>
</table>
<hr noshade>
<table bgcolor="white" align="center" background="myback.gif" >
<tr>
<td>
<div style="">
<h2>The Yurts at Pacific Trails</h2>
</div>
<div><b>What is a yurt?</b>
<blockquote>
<p>Our luxury yurts are permanent structures four feet off the ground.<br>
Each yurt has canvas walls, a wooden floor, and roof dome that can<br>
be opened.</p></blockquote>
<b>How are the yurts furnished?</b>
<blockquote>
<p>Each yurt is furnished with a queen-size bed with down quilt and gas-<br>
fired stove. The luxury camping experience also include electricity<br>
and sink with hot and cold running water. Shower and restroom<br>
facilities are located in the lodge.</p></blockquote>
<b>What should I bring?</b>
<blockquote>
<p>Bring a sense of adventure and some time to relax! More guest also<br>
pack comfortable walking shoes and plan to dress for changing<br>
weather with layers of clothing.</blockquote><br></p></div>
</td>
</tr>
</table>
</center>
<hr noshade>
<table>
<tr>
<td>
<em><small>Copyright © 2014 Pacific Trails Resort</small></em><br>
<em><small>Carlotta Eaton <a href=""> ceaton@nr.edu</small></a></em>
</td>
</tr>
</table>
<hr noshade>
</td>
</tr>
</table>
</center>
</body>
</html>
Pacific Trails Resort (Home)
Code
<html>
<title>Pacific Trails Resort</title>
<head><style type="text/css">
h2 {color:black;}
</style>
<body background="Green_wallpaper_by_Mikkoliini.jpg">
<center>
<table>
<tr>
<td>
<table>
<tr>
<td>
<center><h1 style="color:Indigo;margin-:20px;"> Pacific Trails Resort</h1></center>
<hr noshade>
<table align="center">
<tr>
<td>
<strong><a href="Home.html">Home </a></strong>
<strong><a href="Yurts.html">Yurts </a></strong>
<strong><a href="">Activities </a></strong>
<strong><a href="">Reservations </a></strong>
</td>
</tr>
</table>
<hr noshade>
<table bgcolor="white" align="center" >
<tr>
<td background="s.jpg">
<div style="">
<h2>Enjoy Nature in Luxury </h2>
</div>
<div>Pacific trails resort offers a special lodging experience on the California<br>
North Coast. Relax in serenity with panoramic view of the Pacific Ocean.</div><br>
<blockquote><li>Private yurts with decks overlooking the ocean</li>
<li>Activities lodge with fireplace and gift shop</li>
<li>Nightly fine dining at the Overlook Cafe</li>
<li>Heated outdoor pool and whirlpool</li>
<li>Guided hiking tours of the redwoods</li></blockquote><br>
<div>Pacific Trails Resort<br>
12100 Pacific Trails Road<br>
Zephyr, CA 95555<br><br>
888-555-5555</div><br>
<br>
<br>
<br>
</td>
</tr>
</table>
</center>
<hr noshade>
<table>
<tr>
<td>
<em><small>Copyright © 2014 Pacific Trails Resort</small></em><br>
<em><small>Carlotta Eaton <a href=""> ceaton@nr.edu</small></a></em>
</td>
</tr>
</table>
<hr noshade>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Monday, 21 October 2013
10 Usability Heuristics for User Interface Design
Visibility of system
status
The system should always keep users informed about what is going
on, through appropriate feedback within reasonable time.
Match between system
and the real world
The system should speak the users' language, with words, phrases
and concepts familiar to the user, rather than system-oriented terms. Follow
real-world conventions, making information appear in a natural and logical
order.
User control and
freedom
Users often choose system functions by mistake and will need a
clearly marked "emergency exit" to leave the unwanted state without
having to go through an extended dialogue. Support undo and redo.
Consistency and
standards
Users should not have to wonder whether different words,
situations, or actions mean the same thing. Follow platform conventions.
Error prevention
Even better than good error messages is a careful design which
prevents a problem from occurring in the first place. Either eliminate
error-prone conditions or check for them and present users with a confirmation
option before they commit to the action.
Recognition rather
than recall
Minimize the user's memory load by making objects, actions, and
options visible. The user should not have to remember information from one part
of the dialogue to another. Instructions for use of the system should be
visible or easily retrievable whenever appropriate.
Flexibility and
efficiency of use
Accelerators unseen by the novice user may often speed up
the interaction for the expert user such that the system can cater to both
inexperienced and experienced users. Allow users to tailor frequent actions.
Aesthetic and
minimalist design
Dialogues should not contain information which is irrelevant or
rarely needed. Every extra unit of information in a dialogue competes with the
relevant units of information and diminishes their relative visibility.
Help users recognize,
diagnose, and recover from errors
Error messages should be expressed in plain language (no codes),
precisely indicate the problem, and constructively suggest a solution.
Help and documentation
Even though it is better if the system can be used without
documentation, it may be necessary to provide help and documentation. Any such
information should be easy to search, focused on the user's task, list concrete
steps to be carried out, and not be too large.
Unappealing website :'(
Apakah URL laman web tersebut ?
- http://www.undercoverism.com/Adakah halaman sesawang ini menarik atau tidak ? Senaraikan tiga sebab bagi jawapan anda.
- Pada pendapat saya, laman sesawang ini tidak menarik kerana, Terdapat banyak iklan yang tidak berkaitan dgn laman web tersebut, yang keduanya, jika laman web ini dibuka atau digunakan oleh pengguna yang kurang mahir, ia akan menyebabkan penguna menjadi keliru dan yang terakhir laman sesawang ini mengunakan flash dan agak lambat untuk memuat turun semua data atau gambarnya jika hubungan internet tidak kuat.Jika laman sesawang itu tidak menarik , apakah yang anda akan lakukan untuk memperbaikinya?
- Pada pendapat saya, pemilik laman sesawang ini perlu mengunakan bahasa pengaturcaraan yang lebih mudah dimuat turun dari laman web, selain itu pemilik laman sesawang ini harus la mengurangkan iklan-iklan yang tidak berkaitan dengan laman sesawang yang dibini.Adakah anda akan menggalakkan orang lain untuk melawat laman sesawang ini? Mengapa atau mengapa tidak?
- Saya tidak mencadangkan penguna lain melayari laman sesawang ini, kerana lama sesawang ini terdapat banyak iklan-iklan yang akan menyebabkan penguna menajadi keliru. Laman sesawang ini juga mengunakan terlalu banyak flash sehingga menyebabkan proses muat turun gambar atau flash tersebut menjadi lambat apabila insyarat internet lemah.
Appealing WebSite :)
Apakah URL laman web tersebut ?
- https://www.google.com/Adakah halaman sesawang ini menarik atau tidak ? Senaraikan tiga sebab bagi jawapan anda.
- Pada pendapat saya website ini amat menarik kerana website ini mengandungi keteria-keteria iaitu 8 golden rules bagi user interface design. Dalam membangunkan website, website tersebut haruslah simple tetapi dapat menarik perhatian para pengguna untuk melayari laman web tersebut.Jika laman sesawang itu tidak menarik , apakah yang anda akan lakukan untuk memperbaikinya?
-Jika website ini tidak menarik, saya akan menaiktarafkan website tersebut dgn mengubah atau melakukan sesuatu terhadap logo tersebut. Buat logo itu beranimasi 3D, menghiasi logo tersebut mengikut tema atau mengikut sesuatu perayaan serta sambutan yang terdapat di seluruh dunia dan meletakkan permainan di bahagain logo google tersebut.Adakah anda akan menggalakkan orang lain untuk melawat laman sesawang ini? Mengapa atau mengapa tidak?
- Saya akan menggalakkan orang lain untuk menggunakan laman web ini kerana laman web ini sangat berguna kepada semua masyarakat untuk mencari maklumat. Selain itu juga, website ini amat ringan serta tidak mengambil masa yg terlalu lama untuk loading.
Wednesday, 16 October 2013
Learn Some Basic HTML Code..
<!-- Write the markup language code to display your name in the largest-size heading element. -->
<html>
<body>
<h1> MOHD MUSTAQIM & MUSTAQQEEM </h1>
</body>
</html>
sources: name.html
<!-- Write the markup language code for unordered list to display the days of the week. -->
<html>
<body>
<ul>
<li> SUNDAY </li>
<li> MONDAY </li>
<li> TUESDAY </li>
<li> WEDNESDAY</li>
<li> THRUSDAY </li>
<li> FRIDAY </li>
<li> SATURDAY </li>
</ul>
</body>
</html>
sources: day.html
<!-- Write the markup language code for an ordered list that uses uppercase letters to order the items. This ordered list will display the following : Spring, Summer, Fall and Winter. -->
<html>
<body>
<ol type="A">
<li>Spring</li>
<li>Summer</li>
<li>Fall</li>
<li>Winter</li>
</ol>
</body>
</html>
sources: summer.html
<!-- Think of a favorites quote by someone you admire. Write the XHTML code to display the person's name in a heading and the quote in a block quote. -->
<html>
<body>
<h1> Prophet Muhammad Quotes: Learn the Way Of Wisdom </h1>
<div> <i>“It is better to sit alone than in company with the bad, and it is
better still to sit with the good than alone. It is better to speak to a
seeker of knowledge than to remain silent, but silence is better han idle words.” </i></div>
</body>
</html>
sources: quote.html
<html>
<body>
<h1> MOHD MUSTAQIM & MUSTAQQEEM </h1>
</body>
</html>
 |
| Figure 1: Name |
<!-- Write the markup language code for unordered list to display the days of the week. -->
<html>
<body>
<ul>
<li> SUNDAY </li>
<li> MONDAY </li>
<li> TUESDAY </li>
<li> WEDNESDAY</li>
<li> THRUSDAY </li>
<li> FRIDAY </li>
<li> SATURDAY </li>
</ul>
</body>
</html>
 |
| Figure 2: Day |
<!-- Write the markup language code for an ordered list that uses uppercase letters to order the items. This ordered list will display the following : Spring, Summer, Fall and Winter. -->
<html>
<body>
<ol type="A">
<li>Spring</li>
<li>Summer</li>
<li>Fall</li>
<li>Winter</li>
</ol>
</body>
</html>
 |
| Figure 3: Summer |
<!-- Think of a favorites quote by someone you admire. Write the XHTML code to display the person's name in a heading and the quote in a block quote. -->
<html>
<body>
<h1> Prophet Muhammad Quotes: Learn the Way Of Wisdom </h1>
<div> <i>“It is better to sit alone than in company with the bad, and it is
better still to sit with the good than alone. It is better to speak to a
seeker of knowledge than to remain silent, but silence is better han idle words.” </i></div>
</body>
</html>
 |
| Figure 4: Quote |
Sunday, 29 September 2013
Lab 1 : Reka Bentuk Web
Visit a website that interests you. Prints screen the home page or other pertinent page from the site. Write a one-page summary and your reaction to the site. Address the following topics:
Summary :
This website is set up to make information searching regarding programming or programming language to build a web site. In this site, there is a lot of example on web programming language that can help each user that is not familiar with website construction. It also has many different languages for programming especially the latest HTML5, CSS3 and many more. Moreover, this site is made easy to understand for each user and it has also prepared tutorials for each programming
a. What is the purpose of the site?
The purpose of this site is for education.
b. Who is the intended audience?
Students, lecturers and everyone that wants to learn about coding such us PHP, HTML, ASP and so on.
c. Do you think that the site reaches its intended audience? Why or why not?
Yes, because this site is the best reference to learn about web development coding.
d. Is the site useful to you? Why or why not?
Yes, because I can always refer to any web development coding that I am not aware of.
e. List one interesting fact or issue that this site addresses.
It has many type of coding that I can put to use in this site.
f. Would you encourage others to visit the site?
Yes, this is the most suitable website to improve web development skills.
g. How could this site be improved?
Update new coding or languages, put more video tutorials and build an application for smart phone.
Wednesday, 25 September 2013
Subscribe to:
Posts (Atom)