Creating Hover Effects in Google Sites

What is the main purpose of the tutorial video?

• To show how to use Google Drawings

• To explain the basics of HTML and CSS

• To demonstrate how to add hover effects in Google Sites

• To teach how to create a website from scratch

What is the first step in preparing images for Google Sites?

• Uploading them to a website

• Sharing them on social media

• Downloading them as PNG files

• Creating them in Google Drawings

Why is it necessary to make images public in Google Drive?

• To enable them to be referenced in code

• To allow anyone to edit them

• To convert them to a different format

• To increase their resolution

What is the purpose of obtaining the file ID of an image?

• To change the image format

• To create a hosted URL

• To delete the image

• To rename the image

What is the role of the special URL mentioned in the tutorial?

• To download images

• To host images online

• To edit images

• To share images on social media

What is the main function of the 'card' element in CSS?

• To define a hover effect

• To create a slideshow

• To add a border

• To change text color

Where should the CSS style tags be placed in the HTML document?

• Inside the body tag

• At the end of the document

• Before the HTML tag

• Inside the head tag

What should be done after writing the HTML and CSS code?

• Embed it into Google Sites

• Delete the code

• Print the code

• Share it on social media

Why is it important to preview the Google Sites page on different devices?

• To ensure the hover effect works correctly

• To increase the page loading speed

• To change the page layout

• To add more images

What is a potential issue when viewing the hover effect on mobile devices?

• The text may be too small

• The images may get cut off

• The images may not load

• The hover effect may not work