HOW TO MAKE ANIMATED WEBSITE DESIGN WITH HTML & CSS
News
01 July 2021

HOW TO MAKE ANIMATED WEBSITE DESIGN WITH HTML & CSS

This time, ISTTS is holding a KSP Holiday Program 2021 Episode 2, where webinar participants have the opportunity to increase their knowledge about Animated Website Design. This webinar was held on Tuesday, June 29, 2021 with the theme “How To Make Animated Website Design With HTML & CSS”. This webinar was hosted by Widean Nagari who is a student of the Informatics S1 Study Program at ISTTS. This webinar is intended for external participants of high school / vocational students through the Zoom platform and live streaming Youtube.


Initially, this KSP was opened with the introduction of ISTTS by Mrs. Yanti as ISTTS PMB. Mrs. Yanti briefly explained the history, achievements and career of ISTTS. ISTTS has partnerships with campuses of Swinburne University of Technology, Murdoch University, NTUST, Fontys, Saxion, and Dongseo University. ISTTS also has partnerships with several companies, such as Microsoft, Unity, Redhat, Shopee, Cisco, and many more. ISTTS opens the opportunity to take certification at a much cheaper price too. Here there are 2 faculties, namely the Faculty of Engineering which consists of Electrical Engineering, Industrial Engineering, Informatics Engineering, Information Systems, and the Faculty of Design which consists of Visual Communication Design and Product Design.

The webinar was continued by Widean Nagari as the resource person for KSP. Initially, he explained the basics of understanding HTML which stands for HyperText Markup Language and CSS which stands for Cascading Style Sheet. After that, the speakers immediately practiced how to use both. Starting from how to create a new project, as well as discussing the basic things used in HTML and CSS such as div elements, p, id, class, margin, border, padding, overflow, text-weight and so on.


After explaining the basics, then enter the main part, namely how to create an animated website design. Resource persons explain one by one such as keyframes, animation delay and so on. Initially the animations were coded in separate code, then the code was combined into one so that it became a product containing various animations.


The webinar was followed by a question and answer session between participants and resource persons. After that, it was followed by a Quizizz quiz where the participants would do a quiz based on the material that had been discussed. The 3 winners will get attractive prizes from the KSP committee.


After the announcement of the winners, the webinar was followed by filling out the attendance list and taking a group photo. Finally, Widean said, "If you want to learn something, learn it completely, don't do it half-heartedly". If you have questions about the material presented at KSP, you can contact the resource person via email ksp@istts.ac.id.

Workshop Videography STV X ISTTS Day 2

Workshop Videography STV X ISTTS Day 2

Workshop Videography STV X ISTTS, continues on Sunday 17 March 2024. This event, which is aimed at STV (Sinlui TV) members, is an event that lasts for 2 days, where the participants stay overnight at their school, precisely at SMAK St. Louis 1 Surabaya.

Read More
Leveling Up Your Products Charm

Leveling Up Your Products Charm

The workshop entitled Leveling Up Your Products Charm was held on Saturday, March 16 2024 by ISTTS in collaboration with SMA Frateran. This workshop took place in the Frateran hall and this workshop was attended by approximately 100 children from Frateran High School. This workshop has provided a valuable contribution in developing participants' insight and skills in facing increasingly competitive market challenges in this digital era.

Read More
Videography Training STV x ISTTS at SMA St. Louis 1

Videography Training STV x ISTTS at SMA St. Louis 1

On March 16, 2024, at St. Louis 1 Surabaya The atmosphere was filled with enthusiasm and enthusiasm when the Surabaya Integrated Science and Technology Institute (ISTTS) and St. Louis TV (STV) held a Videography Training workshop. This event is a form of close collaboration between educational institutions and local media to provide valuable learning experiences to students, especially in the fields of videography, public speaking and media handling.

Read More
The Sailor Survival Game

The Sailor Survival Game

The sailor Survival Game is a survival game film made by Mrs. Farah Fauziah, S.hub.Int., M.A. with his team which was held at XXI TP (Tunjungan Plaza) on Saturday 24 February 2024 at 19.00. This event is a major highlight among the public, especially those who are interested in the world of the military and action films.

Read More
Factory Visit

Factory Visit

The factory visit between the electrical department and the industrial department was held on Thursday 22 February 2024 by ISTTS. This factory visit starts from 08.00 to around 12.00 WIB. This visit was attended by students majoring in electrical engineering and majoring in industry from the 2020 to 2023 class as well as several industrial and electrical lecturers.

Read More
Coding Competition with TCC Internal 2024

Coding Competition with TCC Internal 2024

TCC 2024 (Top Coder Competition) is a competition held by HIMAFOR (Informatics Student Association) ISTTS. TCC 2024 is a coding-based competition, where participants work on questions related to logic and programming.

Read More
See All News
Icon