boat

Focus 3

fundamental web design

Emojis

We can include emojis in our webpages!

Let's tell a story and include emojis in it!

1. Get organised

First, let's set up a project folder for Focus 3. Create the following folder structure in your root Web Design:

Download and save it in your project folder.

2. Browser and Text Editor

Open the file in your Web Browser.

Open the file in your Text Editor eg Sublime Text

Can you remember how to use splitscreen?

3. Get emojis!

Go to the website to explore html symbols!

Can you figure out how we can include them in our webpage?

4. Create a funny/scary/surprising/interesting/factual story using HTML symbols

Using html symbols, write a story.

  • Your story should be at least 10 sentences long.
  • Using the <h1> tag, give your story a title.
  • Using the <h3> tag, put your name at the top of the story.
  • Using <p> tags for each sentence, write your story!

Look at the to guide you.

Think about how you can use these tags to help words stand out in your story:

<u><u/>

<b><b/>

<i><i/>

5. Reflection

Complete the Reflection Sheet

Submit the Reflection Sheet as instructed.

6. Tricky challenge I

Can you figure out how to do this:

Play this mp3 audio file from your webpage in an audio player.

Don't forget to save the audio file in your project folder.

7. Email challenge

Send your webpage to your teacher as an email attachment.

Write a polite email explaining what you did in class today.

Dear teacher,

My name is ... and I am writing to you about...

blah blah blah

blah blah blah

Regards,

Bill

SUBMISSION

Submit your project folder as instructed by your tutor.

W3 SCHOOLS

Tags

browser file tags body save h1 html h4 h2 structure refresh h3 organised