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
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?
This is a demonstration.
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?
This is a demonstration.
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 --------->