Reference no: EM133670512
Tutorial 1
Answer the questions in each of the three sections. Maximum length of the word file to submit should be around 700 words. Submit your word file to the corresponding dropbox.
1. UNDERSTAND THE HISTORY OF WEB DESIGN AND DEVELOPMENT
1.1 Describe the role of the World Wide Web Consortium (W3C) in defining web standards
1.2 Research the history of the World Wide Web
1.3 Compare and contrast the Internet and the World Wide Web
2 EXPLAIN LAYOUT AND DESIGN THEORY
2.1 Explain color theory
2.2 Explain the principles of design
2.3 Explain the elements of design
2.4 Explain effective typography
2.5 Evaluate the use of white space
2.6 Describe the web design and development cycle
3: DEMONSTRATE KNOWLEDGE OF INDUSTRY TERMINOLOGY
3.1 Define common terminology and their acronyms
3.2 Differentiate between front-end and back-end development
3.3 Explain the various roles and careers related to web design
3.4 Research career opportunities
Tutorial 2
Complete the following tasks:
Task 1: Install Xampp as the webserver on your systems and test it.
Task 2: Use the tags in table below to produce the given outcome
Task 3: Display the following results:
Task 4: write HTML code the display the following results:
• Hint: The name is the property you want to set. For example, the paragraph <p> element in the example carries an attribute whose name is align, which you can use to indicate the alignment of paragraph on the page.
• Hint: The value is what you want the value of the property to be set and always put within quotations. The below example shows three possible values of align attribute: left, center and right.
Task 5: write HTML code that the results is
This is the logo for SISTC
Task 6: Use the following template to produce the result below:
Tutorial 3
Write a program to create HTML table with the following output:
|
Name
|
Maths
|
Science
|
English
|
Physics
|
General Knowledge
|
|
David
|
85
|
87
|
88
|
92
|
88
|
|
Richard
|
91
|
81
|
78
|
71
|
74
|
|
John
|
81
|
86
|
88
|
84
|
92
|
|
Tony
|
84
|
86
|
87
|
82
|
81
|
|
Scott
|
71
|
79
|
82
|
88
|
89
|
Tutorial 4
The objective of the exercise today is to evaluate your HTML and CSS knowledge that you have obtained so far.
Create a personal webpage that is considered as your profile. You will have paragraphs to explain about yourself. A table to explain you timetable with SISTC. Make your design professional using internal, external, inline CSS for any selector.
Add the HTML/CSS code of your webpage here followed by the screenshot of your webpage.
Tutorial 5
Inside which HTML element do we put the JavaScript?
What is the correct JavaScript syntax to change the content of the HTML element below? <p id="demo">This is a demonstration.</p>
Where is the correct place to insert a JavaScript?
What is the correct syntax for referring to an external script called i'xxxjs'i?
How do you write "Hello World" in an alert box?
How do you create a function in JavaScript?
How do you call a function named "myFunction"?
How to write an IF statement in JavaScript?
How to write an IF statement for executing some code if ''i" is NOT equal to 5?
How does a WHILE loop start?
How does a FOR loop start?
How can you add a comment in a JavaScript?
Tutorial 6
Inside which HTML element do we put the JavaScript?
What is the correct JavaScript syntax to change the content of the HTML element below?
<p id="demo">This is a demonstration.</p>
Where is the correct place to insert a JavaScript?
What is the correct syntax for referring to an external script called "xxx.js"?
The external JavaScript file must contain the <script> tag.
How do you write "Hello World" in an alert box?
How do you create a function in JavaScript?
How do you call a function named "myFunction"?
How to write an IF statement in JavaScript?
How to write an IF statement for executing some code if "i" is NOT equal to 5?
How does a WHILE loop start?
How does a FOR loop start?
How can you add a comment in a JavaScript?
How to insert a comment that has more than one line?
What is the correct way to write a JavaScript array?
How do you round the number 7.25, to the nearest integer?
How do you find the number with the highest value of x and y?
What is the correct JavaScript syntax for opening a new window called "w2" ?
JavaScript is the same as Java.
How can you detect the client's browser name?
Which event occurs when the user clicks on an HTML element?
How do you declare a JavaScript variable?
Which operator is used to assign a value to a variable?
What will the following code return: Boolean(10 > 9)
Is JavaScript case-sensitive?
Tutorial 7
There are 25 questions below that you need to answer all of them.
What does PHP stand for?
PHP server scripts are surrounded by delimiters, which?
How do you write "Hello World" in PHP
All variables in PHP start with which symbol?
What is the correct way to end a PHP statement?
The PHP syntax is most similar to:
How do you get information from a form that is submitted using the "get" method?
When using the POST method, variables are displayed in the URL:
In PHP you can use both single quotes ( ' ' ) and double quotes ( " " ) for strings:
Include files must have the file extension ".inc"
What is the correct way to include the file "time.inc" ?
What is the correct way to create a function in PHP?
What is the correct way to open the file "time.txt" as readable?
PHP allows you to send emails directly from a script
Which superglobal variable holds information about headers, paths, and script locations?
What is the correct way to add 1 to the $count variable?
What is a correct way to add a comment in PHP?
PHP can be run on Microsoft Windows IIS(Internet Information Server):
The die() and exit() functions do the exact same thing.
Which one of these variables has an illegal name?
How do you create a cookie in PHP?
In PHP, the only way to output text is with echo.
How do you create an array in PHP?
The if statement is used to execute some code only if a specified condition is true
Which operator is used to check if two values are equal and of same data type?
Tutorial 8
Write a PHP programme that implement the following calculator
Use the template below to complete this activity
1. <!DOCTYPE html>
2. <head>
3. <title> Using fucntions
4. </title>
5. </head>
6. <?php
7. $Number_no_1 = $_POST['Number_no_1ber'];
8. $Number_no_2 = $_POST['Number_no_2ber'];
9. $Result = $_POST['Result'];
10. function MyCalculator($Number1,$Number2, $Result)
11. // set $Result as parameter
12. {
13. switch($Result)
14. {
15. case "Addition":
16. // here you have to use colons not semi-colons
17. $compute = $Number1 + $Number2;
18. break;
19. case "Subtraction":
20. $compute = $Number1 - $Number2;
21. break;
22. case "Multiplication":
23. $compute = $Number1 * $Number2;
24. break;
25. case "Division":
26. $compute = $Number1 / $Number2;
27. break;
28. }
29. return $compute; // returning variable
30. }
31. echo "$Result <br /> <br /> 1st Number: $Number_no_1 <br /> 2nd Number: $Number_no_2 <br /><br />";
32. echo "Answer is:" .MyCalculator($Number_no_1,$Number_no_2, $Result);
33. // you need to pass $Result as argument of that function
34. ?>
35. <body>
36. <div id="page-wrap">
37. <h1>Calculator by Nirnay</h1>
38. <form action="" method="post" id="quiz-form">
39. <p>
40. <input type="number" name="Number_no_1" id="Number_no_1" required="required" value="<?php echo $Number_no_1; ?>" /> <b>First Number</b>
41. </p>
42. <p>
43. <input type="number" name="Number_no_2" id="Number_no_2" required="required" value="<?php echo $Number_no_2; ?>" /> <b>Second Number</b>
44. </p>
45. <p>
46. <input readonly="readonly" name="CalculatorResult" value="<?php echo $CalculatorResult; ?>"> <b>CalculatorResult</b>
47. </p>
48. <input type="submit" name="operator_specified" value="Sum" />
49. <input type="submit" name="operator_specified" value="Subtraction" />
50. <input type="submit" name="operator_specified" value="Multiplication" />
51. <input type="submit" name="operator_specified" value="Division" />
52. </form>
53. </div>
54. </body>
55. </html>
Tutorial 9
Create a database for your website that has a table and includes information such as username, password, firstname, lastname, age, country.
Also create a login page in your website that receives username and password from the user and through SQL command check whether the username and password are correct or not. If they are correct, redirect the user in a welcome page and demonstrate the heading of Welcome to my page. Otherwise, showing the message Invalid username or password.
Take the screenshot of your code here:
Take screen shots of the successful and unsuccessful login attempts
Tutorial 10
Students will investigate the countermeasure of the following attacks that might be happening over web servers.
SQL injection, also known as SQLI, is a common attack vector that uses malicious SQL code for backend database manipulation to access information that was not intended to be displayed. This information may include any number of items, including sensitive company data, user lists or private customer details.The impact SQL injection can have on a business is far-reaching. A successful attack may result in the unauthorized viewing of user lists, the deletion of entire tables and, in certain cases, the attacker gaining administrative rights to a database, all of which are highly detrimental to a business.When calculating the potential cost of an SQLi, it's important to consider the loss of customer trust should personal information such as phone numbers, addresses, and credit card details be stolen.
1- What are the solutions in the website development to stop the SQL injection? Explain them.
Denial-of-service attack (DoS attack) is a cyber-attack in which the perpetrator seeks to make a machine or network resource unavailable to its intended users by temporarily or indefinitely disrupting services of a host connected to a network. Denial of service is typically accomplished by flooding the targeted machine or resource with superfluous requests in an attempt to overload - systems and prevent some or all legitimate requests from being fulfilled.
2- What are the solutions in the website development to stop the DoS attack? Explain them.
Tutorial 11
After watching the video below, explain how do you want facebook plugin to your website.
Video - How To Make A Website Like Facebook Using HTML And CSS | Social Media Website Design Step By Step
You need to show how this module works in your website.