RICHFIELD GRADUATE INSTITUTE OF TECHNOLOGY (PTY)LTD
FACULTY OF INFORMATION TECHNOLOGY
Web Technology 511
1ST SEMESTER ASSIGNMENT
Name & Surname: Luyanda Louis Tsikedi Student No: 138218
Qualification: Bsc in Information Technology Semester: 1 Module Name: Web Technology 511
Date Submitted: 17/09/2018
| ASSESSMENT CRITERIA | MARK ALLOCATION | EXAMINER REMARKS | MODERATOR REMARKS |
| MARKS FOR CONTENT | |||
| QUESTION ONE | 20 | ||
| QUESTION TWO | 20 | ||
| QUESTION THREE | 15 | ||
| QUESTION FOUR | 15 | ||
| QUESTION FIVE | 20 | ||
| TOTAL MARKS | 90 | ||
| MARKS FOR TECHNICAL ASPECTS | |||
| 1.TABLE OF CONTENTS | 2 | ||
| 2.LAYOUT AND SPELLING | 3 | ||
| 3.REFERENCE | 5 | ||
| TOTAL MARKS | 10 | ||
| TOTAL MARKS FOR ASSIGNMENT | 100 | ||
| Examiner’s Comments: | |||
| Moderator’s Comments: | |||
| Signature of Examiner: Signature of Moderator: |
QUESTION ONE:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”MyCssStyle.css”>
<title>Richfield Graduate Institute of Technology</title>
</head>
<IMG SRC=”Richfield2017logo.jpg” ALIGN=”top” WIDTH=”30%” alt=”IMAGE 1″></A>
<body>
<!– Scroll Menu –>
<ul>
<li><a href=”Home Page.html”>Home Page</a></li>
<li><a href=”Payment Methods.html”>Payment Methods</a></li>
<li><a href=”Media.html”>Media</a></li>
<li><a href=”Campuses.html”>Campuses</a></li>
<li><a href=”Study With Us.html”>Study With Us</a></li>
<li><a href=”Programs.html”>Progams</a>
<ul>
<li>
<a href=”http://www.rgi.co.za/heq/”>HET</a>
<a href=”http://www.rgi.co.za/heqfaculties/distancelearning/”>FET</a>
<a href=”http://www.rgi.co.za/vte/”>TVET</a>
<a href=”http://www.rgi.co.za/esp/”>Skills</a>
</li>
</ul>
</li>
<li><a href=”Apply Now.html”>Apply Now</a></li>
</ul>
<br>
<br>
<br>
<BR>
<center><IMG SRC=”RichfieldBanner.jpg” WIDTH=”100%” HEIGHT=”40%” alt=”Banner”></center <br>
<H3 STYLE=”color:Gold” ALIGN=”center”>Partnerships & Affiliations</H3>
<p>
In the current economic situation, it becomes mandatory for institutions to increase their networking opportunities through affiliations and partnerships. When partnerships are implemented correctly, the private sector can increase efficiency and choice, and expand access to education services, particularly for households that tend to be poorly served by traditional delivery methods. </p>
<p>
Richfield’s relations with the private sector, encompass cooperation with business corporations, small and medium enterprises, professional and economic associations as well as other organizations of the business community, individuals, communities, parents and families.
</p>
<p>
Richfield recognizes that when we collaborate with some of the most ambitious organizations, we can multiply our impact in areas from education to economic development to poverty alleviation because of our ISO 9001:2015 accreditation status! We have enduring partnerships and affiliations with a number of like-minded organizations and leaders who are eager to help drive global change and deliver true results.
</p>
<p>
<H3 STYLE=”color:Gold” ALIGN=”left”>These affiliations and collaborations assist the Institution in inter alia:</H3>
</p>
<p> Availability of exclusive and current online resources
<br>
Access to a variety of databases
<br>
Conferences and seminars that staff can attend or participate in
<br>
Networking
<br>
Updating on latest cutting edge technology
<br>
Placement of Students for Work Integrated Learning(WIL)
<br>
Industry and Academic Experts as External Moderators, members of DACUM Panel and Senate
<br>
Programme design, development, improvement and review
</p>
<br>
<div style=”background: navy” align=”center”>® Website designed by (138218)™ (BscIt) 2018 © All Rights Reserved
<br>
</body>
</html>
QUESTION TWO:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”MyCssStyle.css”>
<title>Richfield Graduate Institute of Technology</title>
</head>
<IMG SRC=”Richfield2017logo.jpg” ALIGN=”top” WIDTH=”30%” alt=”IMAGE 1″></A>
<body>
<!– Scroll Menu –>
<ul>
<li><a href=”Home Page.html”>Home Page</a></li>
<li><a href=”Payment Methods.html”>Payment Methods</a></li>
<li><a href=”Media.html”>Media</a></li>
<li><a href=”Campuses.html”>Campuses</a></li>
<li><a href=”Study With Us.html”>Study With Us</a></li>
<li><a href=”Programs.html”>Progams</a>
<ul>
<li>
<a href=”http://www.rgi.co.za/heq/”>HET</a>
<a href=”http://www.rgi.co.za/heqfaculties/distancelearning/”>FET</a>
<a href=”http://www.rgi.co.za/vte/”>TVET</a>
<a href=”http://www.rgi.co.za/esp/”>Skills</a>
</li>
</ul>
</li>
<li><a href=”Apply Now.html”>Apply Now</a></li>
</ul>
<br>
<br>
<br>
<p>
<source src=”Richfield Video.mp4″ type=”video/mp4″>
<IMG SRC=”social.jpg” style=”padding-left: 60%” WIDTH=”25%” alt=”Social Media”>
<video width=”720″ height=”420″ controls >
<source src=”Richfield Video.mp4″ type=”video/mp4″>
</p>
<br>
<div style=”background: navy” align=”center”>® Website designed by (138218)™ (BscIt) 2018 © All Rights Reserved
</body>
</html>
QUESTION THREE:
<html>
<link rel=”stylesheet” type=”text/css” href=”MyCssStyle.css”>
<head>
<title>Richfield Graduate Institute of Technology</title>
</head>
<IMG SRC=”Richfield2017logo.jpg” ALIGN=”top” WIDTH=”30%” alt=”IMAGE 1″>
<body>
<!– Scroll Menu –>
<ul>
<li><a href=”Home Page.html”>Home Page</a></li>
<li><a href=”Payment Methods.html”>Payment Methods</a></li>
<li><a href=”Media.html”>Media</a></li>
<li><a href=”Campuses.html”>Campuses</a></li>
<li><a href=”Study With Us.html”>Study With Us</a></li>
<li><a href=”Programs.html”>Progams</a>
<ul>
<li>
<a href=”http://www.rgi.co.za/heq/”>HET</a>
<a href=”http://www.rgi.co.za/heqfaculties/distancelearning/”>FET</a>
<a href=”http://www.rgi.co.za/vte/”>TVET</a>
<a href=”http://www.rgi.co.za/esp/”>Skills</a>
</li>
</ul>
</li>
<li><a href=”Apply Now.html”>Apply Now</a></li>
</ul>
<br>
<br>
<br>
<IMG SRC=”Payment.jpg” ALIGN=”right” WIDTH=”30%” alt=”IMAGE 1″>
<H2 STYLE=”color:Gold” ALIGN=”center”>Payment Methods</H2>
<br>
<H2 STYLE=”color:Gold” ALIGN=”left”>Edgards or Jet Card</H2>
<p>
Visit any of our Campuses that accept Debit and Credit Cards, and you can also pay with your Edgars or Jet Card! Please note that your Edgars or Jet Thank U Card along with the Card Holder must be present for the transaction. Proof of ID will be required.
</p>
<H2 STYLE=”color:Gold” ALIGN=”left”>Debit or Credit Card</H2>
<p>
A cardholder begins a credit card transaction by presenting his or her card to a merchant as payment for goods or services. The merchant uses their credit card machine, software or gateway to transmit the cardholder’s information and the details of the transaction to their acquiring bank, or the bank’s processor.
</p>
<H2 STYLE=”color:Gold” ALIGN=”left”>Snapscan</H2>
<p>
Download the Snapscan App to your Mobile Phone or Tablet Device. Open the SnapScan app, tap on “Scan” and scan the SnapCode displayed at the shop. This identifies the shop and prompts you to enter the amount you wish to pay. Enter your PIN to secure and complete the transaction. Richfield will receive a notification containing a confirmation of payment from SnapScan and your account will be updated accordingly.
</p>
<H2 STYLE=”color:Gold” ALIGN=”left”>Standard Bank M65 Cash Payment:</H2> <p>
Direct Cash Deposits can be made at any branch of Standard Bank using the M65 form which can be obtained from your nearest Campus. This form can only be used at Standard Bank branches. Don’t forget to ensure that your name AND student number are on both sections of the form.
</p>
<H2 STYLE=”color:Gold” ALIGN=”left”>Electronic Funds Transfer (or CDI):</H2>
<p>
Name of Bank: Standard Bank of South Africa
<br>
Name of Account: Richfield Graduate Institute of Technology (PTY) Ltd.
<br>
USE YOUR ICAS NUMBER, INITIALS AND SURNAME AS REFERENCE
</p>
<br>
<div style=”background: navy” align=”center”>® Website designed by (138218)™ (BscIt) 2018 © All Rights Reserved
</body>
</html>
QUESTION FOUR:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”MyCssStyle.css”>
<title>Richfield Graduate Institute of Technology</title>
</head>
<IMG SRC=”Richfield2017logo.jpg” ALIGN=”top” WIDTH=”30%” alt=”IMAGE 1″>
<body>
<!– Scroll Menu –>
<ul>
<li><a href=”Home Page.html”>Home Page</a></li>
<li><a href=”Payment Methods.html”>Payment Methods</a></li>
<li><a href=”Media.html”>Media</a></li>
<li><a href=”Campuses.html”>Campuses</a></li>
<li><a href=”Study With Us.html”>Study With Us</a></li>
<li><a href=”Programs.html”>Progams</a>
<ul>
<li>
<a href=”http://www.rgi.co.za/heq/”>HET</a>
<a href=”http://www.rgi.co.za/heqfaculties/distancelearning/”>FET</a>
<a href=”http://www.rgi.co.za/vte/”>TVET</a>
<a href=”http://www.rgi.co.za/esp/”>Skills</a>
</li>
</ul>
</li>
<li><a href=”Apply Now.html”>Apply Now</a></li>
</ul>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div style=”background: navy” align=”center”>® Website designed by (138218)™ (BscIt) 2018 © All Rights Reserved
</body>
</html>
QUESTION FIVE:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”MyCssStyle.css”>
<title>Richfield Graduate Institute of Technology</title>
</head>
<IMG SRC=”Richfield2017logo.jpg” ALIGN=”top” WIDTH=”30%” alt=”IMAGE 1″>
<body>
<!– Scroll Menu –>
<ul>
<li><a href=”Home Page.html”>Home Page</a></li>
<li><a href=”Payment Methods.html”>Payment Methods</a></li>
<li><a href=”Media.html”>Media</a></li>
<li><a href=”Campuses.html”>Campuses</a></li>
<li><a href=”Study With Us.html”>Study With Us</a></li>
<li><a href=”Programs.html”>Progams</a>
<ul>
<li>
<a href=”http://www.rgi.co.za/heq/”>HET</a>
<a href=”http://www.rgi.co.za/heqfaculties/distancelearning/”>FET</a>
<a href=”http://www.rgi.co.za/vte/”>TVET</a>
<a href=”http://www.rgi.co.za/esp/”>Skills</a>
</li>
</ul>
</li>
<li><a href=”Apply Now.html”>Apply Now</a></li>
</ul>
<br>
<br>
<!– Text Area –>
<br>
<br>
<textarea rows=2 cols=150>First Name</textarea>
<br>
<textarea rows=2 cols=150>Last Name</textarea>
<br>
<textarea rows=2 cols=150>email address</textarea>
<br>
<textarea rows=2 cols=150>Cell Number</textarea>
<br>
<textarea rows=2 cols=150>ID Number</textarea>
<br>
<textarea rows=2 cols=150>Date of birth</textarea>
<br>
<select name=”Course”>
<option>Bachelor of Science in Information Technology
<option>Diploma in Information Technology
</select>
<br>
<select name=”Highest Education Level”>
<option>Bachelors Matric
<option>High School Leaving Matric
</select>
<br>
<INPUT TYPE=”radio” NAME=”Identification Type” VALUE=”Passport Number”>Passport Number <br>
<INPUT TYPE=”radio” NAME=”Identification Type” VALUE=”ID Number”>ID Number
<br>
<INPUT TYPE=”radio” NAME=”Gender” VALUE=”Male”>Male
<br>
<INPUT TYPE=”radio” NAME=”Gender” VALUE=”Female”>Female\
<br>
<select name=”Population Group”>
<option>Black
<option>White
<option>Indian
<option>Coloured
</select>
<br>
<br>
<textarea rows=2 cols=150>Nationality</textarea>
<br>
<textarea rows=7 cols=150>Address</textarea>
<br>
<br>
<div style=”background: navy” align=”center”>® Website designed by (138218)™ (BscIt) 2018 © All Rights Reserved
</body>
</html>
Css Style Sheet Coding for the assignment:
p {
font-size: 20px;
} br {
font-size: 20px;
} div {
font-size: 20px; color: gold;
} li {
float: left;
} ul {
list-style-type: none; margin: 0; padding: 0; overflow: hidden
}
a:link,a:visited{
display: block; front-weight: bold; color: gold; background-color: navy; width: 200px; text-align: center; padding: 5px;
}
a:hover,a:active{
background-color: blue
} ul li a {
text-decoration: none;
} ul li ul li {
display: none;
} ul li:hover ul li {
display: block;
}
body {
background-image: background.jpg;
}