L A M P I R A N. Universitas Sumatera Utara

Size: px
Start display at page:

Download "L A M P I R A N. Universitas Sumatera Utara"

Transcription

1 L A M P I R A N

2 LAMPIRAN 1. Listing Program Aplikasi e-election Berbasis SMS Gateway index.php <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>e-election</title> <meta name="keywords" content="e-election" /> <meta name="description" content="e-election" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body,td,th { font-size: small; } </style> <script src="scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <div id="site_title_section"> <div id="site_title"> VOTE <div class="cleaner"> <div id="search_section"> <!-- end of header --> <!-- end of header wrapper --> <div id="banner_header_01"> <p> FOR PRESIDENT </p> <p> OF STUDENT </p> <p>organization</p> <!-- end of banner --> <!-- end of banner wrapper --> <li><a href=" target="_parent"><span></span>home</a></li>

3 <li><a href=" <li><a href=" Polling</a></li> <li><a href=" Chart</a></li> <li><a href=" <li><a href=" </ul> <!-- end of menu --> <!-- end of menu wrapper --> <div id="content_left"> <div class="content_left_section"> <div class="content_header_01"><strong>calender</strong> <div align="center" class="rc_btn_02"> <object id="flashid" classid="clsid:d27cdb6e-ae6d-11cf-96b " width="300" height="260"> <param name="movie" value="application/calender.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don t want users to see the prompt. --> <param name="expressinstall" value="scripts/expressinstall.swf" /> <!-- Next object tag is for non-ie browsers. So hide it from IE using IECC. --> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="application/calender.swf" width="300" height="260"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <param name="expressinstall" value="scripts/expressinstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href=" src=" gif" alt="get Adobe Flash player" /></a></p> <!--[if!ie]>--> </object> <!--<![endif]--> </object> <div class="cleaner">

4 <!-- end of news section --> <div class="content_left_section"> <div class="cleaner_h30"> <!-- end of content left --> <div id="content_right"> <div class="content_right_280_section margin_right_60"> <div class="content_header_01"><strong>welcome to our website</strong> <div class="image_wrapper"><img src="images/vote.jpg" width="261" height="72" /> <p><strong>let's Vote our candidat!</strong></p> <p><strong>text </strong>:</p> <p><strong> VOTE<space>Candidate_Code</strong></p> <p><strong> send to </strong></p> <div class="content_right_280_section"> <div class="content_header_01"><strong>candidat</strong> <p><strong>our Candidat are :</strong></p> <ul> <li><strong>ismail Fahmi</strong></li> <li><strong>ahmad Fahrezi</strong></li> <li><strong>muhammad Fauzan</strong></li> </ul> <div class="cleaner"> <div class="rc_btn_02"><a href=" All</a> <div class="cleaner"> <div class="cleaner_h20"> <!-- end of content right --> <!-- end of content --> <!-- end of content wrapper --> 2012 By Ria Arnisha<!-- end of footer --> <!-- end of footer wrapper --> <script type="text/javascript"> swfobject.registerobject("flashid"); </script> </body> </html>

5 koneksi_database.php <?php $host = 'localhost'; $user = 'root'; $pass = '1234'; $dbname = 'polling'; $konek = mysql_connect($host, $user, $pass) or die ('Mysql Tidak Terhubung'); mysql_select_db($dbname);?> view_polling.php <html xmlns=" <head> <meta http-equiv="refresh" content="5"> <title>e-election</title> <meta name="keywords" content="e-election" /> <meta name="description" content="e-election" /> <link href="../style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body,td,th { font-size: small; } </style> <script src="../scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <div id="site_title_section"> <div id="site_title"> VOTE <div class="cleaner"> <div id="search_section"> <!-- end of header --> <!-- end of header wrapper --> <div id="banner_header_01"> <p> FOR PRESIDENT </p> <p> OF STUDENT </p> <p>organization</p> <!-- end of banner --> <!-- end of banner wrapper -->

6 <ul> <li><a href=" target="_parent"><span></span>home</a></li> <li><a href=" <li><a href=" Polling</a></li> <li><a href=" Chart</a></li> <li><a href=" <li><a href=" </ul> <!-- end of menu --> <!-- end of menu wrapper --> <div id="content_left"> <div class="content_left_section"> <div class="content_header_01"><strong>calender</strong> <div align="center" class="rc_btn_02"> <object id="flashid" classid="clsid:d27cdb6e-ae6d-11cf-96b " width="300" height="260"> <param name="movie" value="calender.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don t want users to see the prompt. --> <param name="expressinstall" value="../scripts/expressinstall.swf" /> <!-- Next object tag is for non-ie browsers. So hide it from IE using IECC. --> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="calender.swf" width="300" height="260"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <param name="expressinstall" value="../scripts/expressinstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href=" src=" gif" alt="get Adobe Flash player" /></a></p> <!--[if!ie]>--> </object>

7 <!--<![endif]--> </object> <div class="cleaner"> <!-- end of news section --> <div class="content_left_section"> <div class="cleaner_h30"> <!-- end of content left --> <div id="content_right"> <div class="content_right_280_section margin_right_60"> <div class="content_header_01"><strong>view Polling</strong> <div class="cleaner_h20"> <table width="620" height="212" border="0"> <td height="22" align="center" valign="middle"><table width="531" height="288" border="0"> <td width="190" align="center" valign="middle"><img src="../images/candidat.jpg" width="120" height="129" align="absmiddle" /></td> <td width="195" align="center" valign="middle"><img src="../images/candidat.jpg" width="120" height="129" /></td> <td width="212" align="center"><img src="../images/candidat.jpg" width="120" height="129" /></td> <tr align="center" valign="middle"> <td height="26"><strong>ismail Fahmi</strong></td> <td><strong>ahmad Fahrezi</strong></td> <td><strong>muhammad Fauzan</strong></td> <tr align="center" valign="middle"> <td height="38"><h1><strong>001</strong></h1></td> <td><h1><strong>002</strong></h1></td> <td><h1><strong>003</strong></h1></td> <tr align="center" valign="middle"> <td height="83" colspan="3"> <?php $sambung=mysql_connect("localhost","root","1234"); mysql_select_db("polling",$sambung); $query=mysql_query("select * from data_polling order by id");?>

8 <table width="381" border="1" bordercolorlight="#00ffff" bordercolor="#0066cc"> <td align="center" width="75" bgcolor="#009999"><strong>id</strong></td> <td align="center" width="150" bgcolor="#009999"><strong>kode Kandidat</strong></td> <td align="center" width="150" bgcolor="#009999"><strong>perolehan Suara</strong></td> <? while($d=mysql_fetch_array($query)) { echo""; printf("<td align=\"center\">$d[id]</td> <td align=\"center\">$d[pilihan]</td> <td align=\"center\">$d[vote]</td> "); } echo"</table><br>";?> </td></td> </table><td height="72"></td> </table> <!-- end of content right --> <!-- end of content --> <!-- end of content wrapper --> 2012 By Ria Arnisha<!-- end of footer --> <!-- end of footer wrapper --> <script type="text/javascript"> swfobject.registerobject("flashid"); </script> </body> </html> view_chart.php <html xmlns=" <head> <meta http-equiv="refresh" content="5"> <title>e-election</title> <meta name="keywords" content="e-election" /> <meta name="description" content="e-election" /> <link href="../style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body,td,th { font-size: small; }

9 </style> <script src="../scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <div id="site_title_section"> <div id="site_title"> VOTE <div class="cleaner"> <div id="search_section"> <!-- end of header --> <!-- end of header wrapper --> <div id="banner_header_01"> <p> FOR PRESIDENT </p> <p> OF STUDENT </p> <p>organization</p> <!-- end of banner --> <!-- end of banner wrapper --> <ul> <li><a href=" target="_parent"><span></span>home</a></li> <li><a href=" <li><a href=" Polling</a></li> <li><a href=" Chart</a></li> <li><a href=" <li><a href=" </ul> <!-- end of menu --> <!-- end of menu wrapper --> <div id="content_left"> <div class="content_left_section"> <div class="content_header_01"> <p><strong>calender</strong></p>

10 <div align="center" class="rc_btn_02"> <object id="flashid" classid="clsid:d27cdb6e-ae6d-11cf-96b " width="300" height="260"> <param name="movie" value="calender.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don t want users to see the prompt. --> <param name="expressinstall" value="../scripts/expressinstall.swf" /> <!-- Next object tag is for non-ie browsers. So hide it from IE using IECC. --> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="calender.swf" width="300" height="260"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value=" " /> <param name="expressinstall" value="../scripts/expressinstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href=" src=" gif" alt="get Adobe Flash player" /></a></p> <!--[if!ie]>--> </object> <!--<![endif]--> </object> <div class="cleaner"> <!-- end of news section --> <div class="content_left_section"> <div class="cleaner_h30"> <!-- end of content left --> <div id="content_right"> <div class="content_right_280_section margin_right_60"> <div class="content_header_01"><strong>chart Polling</strong> <div class="cleaner_h20"> <table width="620" border="0">

11 <td height="22"><table width="620" height="361" border="0"> <td width="276" rowspan="9" valign="top"> <? //koneksi database $vardata = array('localhost', 'root', '1234', 'polling'); list($host, $user, $pass, $db) = $vardata; $con = mysql_connect($host, $user, $pass); mysql_select_db($db, $con) or die('error DBASE CON'); //ambil query untuk jumlah terbesar dari data_polling dan total seluruh (SUM) dalam baris table $qry = mysql_query("select * FROM data_polling") or die('error REPORT DATA'); //ambil data MAX dari vote $max = mysql_query("select MAX(vote) FROM data_polling") or die('error MAX DATA'); list ($most_value) = mysql_fetch_row($max); mysql_free_result($max); //jumlahkan (SUM) seluruh vote dalam baris data sebagai ttlvote $sum = mysql_query("select SUM(vote) AS ttlvote FROM data_polling") or die('error SUM DATA'); $ttl = mysql_fetch_array($sum);?> <table border=0 cellspacing=5 cellpadding=0 align="center" style="backgroundcolor:#abcdef;border:1px solid blue;"> <? while($row=mysql_fetch_array($qry)) { if($most_value==0) $most_value=1; // menghandle nilai field vote yang nol //mulai proses data value untuk graphic $graphlinevalue = round(($row[vote] * 100) / $most_value); $percent = round(($row[vote] * 100) / $ttl[ttlvote], 2);?> <td valign="bottom" title="kode Kandidat: <? echo $row['pilihan'];?>"><table border=0 cellpadding=0 cellspacing=2> <tr align=center valign=bottom><td style="background-color:#e0f0ff;"><table border=0 cellspacing=0 cellpadding=0 width=100%> <tr align=center><td height=102 valign=bottom nowrap style="color:black;font-family:arial, Helvetica;font-size:12px;"><? echo $percent;?> %</td> <tr align=center valign=bottom><td><table border=0 cellspacing=0 cellpadding=0><td style="border:2px outset white;" bgcolor="#00cccc" title="<? echo " ".number_format($graphlinevalue,3,"",".");?>"><div

12 style="width:20px; height:<? echo $graphlinevalue;?>px; line-height:1px; fontsize:1px;"></td></table></td></table></td><tr align=center> <td bgcolor="#c0e0ff" style="color:#000000;backgroundcolor:#c0e0ff;border:2px groove white;font-family:arial, Helvetica;fontsize:12px;text-align:center;"> <? echo $row['pilihan'];?> </td> </table></td> <? }?> </table> <div style="font-family:'courier New'; font-size:24px; font-weight:bold; padding-top:25px; text-align:center;"> <? echo "Total Suara = ".number_format($ttl[ttlvote],0,"",".");?> </td> <td width="133" rowspan="3" align="right" valign="top"><img src="../images/candidat.jpg" width="96" height="101" align="middle" /></td> <td width="197" align="center"><strong>ismail Fahmi</strong></td> <td height="22" align="center">kode</td> <td height="72" align="center"><h2>001</h2></td> <td rowspan="3" align="right" valign="top"><img src="../images/candidat.jpg" width="96" height="101" /></td> <td align="center"><strong>ahmad Fahrezi</strong></td> <td height="24" align="center">kode</td> <td height="65" align="center"><h2>002</h2></td> <td rowspan="3" align="right" valign="top"><img src="../images/candidat.jpg" width="96" height="101" /></td> <td align="center"><strong>muhammad Fauzan</strong></td> <td height="25" align="center">kode</td> <td height="67" align="center"><h2>003</h2></td> </table></td>

13 </table> <!-- end of content right --> <!-- end of content --> <!-- end of content wrapper --> 2012 By Ria Arnisha<!-- end of footer --> <!-- end of footer wrapper --> <script type="text/javascript"> swfobject.registerobject("flashid"); </script> </body> </html>

14 2. Tampilan Uji Layanan SMS 1. SMS voting dengan format yang benar 2. Balasan SMS berhasil dari sistem

15 3. Balasan SMS dari sistem jika menggunakan NISN yang salah

A designers guide to creating & editing templates in EzPz

A designers guide to creating & editing templates in EzPz A designers guide to creating & editing templates in EzPz Introduction...2 Getting started...2 Actions...2 File Upload...3 Tokens...3 Menu...3 Head Tokens...4 CSS and JavaScript included files...4 Page

More information

Tables *Note: Nothing in Volcano!*

Tables *Note: Nothing in Volcano!* Tables *Note: Nothing in Volcano!* 016 1 Learning Objectives After this lesson you will be able to Design a web page table with rows and columns of text in a grid display Write the HTML for integrated

More information

Designing and Developing a Website. 7 May Examination Paper. Time: 3 hours

Designing and Developing a Website. 7 May Examination Paper. Time: 3 hours Designing and Developing a Website 7 May 205 Examination Paper Answer ALL questions. Clearly cross out surplus answers. Time: 3 hours The maximum mark for this paper is 00. Any reference material brought

More information

LAMPIRAN SCRIPT PROGRAM

LAMPIRAN SCRIPT PROGRAM LAMPIRAN SCRIPT PROGRAM Coding Awal.css @charset "utf-8"; /* CSS Document */.rembe { body { background-color:#ccc; #apdiv000 { width:1324px; height:46px; background-color:#666666; left: 13px; top: 596px;

More information

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008 Denes Kubicek Oracle ACE APEX Developer of the Year 2008 Blog & Tools at: http://www.deneskubicek.blogspot.com/ http://apex.oracle.com/pls/otn/f?p=31517:1 http://www.opal-consulting.de Create Web 2.0 Applications

More information

Output a HTML Table to file PDF use FPDF

Output a HTML Table to file PDF use FPDF Output a HTML Table to file PDF use FPDF Informations Class: PDFTable Author: vietcom License: Freeware Version: 1.2 (18-Nov-2004) In this class, I use class HTMLParser from Jose Solorzano and class FPDF

More information

Slightly more advanced HTML

Slightly more advanced HTML Slightly more advanced HTML div and span Whereas most HTML tags apply meaning (p makes a paragraph, h1 makes a heading, etc.), the span and div tags apply no meaning but are still very useful in conjunction

More information

Title: Dec 11 3:40 PM (1 of 11)

Title: Dec 11 3:40 PM (1 of 11) ... basic iframe body {color: brown; font family: "Times New Roman"} this is a test of using iframe Here I have set up two iframes next to each

More information

Dreamweaver: Portfolio Site

Dreamweaver: Portfolio Site Dreamweaver: Portfolio Site Part 3 - Dreamweaver: Developing the Portfolio Site (L043) Create a new Site in Dreamweaver: Site > New Site (name the site something like: Portfolio, or Portfolio_c7) Go to

More information

User's Guide Visual Profile Appendix L Version 7.5.2

User's Guide Visual Profile Appendix L Version 7.5.2 User's Guide Visual Profile Appendix L Version 7.5.2 MobilityGuard AB Appendix L Visual Profile v 7.4 Table of Contents 1 Introduction...3 2 Configuration...3 2.1 Select a theme to use...3 2.2 The theme

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3 Exhibit L Dockets.Justia.com Claim Chart For Adobe Showing Indirect Infringement Of The 985 Patent Through pdf authoring

More information

Chapter 4 Notes. Creating Tables in a Website

Chapter 4 Notes. Creating Tables in a Website Chapter 4 Notes Creating Tables in a Website Project for Chapter 4 Statewide Realty Web Site Chapter Objectives Define table elements Describe the steps used to plan, design, and code a table Create a

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Configuring Hotspots

Configuring Hotspots CHAPTER 12 Hotspots on the Cisco NAC Guest Server are used to allow administrators to create their own portal pages and host them on the Cisco NAC Guest Server. Hotspots created by administrators can be

More information

Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015

Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015 Page 1 of 7 TalkersCode.com HTML CSS JavaScript jquery PHP MySQL Web Development Tutorials Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015 Share 4 Stum Tags:- Ajax jquery PHP MySQL

More information

HTML Tags <A></A> <A HREF="http://www.cnn.com"> CNN </A> HREF

HTML Tags <A></A> <A HREF=http://www.cnn.com> CNN </A> HREF HTML Tags Tag Either HREF or NAME is mandatory Definition and Attributes The A tag is used for links and anchors. The tags go on either side of the link like this: the link

More information

LAMPIRAN Kode Program

LAMPIRAN Kode Program 73 LAMPIRAN Kode Program 1. Index.php

More information

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

CSS: Layout Part 2. clear. CSS for layout and formatting: clear CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear

More information

Designing and Developing a Website. 7 May Marking Scheme

Designing and Developing a Website. 7 May Marking Scheme Designing and Developing a Website 7 May 05 Marking Scheme This marking scheme has been prepared as a guide only to markers. This is not a set of model answers, or the exclusive answers to the questions,

More information

WebWorks Publisher 2003

WebWorks Publisher 2003 Welcome WebWorks Publisher 2003 Tips & Tricks David Knopf, President Knopf Online San Francisco Tel 415.550.8367 E-mail david@knopf.com Web www.knopf.com WinWriters Hollywood, CA March 2004 Why Are We

More information

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View

More information

Creating a Job Aid using HTML and CSS

Creating a Job Aid using HTML and CSS Creating a Job Aid using HTML and CSS In this tutorial we will apply what we have learned about HTML and CSS. We will create a web page containing a job aid about how to buy from a vending machine. Optionally,

More information

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View

More information

Dreamweaver CS3 Concepts and Techniques

Dreamweaver CS3 Concepts and Techniques Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review Web Design Preview Review Tables Create html spreadsheets Page Layout Review Table Tags Numerous Attributes = border,

More information

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION Tutorial 5 Working with Tables and Columns HTML and CSS 6 TH EDITION Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 8 TABLES 2 Learning Outcomes In this chapter, you will learn how to... Create a basic table with the table, table row, table header, and table

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.: Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag

More information

In the early days of the Web, designers just had the original 91 HTML tags to work with.

In the early days of the Web, designers just had the original 91 HTML tags to work with. Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,

More information

ADVANCED CHARTING IN APPLICATION EXPRESS

ADVANCED CHARTING IN APPLICATION EXPRESS ADVANCED CHARTING IN APPLICATION EXPRESS Dimitri Gielis Apex Evangelists PURPOSE OF THIS PAPER More and more people prefer to have a graphical representation about their data. A picture shows more than

More information

Introduction to Computer Science (I1100) Internet. Chapter 7

Introduction to Computer Science (I1100) Internet. Chapter 7 Internet Chapter 7 606 HTML 607 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web

More information

Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc

Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc Design Project Site: News from Latin America Design Project i385f Special Topics in Information Architecture Instructor: Don Turnbull Elias Tzoc April 3, 2007 Design Project - 1 I. Planning [ Upper case:

More information

2004 WebGUI Users Conference

2004 WebGUI Users Conference WebGUI Site Design 2004 WebGUI Users Conference General Rules of Web Design Content is King good content is more important than anything else. keeps people interested. even if your design is bad, content

More information

$this->dbtype = "mysql"; // Change this if you are not running a mysql database server. Note, the publishing solution has only been tested on MySQL.

$this->dbtype = mysql; // Change this if you are not running a mysql database server. Note, the publishing solution has only been tested on MySQL. 0.1 Installation Prior to installing the KRIG publishing system you should make sure that your ISP supports MySQL (versions from 4.0 and up) and PHP (version 4.0 or later, preferably with PEAR installed.)

More information

PIC 40A. Midterm 1 Review

PIC 40A. Midterm 1 Review PIC 40A Midterm 1 Review XHTML and HTML5 Know the structure of an XHTML/HTML5 document (head, body) and what goes in each section. Understand meta tags and be able to give an example of a meta tags. Know

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: You may create your button in GIMP. Mine is 122 pixels by 48 pixels. You can use whatever

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

Vebra Search Integration Guide

Vebra Search Integration Guide Guide Introduction... 2 Requirements... 2 How a Vebra search is added to your site... 2 Integration Guide... 3 HTML Wrappers... 4 Page HEAD Content... 4 CSS Styling... 4 BODY tag CSS... 5 DIV#s-container

More information

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

B1 Print & Delivery Sample Due Date Reminder System

B1 Print & Delivery Sample Due Date Reminder System B1 Print & Delivery Sample Due Date Reminder System Summary Module B1 Print & Delivery Level Advanced Requirements B1UP 6.2.0 Scenario This sample will use the B1 Print & Delivery module to email customers

More information

Module Contact: Dr Graeme Richards, CMP. Copyright of the University of East Anglia Version 1

Module Contact: Dr Graeme Richards, CMP. Copyright of the University of East Anglia Version 1 UNIVERSITY OF EAST ANGLIA School of Computing Sciences Main Series UG Examination 2015/16 WEB BASED PROGRAMMING CMP-4011A Time allowed: 2 hours Answer BOTH questions in Section A and TWO questions from

More information

Introduction to HTML5

Introduction to HTML5 Introduction to HTML5 History of HTML 1991 HTML first published 1995 1997 1999 2000 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards.

More information

Rootrainer Trees, ideal for bonsai

Rootrainer Trees, ideal for bonsai 1 h1 { 2 font-family: Arial, Helvetica, sans-serif; 3 font-size: 36pt; 4 font-weight: bold; 5 color: #000066; 6 text-align: center; 7 } 8 h2 { 9 font-family: "Times New Roman", Times, serif; 10 font-size:

More information

Chapter 4 Creating Tables in a Web Site Using an External Style Sheet

Chapter 4 Creating Tables in a Web Site Using an External Style Sheet Chapter 4 Creating Tables in a Web Site Using an External Style Sheet MULTIPLE RESPONSE Modified Multiple Choice 1. Attributes are set relative to the elements in a table. a. line c. row b. column d. cell

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Web Publishing Intermediate 2

Web Publishing Intermediate 2 Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

Purpose of this doc. Most minimal. Start building your own portfolio page!

Purpose of this doc. Most minimal. Start building your own portfolio page! Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge

More information

Showing results for contents of text-input area - Nu Html Checker

Showing results for contents of text-input area - Nu Html Checker Nu Html Checker This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Showing results for contents of text-input area Checker Input Show source outline

More information

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 NAME (Printed) NAME (Signed) E-mail Exam Rules Show all your work. Your grade will be based on the

More information

Certified HTML5 Developer VS-1029

Certified HTML5 Developer VS-1029 VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the

More information

Unit 20 - Client Side Customisation of Web Pages. Week 1 Lesson 2 Introduction to CSS

Unit 20 - Client Side Customisation of Web Pages. Week 1 Lesson 2 Introduction to CSS Unit 20 - Client Side Customisation of Web Pages Week 1 Lesson 2 Introduction to CSS Last Time Recapped Unit 28 Revised some HTML tags Allow the user to perform some task Can be database driven Can make

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

NCR Customer Connect Working with Templates: ADVANCED

NCR Customer Connect Working with Templates: ADVANCED NCR Customer Connect Working with Templates: ADVANCED Adding Your Logo to an Image Banner... 2 Mixed 2 Column + 1 Column Template... 4 Changing the Body-Separator Color... 6 Changing the Template Border

More information

An Introduction to WebSphere Portal content publishing channels

An Introduction to WebSphere Portal content publishing channels An Introduction to WebSphere Portal content publishing channels By Gregory Melahn Software Engineer, IBM Corp. May 2003 Abstract WebSphere Portal content publishing (WPCP) allows you to import news stories

More information

0417 INFORMATION AND COMMUNICATION TECHNOLOGY

0417 INFORMATION AND COMMUNICATION TECHNOLOGY CAMBRIDGE INTERNATIONAL EXAMINATIONS International General Certificate of Secondary Education MARK SCHEME for the May/June 2014 series 0417 INFORMATION AND COMMUNICATION TECHNOLOGY 0417/32 Paper 3 (Practical

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML

Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML HTML (Hyper Text Markup Language) is the set of markup symbols (tags or codes) (e.g. , ,

More information

Presenter: Richard Merrill, Autograff Inc.

Presenter: Richard Merrill, Autograff Inc. Presenter: Richard Merrill, Autograff Inc. File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving menus Common folder and page

More information

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published Cambridge International Examinations Cambridge International General Certificate of Secondary Education INFORMATION AND COMMUNICATION TECHNOLOGY 047/3 Paper 3 Practical Test B MARK SCHEME Maximum Mark:

More information

RUNNING TRUST FROM YOUR WEBSITE

RUNNING TRUST FROM YOUR WEBSITE RUNNING TRUST FROM YOUR WEBSITE INTRODUCTION TRUST is a powerful web-based application that gives organizations the ability to assess the needs of their clients in a variety of service areas. As soon as

More information

Exploring Computer Science Web Final - Website

Exploring Computer Science Web Final - Website Exploring Computer Science Web Final - Website Objective: Create a website using rollover menus. You will be graded on the following: Is your CSS in a separate file from your HTML? Are your colors and

More information

Using MindManager 8 for Windows with Microsoft SharePoint 2007 October 3, 2008

Using MindManager 8 for Windows with Microsoft SharePoint 2007 October 3, 2008 l Using MindManager 8 for Windows with Microsoft SharePoint 2007 October 3, 2008 Table of Contents TABLE OF CONTENTS... 2 1 INTRODUCTION... 3 2 USING MINDMANAGER 8 WITH MICROSOFT SHAREPOINT... 4 2.1 ADD

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Lecture 08. Tables in HTML. Mr. Mubashir Ali Lecturer (Dept. of Computer Science)

Lecture 08. Tables in HTML. Mr. Mubashir Ali Lecturer (Dept. of Computer Science) Lecture 08 Tables in HTML Mr. Mubashir Ali Lecturer (Dept. of dr.mubashirali1@gmail.com 1 Summary of the previous lecture Adding images to web page Using images as links Image map Adding audio and video

More information

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6 JDownloader - Bug #80273 Bug # 75914 (Closed): Hoster: openload.co - Free Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d9453425a1830b60ab13ddec9a2ff6 08/18/2016 02:13 AM - StatServ Status: Closed

More information

Using htmlarea & a Database to Maintain Content on a Website

Using htmlarea & a Database to Maintain Content on a Website Using htmlarea & a Database to Maintain Content on a Website by Peter Lavin December 30, 2003 Overview If you wish to develop a website that others can contribute to one option is to have text files sent

More information

<?php $parts=array('','','tfrec','home'); include '/Webstuff/apacheSites/cms3/CMSpageCode.php';?>

<?php $parts=array('','','tfrec','home'); include '/Webstuff/apacheSites/cms3/CMSpageCode.php';?> index.php Printed: 4/26/10 4:29:08 PM Page 1 of 1 CMSpageCode.php Printed: 4/26/10 4:28:16 PM Page 1 of

More information

ECC HTML CUSTOM PAGES CREATION

ECC HTML CUSTOM PAGES CREATION ECC HTML CUSTOM PAGES CREATION Schneider Electric- Square D Company Power Management Operation About This Document: The PowerLogic Ethernet Communication Card (ECC) allows power users to view real time,

More information

IMY 110 Theme 7 HTML Tables

IMY 110 Theme 7 HTML Tables IMY 110 Theme 7 HTML Tables 1. HTML Tables 1.1. Tables The HTML table model allows authors to arrange data into rows and columns of cells, just as in word processing software such as Microsoft Word. It

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

Chapter 9 Table Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 9 Table Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 9 Table Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes Describe the recommended use of a table on a web page Configure a basic table with the table, table row, table

More information

INFS 2150 / 7150 Intro to Web Development / HTML Programming

INFS 2150 / 7150 Intro to Web Development / HTML Programming XP Objectives INFS 2150 / 7150 Intro to Web Development / HTML Programming Designing a Web Page with Tables Create a text table Create a table using the , , and tags Create table headers

More information

Variables Defined. THEME.DAT file. Storefront Variables. Sample HTML Source. THEME.DAT line descriptions Sample variable listing

Variables Defined. THEME.DAT file. Storefront Variables. Sample HTML Source. THEME.DAT line descriptions Sample variable listing Variables Defined THEME.DAT file THEME.DAT line descriptions Sample variable listing 2.4 2.5 Storefront Variables Common Page s Product Page s Order Console s Department Page s Navigational s ShopCart

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

Final Examination Semester 1 / Year 2012

Final Examination Semester 1 / Year 2012 Final Examination Semester 1 / Year 2012 COURSE : INTERNET APPLICATION COURSE CODE : CSIS1013 TIME : 2 1/2 HOURS DEPARTMENT : COMPUTER SCIENCE LECTURER : TEE CHENG SIEW Student s ID : Batch No. : Notes

More information

SEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS

SEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS SEEM4570 System Design and Implementation Lecture 1 Cordova + HTML + CSS Apache Cordova Apache Cordova, or simply Cordova, is a platform for building native mobile apps using HTML, CSS and JavaScript E.g.

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?

More information

Oracle Eloqua Asynchronous Visitor Tracking Scripts

Oracle Eloqua Asynchronous Visitor Tracking Scripts http://docs.oracle.com Oracle Eloqua Asynchronous Visitor Tracking Scripts User Guide 2018 Oracle Corporation. All rights reserved 11-Jan-2018 Contents 1 Oracle Eloqua asynchronous tracking scripts 3 2

More information

Table-Based Web Pages

Table-Based Web Pages Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

Multimedia Systems and Technologies

Multimedia Systems and Technologies Multimedia Systems and Technologies Sample exam paper 1 Notes: The exam paper is printed double-sided on two A3 sheets The exam duration is 2 hours and 40 minutes The maximum grade achievable in the written

More information

Web Authoring and Design. Benjamin Kenwright

Web Authoring and Design. Benjamin Kenwright CSS Div Layouts Web Authoring and Design Benjamin Kenwright Outline Review Why use Div Layout instead of Tables? How do we use the Div Tag? How to create layouts using the CSS Div Tag? Summary Review/Discussion

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match

More information

Select the portion of the face to isolate it on a separate layer. Use the Marquee Tool to select, copy and paste.

Select the portion of the face to isolate it on a separate layer. Use the Marquee Tool to select, copy and paste. 550 CHAPTER 11. GRAPHICS AND SITE PRODUCTION Layers sit on top of the specified layer like a piece of glass on the original layer, allowing you to make color corrections without damaging the pixels below.

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information