web tec - urgent - 7 hours needed

Page 1 of 6

HIGHER COLLEGE OF TECHNOLOGY DEPARTMENT: Information Technology

Final Assignment Semester: 2 A. Y.: 2019/2020 Assignment Posted Date: 7 May 2020 Time: 9:00 AM

Submission Deadline Date :9 May 2020 Time: 9:00 AM

Platform

(e.g. E-Learning, Microsoft

Teams, etc.) E-learning

Course Code ITSE1203

Course Name Introduction to Web Technology

Level Diploma

GENERAL COLLEGE GUIDELINES

1) All students are given 48 hours to complete and submit their assignment from the day, date and time the assignment is uploaded.

2) Only one assignment is given to the students within the 48-hour period given. Student should contact their respective department if more than one assignment is given within the same period (As indicated in point 7).

3) Assignment answer scripts will be uploaded through any of the following platforms or combinations of the following: e learning, Moodle and or any course specific platform identify by the course tutor. However, students

may submit their assignment through HCT emails in case if they have encountered any technical issue with the

platform stated above.

4) Student’s submissions will be checked through Turnitin software to ensure academic integrity, if applicable. "According to Turnitin article on interpreting Turnitin originality report, "a high percentage of plagiarism would

probably be anything over 25%".

5) Students who fail to submit their assignment as per the deadline given; will be granted “Zero” unless otherwise justified.

6) If students encounter any problem in submitting their course assignment, they should communicate immediately via email to their course lecturer. The student must attach proof of their inability to submit their course

assignment.

7) Students will be allowed to submit an online appeal regarding failure of assignment submission issue within three days from the date of submission deadline. The appeals will only be accepted if the student provides genuine

excuse for the submission failure with attached evidence.

8) Student may need to ask for support assistant with two related matters as following: a) Technical issues; will be tackled by the specialized technicians from Educational Technology Center (ETC). b) Course specific inquiries/support issue; students who require any clarifications on the assignments can

immediately contact their respective course tutors /lecturers through emails (within the 48-hour period

given). Course tutors/ lecturers should respond promptly to the student’s doubts and queries.

The following are the necessary contact details for technical and department specific support:

- For technical support please contact the below e mail as follow:

Any Issue Related: E-mails accounts and Microsoft TEAMS [email protected]

Any Issue Related: E-Learning Moodle [email protected]

Any Other IT Troubleshooting [email protected]

-For Academic related support please contact the below e mail as per the academic department identify below:

Mr. Roby Surendran [email protected]

Mr. Mohammed Mushtaq [email protected]

Mr. Jagathprasad Shreedhar [email protected]

Mr. Bhaskar Ponna [email protected]

Ms. Rachana Marathe [email protected]

Ms. Jacqueline Fat Yara [email protected]

Page 2 of 6

Higher College of Technology

Information Technology Department

STUDENT DECLARATION FORM

FOR ASSIGNMENT

DEPARTMENT GUIDELINES: TERMS AND CONDITIONS

1. Never share or post the test questions or answer scripts for any purpose.

2. Starting from the posting of the question test papers online, the students are given exactly 48 hours to submit their answers.

At the end of the 48 hours, the submission link shall be deleted or deactivated. NO EXTENSION

WILL BE GIVEN. Failure to submit the answer within the 48-hour period will result to ZERO mark.

3. In case of technical problems, inform the Lecturer immediately through the HCT Email or through chat message in MS Teams, at least two (2) hours before the expiration of the 48-hour period.

4. For IT exams, there is a separate Answer Script Template where students should type their answers.

For Math exams, handwritten answers are allowed. Make sure to include Student Name on each

page and the question number to avoid confusion.

5. Do the proper citation in every answer taken from other sources, if applicable.

6. For handwritten answers, submit a SCANNED COPY of the answers IN SINGLE FILE. [You can use any available mobile app scanner if in case you do not have a scanner device.]

7. Send the scanned SIGNED COPY of this Declaration Form along with the answer scripts to the Lecturer. The Lecturer will NEVER mark any answer scripts without this signed Declaration Form.

[If printer is not available, write this Declaration Form in A4 paper and affix the signature.]

8. Upload the ANSWER SCRIPTS ALONG WITH THE DECLARATION FORM in the appropriate platform/tool as written on the exam paper.

9. Always abide by the College Academic Integrity and Honesty Policy found at https://www.hct.edu.om/pdf/pms/academic-integrity-and-honesty-policy.pdf.

10. Abide by the guidelines mentioned above and any violation of the same will be subjected for a disciplinary action or get ZERO mark, as the case may be.

S T U D E N T D E C L A R A T I O N

I, (Student’s Name)…… …………….……………………………………………… with (Student’s ID): ……………. of

……………. (Level)………………….. and who belongs to (Section)……… of the (Course Code/Course

Title)………………………..…………………………………. offered by the (Department)………. department, hereby

is a result of my own original work except for source materials explicitly Assignmentdeclare that my submission of

acknowledged by proper citations.

I also understand that plagiarism and cheating are offenses that can lead to disciplinary action and GRADE OF ZERO, as

the case may be.

Signature: …………………………………………..

Date (dd-mm-yyyy): …………………………….

Page 3 of 6

Final Assignment

Instructions:

For this assignment, you will apply the knowledge you have learnt and create three web pages

using HTML and CSS. All opening HTML tags must be accompanied by appropriate closing tags.

 Download the resources folder from the E-Learning portal based on the assigned

instruction set.

 Rename the folder in your desktop as YourID-FirstName (eg.Ahmed_16S1234)

 Extract the downloaded compressed folder.

 This folder contains:

o Homepage.html

o Form.html

o Workshopdetails.html

o 3 images

 Be creative for developing elegant and well-designed web pages.

 All the sample final outputs will not be provided. Students have to read and follow the

instructions mentioned in the paper thoroughly.

Part A - (17 marks)

Instructions. o Open BlueGriffon and use the file “Homepage.html”, to work with the following

tasks. o Use break tag <br>and space whenever it is necessary or applicable

1. Use proper title and comment. The comment should be your name and ID.

2. Set author name and description for your pages.

3. The web page should be properly structured with HTML5 semantic elements.

3.1 The following semantic elements should be included: header, footer, aside,

section and navigation link.

4. Create a paragraph in any part of your web page.

5. Insert any image with your “Name” as the alternate text. The image should be set inside

the Aside element.

a. Aside should be set to the left side.

b. Set any text as the image caption.

c. Set hyperlink for this image to “workshopdetails.html” page.

Page 4 of 6

6. Your web page should have two different headings of any sizes. These headings can be

applied to any suitable text.

7. Highlight and set as superscript for any text you prefer in this page.

8. Your webpage should have three hyperlinks for any of the relevant texts.

a. Link to “hctsymposium.com/other/schedule.html” (should be opened in new

window)

b. Link to “[email protected]”

c. Link to Form.html page

9. A submit button value as “Sign in” should be created in the navigation link .Once clicked,

it will display the message “Please sign in”.

10. Use Internal CSS and apply all the necessary styling with any values :

 Navigation link and Footer– background color in hexadecimal color format, text

color , padding

 Any Heading – text shadow

 Image – Rounded border corners , transparent , box-shadow

 Image caption – font style

 Visited link – text color

 Mouse over link -text size , font family

 Set any text as responsive.

 Submit button – Rounded border corners, alignment, border

Part B – (18 marks)

o Use the file “Form.html”, to work with the following tasks.

1. Use proper comment.

2. Create one Interactive Widget kept as opened.(Use any content given in the template file

to create the widget)

3. Create a Workshop registration Form which collects the details from the user. The form

should have proper labels for all the fields. Set the legend as yourname_yourid.

3.1 Use 4 different form Input types other than mentioned in 3.2,3.3 and 3.4

3.2 Add one drop down list box

3.3 Add one multiline text box

3.4 Add two radio buttons and two check boxes

3.5 Buttons for submitting and resetting

3.6 Set the following input attributes for the Form

 Any one input field should automatically get focus when the page loads.

 Any one input field must be filled out before submitting the form.

Page 5 of 6

 Any short hint that describes the input element.

 Set any radio button as selected by default when the page is loaded

4. Use External CSS (your name and ID as filename) and apply the styling for the

following with any values :

 Interactive Widget – set any alignment

 Form – background with any image, text color , border

 Legend – font color , align to right side

 Any one form input element – background color

 Any other form input element - border

5. Use Inline CSS for the text “Symposium Topics “and make the text as full capital letters.

6. Create Nested List using Inline CSS as shown below:

a. Use ID selector and Class selector for applying the styling as shown in the

screenshot to make it bold and text color.

7. Refer below screenshot and create the following

Part C – (5 marks)

o Use the file “workshopdetails.html”, to work with the following tasks. 1. Use proper comment.

2. Insert any image and set any dimensions.

3. Apply Inline CSS to any Section to change the text size and spacing of words with any

values.

Page 6 of 6

.

4. Create a hyperlink for the text “Details of student workshop”. When clicked it should

link in the same page to the text “Student workshop” which is in the bottom part of the

page.

5. Using Internal CSS, set image as responsive and set to the center.

Submission Guidelines

 Save all your web pages.

 Make sure all the files are inside your folder:

1. Homepage.html

2. Form.html

3. Workshopdetails.html

4. External CSS file

5. Three images

6. Attach your scanned signed copy of the“Declaration Form” that is in page2.

The Lecturer will NEVER mark any answer scripts without this signed

Declaration Form. [If printer is not available, write this Declaration Form in A4

paper and affix the signature.]

 Compress the folder and upload in the link provided.

 Only uploaded files will be marked accordingly.

Set A-Resources/workshopdetails.html

Details of student workshop

Scope of SNSIR4.0 2020

1.Update participants about the emerging technologies in the era of IR4.0 through the enhancement of their computing knowledge and skill; 2.Stimulate the participants to think innovatively through research and development; 3.Acquire necessary 21st century knowledge and skills such as Collaboration and Teamwork, Creativity and Imagination, Critical Thinking, Problem Solving, Flexibility and Adaptability, Global and Cultural Awareness, Information Literacy, Leadership, Communication Skills, Social Responsibility and Ethics, Technology Literacy, and Initiative; 4.Enable participants to appreciate the socio-economic benefits of IR 4.0 towards the national strategic direction.

Proceedings & Publication

Student Authors are invited to submit full papers electronically in Word format using the Easy Chair submission system. All the student papers (manuscripts) will be reviewed by the expert committee of SNSIR4.0 and the selected papers after complete modification and revision will be published in the special issues of Higher College of Technology's journal. The registration of SNSIR4.0 and the publication of the student papers in the HCT's journal will be free of charge. Interested students can submit a POSTER in a technical area related to the symposium topics or based on your research paper. It could be your previous academic projects also.

Student Workshop

The Student National Symposium IR 4.0 Organizing Committee invites abstracts for the workshop on IR 4.0. These workshops will provide a platform for presenting novel ideas and emerging areas in IR, in a less formal and potentially more focused way than the symposium itself. The purpose of these workshops is to discuss work in progress and explore opportunities for new research related to Industrial Revolution 4.0. Innovative research ideas are particularly welcome as a main topic of the workshop.