Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.

Slides:



Advertisements
Similar presentations
Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.
Advertisements

5 Steps to Web Site Development Mrs. Harris, November 2011.
TOC Using this Document A guide for navigating this publication. TexDECK Functional Requirements Help File Courthouse photos courtesy of texascourthouses.com.
Year 9 website design Aim of this module
Economic Planning and Development Justin Sweet Brian Kelleher Vickii Bacchetta.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
Powerpoint Demonstration Capabilities of Microsoft Powerpoint.
MGMT 230 Lab 1 HTML Basics. 2 HTML Tags An HTML document contains both document content and tags. The tags are the HTML codes inserted in a document to.
1 The Planning Process Creating a Business Web Site By Paul Lazarony 2 Business Web Site Design Steps in the Planning Process u Software u Purpose u.
Self-Sufficient Placements. How to Use This CBT The following graphics are designed to help you to navigate through this Computer Based Training. The.
Business Definition Analysis & Design Phase. Development Team Smit Shah (System Analyst, Web Developer) Harsha Balagere (Web Designer) Abdullah Alsubaiei.
State Bar of California [Find A Lawyer] Public Web Site Prototype.
Developing a Site to Present Materials Online TESOL Arabia 2005 Derrick Millard Doug McPherson
Before you begin If a yellow security bar appears at the top of the screen in PowerPoint, click Enable Editing. You need PowerPoint 2010 to view this presentation.
9/12: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW images courtesy of
Home page for the AIAA STC Acts like a table of content for the site Central column is the most dynamic TC meeting information publications events Links.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Quick guide on making PowerPoint slides  PowerPoint is a presentation program  A PowerPoint slideshow is a stack of slides being presented one after.
End of Day Tasks!. THE CHALLENGE…. Select either a list or a library to create Add x3 items or documents one item or document inside of.
Selling Your FFA Chapter Online Making Use of the INTERNET…
STORYBOARDING Not as in riding a story like a skateboard, but as in planning out your work.
Upon entering the site a “pre-loader” will cache the contents of the site on the user’s computer. Visually, a “Zen Circle” brush stroke will animate to.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
based on material from Mott,Leeming,Williams Analysis of Problems & Software AQA Unit 1 Topic 2.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
CMS Essentials January 2013 v CMS Essentials: Course outline Brief recap of the Web Awareness and Writing course with ongoing references to: University.
WEBSITE DESIGN PROPOSAL Presented By. CONTENT Requirements summarize Web site content Demonstration of prototype Competitor website in market.
Activity 4 Protecting Ourselves. Keeping Safe There are lots of different ways we can be at risk on the Internet. How can we protect ourselves and keep.
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.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Committee and Section Site Demonstration For Committee and Section Members 1.
Web Development Tools Milton Acevedo Jerry Jones.
Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
Kevin Murphy Building a Good Web Page Masters Project CS 490.
Web Site Architecture Crunch Bakery Group #1 Nzingah Gross William Hellela Jose Merino.
Creating WWW Pages. Big Picture 1. Make sure you have a place to put them 2. Plan Pages 3. Create Pages 4. Upload Pages (“Publish”) 5. Test Pages (Important!)
Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.
Types of Pets Type of shoes Treking Running Walking Working Casual Sport WELCOME! This is a module to teach you all about the different types of shoes.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Multimedia Web site development Plan your site Steps for creating web pages.
UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.
Home logo Home contact This is your content. contact sample sample home This is some more content dawg!!! Contact logo.
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.
Sibling Group Icon. The following graphics are designed to help you to navigate through this Computer Based Training. The navigational guides require.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Webtech has 3 main pages: WebTech Home, Students’ Page and Module’s Home. Using the top buttons, you can quickly navigate different levels. Each module.
Designing a site (2/4) Conceptual Design – 1h
Page plans A01 Design.
My Personal Photo Website --Final project
Presenter Mindy Pistol Ext
Assignment (Due by Friday, Jan. 10)
Overview of Dreamweaver
Fast, free, fun Weebly web sites.
Web Site Architecture Crunch Bakery
Sunshine Gardens Min Yao December 6,2005.
A01 DESIGN To be completed Your proposal  Your House style 
ClubRunner Tutorial Rotary District 5050.
Tutorial: Page Type Recipies
Wordpress.com- ICS 2O and ICS 3U
Presentation transcript:

Web Design Planning Next Bottom

Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher or MS Word PreviousNext Top Bottom

Plan your Site Consider the Content Consider the Structure Consider a common layout PreviousNext Top Bottom

What should your Web Contain? Home page (What the site is) ? Who you are ? Contact Details ? Map ? Photos ? Interests ? Favourite links ? PreviousNext Top Bottom

Structure How should each page be linked to each other PreviousNext Top Bottom

Single Page PreviousNext Top Bottom

Linear Structure PreviousNext Top Bottom

Multi-Level Layout PreviousNext Top Bottom

Link to Home Page PreviousNext Top Bottom

Common Site Layout Parts of each page should be the same 1.Ease of navigation (moving around) 2.So you know you are still on the same site PreviousNext Top Bottom

Microsoft Web Tutorial Microsoft Web Content Tutorial Microsoft Publisher 2000 Web Pages Netcreators Tutorial PreviousNext Top Bottom

What to use? You decide? Previous Top Word Publisher Powerpoint Frontpage Dreamweaver