First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.

Slides:



Advertisements
Similar presentations
Whats New in Office 2010?. Major Changes in Office 2010 The Office Ribbon, which first made its appearance in Office 2007, now appears in all Office 2010.
Advertisements

PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
DFSS tour Contents School and course selection Course outline page Page navigation Forums (online discussions) Reveals Completing a journal Watching a.
Creating Dynamic Communities. Objectives that will be covered: 1.Creating your communityCreating your community 2.Styling your communityStyling your community.
This menu appears at the top of the page in the header tag. The typography and colour scheme is simplistic so that the site is easy to read and navigate.
Sending Newsletters with Wordpress and Subscribe2.
X-Media V2.0 Healthcare Training Jayex Technology Limited X-Media V2.0 March 2010 v
Introduction to Twitter. Introduction What is Twitter? Watch this video to find out.Watch this video.
Interactive communication design. For those with busy lifestyles and various working hours, Are now able to watch their favourite shows from Major broadcasters.
Introducing new web content management tools for Priority...
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
PowerPoint Lesson 1 Microsoft PowerPoint Basics
Facebook Page’s for All of Your Listings Increase your FB lead Generation Presented By: YOUR NAME YOUR CONTACT INFO YOUR NMLS#
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Getting Started Setting a Theme Setting up Pages Making a Menu Adding Video to your Page Setting Up Your Contact Page Extra Website Content.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Back to Table of Contents CAPA Website Tutorial Anne Dang, CCPA Webmaster for CAPA.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Team Members Althea Dasilva Apollo namalu Eugene Trilenski Damilola Adejare Zhuobin Guan Jinhui Bao.
 Using Screenr, Jing, and QuickTime Plus some alternatives!
Singapore Primary Schools Sports Council User Guide.
What’s New with INFOhio?
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
A guide for WTPS staff. Overview This document will show you how to link your Remind and Twitter feeds with your Schoolwires website. Post ONCE to either.
Website!. First, let me show you a few links that are always in the same spot.
Singapore Schools Sports Council User Guide. Table of Contents How To Login How To Logout How To Add Games Content (Same for ASG) How To Edit Games Content.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.
PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
Principles of effective web design NOTES Flo Morris-Duffin.
Website Research Kieran Thompson-Oliver. Example 1: Hypebeast This website has been coded effectively because it is simple, easy to use and navigate and.
Introduction to EBSCOhost Tutorial support.ebsco.com.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Creating Google Sites Laura Assem, Director of Technology.
Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Assassins Creed By Ben Walker. Fan Websites Embedded YouTube Video showing newest game trailer of Assassin’s Creed Unity. This would be held in a div.
Copyright © 2010 Verizon Foundation. All Rights Reserved. This document may be reproduced and distributed solely for uses that are both (a) educational.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
AMCA Training Contents Module selection Navigation Assignments (Online) Assignments (Upload a file) Forums (online discussions) Wikis Reveals Watching.
Kwiksites Instant Website Creation Guide by Arvic Search Services Inc /20/2012Arvic.
Task 1 Understand the uses and features of websites Sophie O’Rourke.
Introducing!. The New! (and Improved) Website! It makes finding what you need MUCH easier.
Introduction to EBSCOhost
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Add Video Library in Company
AEM Digital Asset Management - DAM Author : Nagavardhan
Using the Result List EBSCOhost
How to customize your Microsoft SharePoint Online website
Tutorial Introduction to support.ebsco.com.
How to customize your Microsoft SharePoint Online website
Using the Result List EBSCOhost
Create and edit web pages 2
How to customize your Microsoft SharePoint Online website
Lesson 20 Getting Started with PowerPoint Essentials
5. Setting up Alerts.
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
Audience Interaction Why I’m using Twitter and Facebook
Introduction to EBSCOhost
PowerPoint Lesson 1 Microsoft Word Basics
Tutorial Introduction to help.ebsco.com.
Presentation transcript:

First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for the target audience as it is nice and simple images which are placed at the top of the website. This can be a nice eye opener for the website that could allow the audience to continue scrolling through the website. The website also automatically resizes for when you scale the site. This helps with interactivity for the website. The website has two main navigation bars with some of the same sub menu’s and buttons. There is also a column which shows the most recent tweets from the official Game of Thrones tweets. This allows the audience to get the latest updates and news on Game of Thrones as well as showing their official twitter page. It also allows you to either reply, favorite or retweet it from the website. When clicked it will open up a popup which lets you login to twitter and be able to do these features. There is also a column which shows all the episodes for the audience to watch and enjoy. There is a search bar which allows the audience to search the website for what they want. They are both included at the top and bottom of the page to ensure that the audience finds it. When you hover over the text the colour will change from white to grey.

Second example – The Walking Dead official website This website also consists of large images for an eye opening and interesting site. The navigation bar is very interactive as it drops down a sub menu as you hover the mouse over one of the navigation bars. This allows for plenty of interactivity and content for the page which can be great for the target audience to enjoy. This page also includes slideshows and a wide variety of images and external links which adds to the interactivity. There is a search bar which allows the audience to search the website for what they want. Here there is a slideshow which when clicked scrolls through separate images and text. This slideshow could have been made in InDesign and with different states, when the arrow is clicked it will go to the next state. This will also be saved as a flash format which may not be available to view on mobile devices which is why most websites are using edge animation now. The slideshow is uses images and text for the different states. The images are also external links to other pages. This adds to the interactivity of the website.

Third example – Video Game High School official website This site includes sub menus and external links from the navigation bar which allows the audience to easily navigate through the website and the episodes of the TV show. These sub menus are helpful when it comes to the layout of a website because it stores more information and can make the website look more clean, tidy and professional. Here there is a slideshow which when clicked scrolls through to the next video/episode. This slideshow could have been made in InDesign and with different states, when the arrow is clicked it will go to the next state. This video is apart of the slideshow and they is a video which has been embed by YouTube. When clicked, the episode will start playing and you will have the options like any other YouTube video. Such as Play, pause, volume, share on Facebook or twitter, embed, quality, and full screen. This allows for plenty of interactivity for the audience. This website also includes small images which are external links to all of their social media. This YouTube video is entered into the website by getting the original YouTube embedded link. Then creating a div table and making sure the size of the box is the same size as the embed link in the code.

Conclusion From researching and navigating through these websites it has inspired me for when it comes to creating my own site. I understand that these websites where overall simple and easy to look through. I also noticed that two out of three websites included links to their twitter, Facebook and other social medias. The site that didn’t include it was the Game of Thrones site which I the site I will be doing.