Posts

Image
HTML code: <!DOCTYPE html> <html> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <body> <div class="container"> <img src="bg.jpg" alt="background picture"> <div id="main" class="centered"> <h1><span class="highlight">Wikipedia - Geneva</span></h1> <p>Geneva is the second-most populous city in Switzerland (after Zurich) and is the most populous city of Romany(the France-speaking part of Switzerland). Situated where the Rhone River exits Lake Geneva (French Lac Leman), it is the capital of the Republic and Canton of Geneva.</p> <img src="switzerland.png" alt="Switzerland"> <p>Geneva is widely regarded as a global city, mainly because of the presence of numerous international organizations, including the headquarters of many of th...
Post a Comment
Read more

Lab- (Critique of web design)

1.     Is the page appealing or unappealing ? Give your justifications.   T he design of the prototype 1 is more appealing than prototype 2. The design of prototype 1 contain 2 to 3 primary colours that blend well and create a proper mood or tone for business and the blend well colour also   grains the attention from audience to focus on the main point for the page. The suitable colours combination for the text and background and the suitable fonts that used in prototype 1 make the content more clear and the user can easily read through the page. Graphics are important, as they lend visual variety and appeal to an otherwise boring page of text. The used of graphics in prototype 1 is more interest than prototype 2. A simple way to increase visual appeal is to use high quality photography. High quality product images are especially important for online retailers. The higher quality photography that prototype 1 used increase the visual appeal from the audi...
Post a Comment
Read more

Lab 5 - Jake's Coffee Shop

Image
1) HTML Coding: <!DOCTYPE html> <html> <head> <h1> Jake's Coffee Shop </h1> </head> <body> <div> <a href="#Home">Home</a> <a href="#Menu">Menu</a> <a href="#Music">Music</a> <a href="#Jobs">Jobs </a> </div> <div> <p>Come in and experience...</p> <img src="coffee.jpg"/> <br/> <ul> <li>Speciality Coffee And Tea </li> <li>Freshly made sandwiches </li> <li>Bagels, Muffins and Organic Snacks</li> <li>Music and Poetry Readings</li> <li>Open mic nights</li> <li>...</li> </ul> <p>23 Pine Road </p> <p>Nottingham, NGI 5YU </p> <p>0115 9324567</p> <br> </div> <footer> <p>Copyright @ 2011 Jake's Coffee House </p> <a hr...
Post a Comment
Read more

Lab 4 - CSS

Lee Xhi Qing AI160225 Wong Xiao Feng AI160247 embedded.html <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="color.css"> <title>Trillium Media Design</title> <style> body { background-color: #e6e6fa; color: #191970; text-align: center; } h1 { background color: #191970; color: #0000CD; } h2 { background color: #aeaed4; color: #191970; } </style>     <meta charset="utf-8"> </head> <body> <h1>Trillium Media Design</h1> <div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div> <h2>New Media and Web Design</h2> <article>Trillium Media Design will bring your company's Web presence to the next level.<br>  We offer a comprehensive range of services:<...
Post a Comment
Read more

Lab 1- Focus on Web Design

Image
Lee Xhi Qing AI160225 Wong Xiao Feng AI160247 a.  What is the purpose of the site? The main purpose of “Youtube” is to allow people from all over the world to upload and share video clips of different content. This is the place which provides a forum for a people to connect, inform and inspire others worldwide. Basically, “YouTube” is a distribution platform for original content creators and advertisers. b.  Who is the intended audience? People who are literate. People who have access to internet (via personal computer or smartphone). People who have some very basic education. Mostly targeting youth, however even elders are preferred. People who want to use this for leisure. People and organizations who want a platform for social media marketing.      In simple worlds, it’s everyone! c.  Do you think that the site reaches its intended audience ? Why or why not? Yes, YouTube had reaches its intended audience. According to com...
Post a Comment
Read more

Lab 2 - Web Design Elements

Lee Xhi Qing AI160225 Wong Xiao Feng AI160247 <!DOCTYPE html> <html> <head> <style> div.title {     background-color: black;     color: white;     margin: 20px 0 20px 0;     padding: 20px;     text-align: center; } </style> </head> <body style="background-color:powderblue;"> <div class="title"> <h1><hr> Trillium Media Design </hr></h1> <hr> </div> <div class="title"> <p><h4> <style> li {list-style-position: inside;} </style> <ul> <li>Home</li> <li>Services</li> <li>Contact</li> </ul> </p></h4> </div> <div class="title"> <h2>New Media and Web Design</h2> <p><blockquote cite="http://www.worldwildlife.org/who/index.html"> <ol type="1"> <li...
Post a Comment
Read more

Lab 2 - Exercise 2

Image
Lee Xhi Qing AI160225 Wong Xiao Feng AI160247 First Page <!DOCTYPE html> <html> <body> <h1>We’re looking for an HTML and CSS developer</h1> <img src="cat1.jpg"> <p>For our client, The Cat Factory,<strong> we need a skilled web developer in HTML and CSS</strong>. We offer a competitive salary, a bag of cat food, and toys.</p> <p>Don’t wait, apply now! Our crazy team is waiting for you right meow! </body> </html> Second Page <!DOCTYPE html> <html> <body> <h4>Justin Beaver: Ever since I learned HTML, my life has made a complete 180</h4> <p>Posted by: Damian Wielgosik</p> <p>Justin Beaver confessed something that even his greatest fans would have never expected of the skilled musicians and lyricist. The young rock-and-roller admitted since he typed his first title tag, his life became easier. It has been reported ...
Post a Comment
Read more