1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Slides:



Advertisements
Similar presentations
How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
Advertisements

Year 9 website design Aim of this module
Certificate in Digital Applications – Level 02 Website Design and Creation.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
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.
Editing Process Of Front Cover Lauren Alger I have shown screen shots of how I have put together all four of my pages for my final music magazine product.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Website Design - Review Layout using tables. Table exmaple James 11/08.
CiDA E-portfolio.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Header- contain title (Ronak Mela) Logo Navigation bar: Home page/ about us Our services Gallery Testimonials Contact- online booking Footer- contain information,
© 2012 Boise State University1 WordPress Training February 14, 2013.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Year 7 Web page project Learn to make web pages using Dreamweaver.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
91073 Website design West Coast Tourism Name:. Specifications The website is advertising a new business with bus transport to local tourist places An.
B O N N E V I L L E P O W E R A D M I N I S T R A T I O N BPA Energy Efficiency Marketing Portal Training Instructions for adding images and changing graphics.
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…
Things you should have with you: Your own address Student addresses Ideas that you want to include.
Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.
Activity 3 - introduction
Creating Google Sites Laura Assem, Director of Technology.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Department web platform Background of “MST Network” MST Network is –a network-based platform for all ECAs, Classes and Departments –a communication.
1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML.
Making your Portfolio How to use Publisher. Planning Your Website  Create a folder for storage of images, sounds, documents, etc.  Keep an ongoing collection.
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
Set Up A Website Lecturer: David Nicol. Free Web Provider There are various organisations which provide free websites and web space. Many offer a variety.
Codes and Conventions of contents pages. By Eleanor Raftery.
OCR Nationals ICT – Unit 4 Task 2 Task Overview You will be creating a design for your product including all relevant details regarding what it will contain.
Creating a Google Site For a Digital Portfolio Purpose.
UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
How to create a Google Website For Teachers. 1.Create a class account for students to access Google resources at: 2. Instruct.
Design of Digital poster. Master Page Include on this page the common features of all the pages such as Position of anomated Logo Background details Type.
Template 2 (with serif font) Click through to view sample pages.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Please put the title here
Unit 21: Web Graphics A05: Banner Advert
Section 7.1 Section 7.2 Identify presentation design principles
Template 1 (with sans-serif font)
Project Objectives Lay out Web pages Create layers
Collaborative Work Placement
(Font OCR A Std, Font style: Normal, Font Size: 110px)
Unit 17 Website Development
GCE Applied ICT G053: Lesson 07 Design Tools and Techniques
Unit 3 - A Digital Portfolio
Year 7 E-Me Web design.
Layout - you need to understand that a simple navigation bar:
Date: Time: Location: Contact:
Page plans A01 Design.
Presenter Mindy Pistol Ext
A01 DESIGN To be completed Your proposal  Your House style 
Using Netscape Page Composer
Insert Your Poster Title That May Wrap to the Next Line Here
Insert Your Poster Title That May Wrap to the Next Line Here
Insert Your Poster Title That May Wrap to the Next Line Here
Web Design 1 Website Construction.
Jordan McKinley - Nichols
Date: Time: Location: Contact:
Your company logo and /or product photos in this space
BAZaaR FOR HOSTING COMPANY
ICT – Y11GCSE Unit 4 – Web Site Design – Practical Task (3 lessons)
Advance Web Sites.
Date: Time: Location: Contact:
Presentation transcript:

1. Storyboarding a Website

How to start a storyboard: Have Blank Squares!

What to include in the squares: Each square will represent a web page in your website. Include: ▫Appearance ▫Text added to Content area (font, size, colour etc) ▫Images added (background) ▫Files (Documents, audio, images) ▫Links added

Page 1: Home Page Includes: Standard Layout Design called a Template – includes banner, navigation, logo Information about the company (font: georgia, size 20pt, black) Image of company Links to main pages: Home, Products, Contact (navigation bar) Page 2: Products Includes: Standard Layout Design called a Template – includes banner, navigation, logo Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories

Page 3: Contact page Includes: Standard Layout Design called a Template – includes banner, navigation, logo Company address (font: georgia, 20pt, blue) Photo of company as background image Links to main pages: Home, Digital Portfolio and Contact (navigation bar)

Subpages Remember this Page 2: Products Includes: Standard Layout Design called a Template – includes banner, navigation, logo Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories You will need to provide detailed storyboards for these pages too and also for any other pages that these pages link to

Try to include four square on one page: Page 1: Home Page Includes: Standard Layout Design called a Template Information about the company (font: georgia, size 20pt, black) Image of company Links to main pages: Home, Products, Contact (navigation bar) Page 2: Products Includes: Standard Layout Design called a Template Background: white Links to main pages: Home, Product, Contact (Navigation bar) Links to subpages: Shoes Clothing Accessories Page 3: Contact page Includes: Standard Layout Design called a Template Company address (font: georgia, 20pt, blue) Photo of company as background image Links to main pages: Home, Digital Portfolio and Contact (navigation bar) Page 4: Subpages

Finally, remember this is just an example of what you can include. When you are creating your storyboard, keep in mind your colours you have decided on for your business and put what you need to in order to sell your product and service.