Tuesday 27 June 2017

Website design - lesson 4 onwards

Website design - lesson 4 onwards

In this lesson you are continuing to develop your website using a WYSIWYG editor (Jimdo).

Objectives and Outcomes:
  • design a website around your theme, using a template (band 4).
  • apply your understanding to add some custom HTML elements to your template (band 5).
  • create your own templates using CSS and HTML (band 6).
  • Link your programming skills by using some Javascript (band 7).

1.  Go to this link for the details of the lesson's activities:


2.  Complete the Starter and Activity 1 on a your Jimdo website. You started this last lesson so continue to develop your Homepage, adding relevant content.

Save each element as you complete it!

3.  When you are happy with the content of your Homepage, go to Activity 2 and use the guide to customise your page.  You must follow the instructions exactly so read them carefully!

Save each element as you complete it!

4.  Try using the Weebly for Activity 3 to customise your page to as close to the design you want as possible.

Save each element as you complete it!

5.  Screenshot your website to a correctly share Google doc and copy/paste the link to your blog post.  

6.  Also, copy/paste the weblink (url) for your website below it.

7.  Under your links, explain which type of editor you prefer at the moment and why - have you changed your mind since last lesson?  Which do you think offers more flexibility?



Publish!

Wednesday 21 June 2017

Website design - lesson 3

Website design - lesson 3

This lesson compares using a markup language (html) to create a website with using a WYSIWYG editor.

Objectives and Outcomes:
  • explain the difference between a markup and a WYSIWYG editor (band 5)
  • apply your understanding to create a website using a template (band 5)
  • compare the difference between using a template and writing HTML (band 6)


1.  Go to this link for the details of the lesson's activities:


2.  Complete Activity 1 on a new blog post, titled the same as this one (you can get help/info from the presentation at the top left of the page).

3.  Go to Activity 2 and use the guide to set up your website.  You must follow the instructions exactly so read them carefully!

4.  Start to build your website on the same topic you started in HTML.

5.  Screenshot your website to a correctly share Google doc and copy/paste the link to your blog post.  

6.  Also, copy/paste the weblink (url) for your website below it.

7.  Under your links, explain which type of editor you prefer at the moment and why.  Which do you think offers more flexibility?

Publish!


Friday 16 June 2017

Website design Lesson 2

Website Design - Lesson 2

You are likely to be working at different speeds through this course so I am leaving you to work through the tasks at your own pace (within reason!).

This is lesson 2 and you should have set up your Neocities website.  If you have not yet done so or started your website, you will need to go to the Notes for Lesson 1 in this unit and complete the tasks.

If you have completed lesson 1, you need to go to lesson 2 and follow these tasks.

1.  Read through the presentation and, on a new blog post titled the same as this, explain what 'tags' are (what they do) and give an example of 3 of them with explanation of what they do.

2.  Open the 'Notes' to go with this lesson and work through all the tasks.  Weblink is https://neocities.org/     

3.  Sign in to find your work.

4.  Click on 'Go to the dashboard' to find your website work.

5.  Work through the tasks on the Notes for this lesson.  Save regularly!

6.  At end of the lesson, you will need to take a screenshot of your website programming and also one of your website as it appears.  

7.  Paste the 2 screenshots on a Google doc and share it to Anyone with the Link.

8.  Copy/paste the link onto your blog post, below your notes on tags.

Publish!



Monday 5 June 2017

Website Design - Lesson 1

Website design - Lesson 1

For this work you will need to got to 'Departments' link on the school website - Computer Science and then  Yr 8 Website Design.

1.  Click on the Presentation link and go through the presentation.

2.  On a new blog post (titled the same as this one), using slide 5 as guidance, write down the golden rules for good web design.

3.  Slide 6: on your post, explain how the school website meets or doesn't meet all those rules.

4.  Slide 7: try using bbc.co.uk as your website to input into 'Way Back Machine' and copy/paste the screenshots to Google doc.  Write your annotations under each screenshot as detailed on slide 7.

5.  Share your Google doc to 'Anyone with the Link' and copy/paste the link under your written work on your post.

6.  Work through the tasks on slides 9, 10 and 11.

Publish!