Web Design Principles Designing educational websites Larysa Nadolny Educational Technology Specialist CCIU.

Slides:

Advertisements

Similar presentations

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

Advertisements

HTML. The World Wide Web Protocols Addresses HTML.

+ Formatting the First Page An MLA Workshop. + There are several steps to formatting the first page for an MLA essay… Setting Margins Setting Double Spacing.

PowerPoint Presentation Checklist. Name, Class Period, Date Content Did you provide quality information? Are your slides balanced in text and visual?

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

T W E A K Teacher Website Etiquette and Know-how.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

Structure and formatting HTML pages Helen Treharne Department of Computing.

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.

1527 Standley Dr. Early childhood education I am a full time student and mother.

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.

ETT 429 Spring 2007 Web Design I.

Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.

Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

Copyright © Allyn & Bacon 2008 POWER PRACTICE Chapter 6 Academic Software START This multimedia product and its contents are protected under copyright.

Creating Your Own Website

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Define html document byusing Example : Title of the document The content of the document......

Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)

Collect Data needed from this resource below: Book: Last name, First name. Title of the Book. Place of Publication: Publisher, Year of Publication. Author’s.

Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (pg. 85) Lesson 4.2Lesson 4.2.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.

Module Code: CU0001NI Introduction to Multimedia.

Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.

HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.

APA Formatting Formatting, Plagiarism and Citation Note: This seminar will be recorded by the instructor.

Web Page Fundamentals HTML: The Language of the Web.

Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.

IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.

Selling Your FFA Chapter Online Making Use of the INTERNET…

Adobe Certified Associate Objectives 1 Setting Project Requirements.

FrontPage 2000 For Online Classes June 29, 2000 Distance Learning Conference.

Principles of effective web design NOTES Flo Morris-Duffin.

Web Page Concept and Design :

DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.

ENTER TO WIN FREE TEXTBOOKS FOR LIFE AND SAVE THOUSANDS OF $$’s! Fill out your information on the form being passed around your class Participate in the.

How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.

What is a wiki? Online Collaboration with Wikis. A wiki is an easy-to-use free web page that multiple people can edit.

+ Nonfiction: Informational Text. + Understanding the Terms TermsDefinitions TopicThe subject Topic SentenceThe subject of a paragraph (usually the ____.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

2016 Cengage Learning Computing Conference Lisa Friedrichsen, Professor Web Development & Digital Media Johnson County Community College HTML 5 / CSS 3.

BRANCH WEBSITES Tips for building and maintaining sustainable sites.

Miguel Lara, PhD. Design and development instructional websites using a variety of web technologies such as HTML5, CSS, JavaScript, and jQuery.

LAW 421 Complete Class To purchase this material link 421/LAW-421-Complete-Class For more courses visit our website.

Web Site Development and Macromedia Dreamweaver 8

Professor C. Shilepsky Wells College

Activation Training: (Insert name of School)

Unit 3: Research Lesson 02 I can determine the credibility of a source. I can gather the most important and relevant information from a variety of credible.

Community Information Toolkit

Creating Accessible PowerPoint Slides

Tutorial 4 – Desktop Publishing

Information needed for citing sources:

Using the Canvas Editor to Help Improve Accessibility

8 Formal style that keeps us from plagiarizing when we use research to support our ideas.

Put the names of the people in the group here

Web pages Lesson 4.

Put the names of the people in the group here

8 Formal style that keeps us from plagiarizing when we use research to support our ideas.

PUBLIC SCHOOL LAW Part 9: Primary Legal Sources: The Constitution

Research + MLA Citation + Infographic

Web Site Development Careers

Title Goes Here Title Goes Here Title Goes Here

Title Goes Here Title Goes Here Title Goes Here

Presentation transcript:

Web Design Principles Designing educational websites Larysa Nadolny Educational Technology Specialist CCIU

Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

Agenda 1. Creating a web page 2. Web design basics 3. Publishing to the web 4. Getting more help

Web Design Programs Microsoft Word Adobe Dreamweaver many others… Microsoft FrontPage Netscape Composer Mozilla Composer

Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

Web Design Basics Planning Essentials Visuals Goals Content Structure Maintenance Layout Design Images Advanced design Title Page content Link to homepage Author Revised date

Web Design Basics Planning Goals Content Structure Maintenance

Essentials Web Design Basics Title Page content Link to homepage Author Revised date

Visuals Web Design Basics Layout Design Images Advanced Design

DistractionsDistractions Distractions Avoid loud or bright colors. Avoid special fonts Imagine trying to read a couple of paragraphs of this! Avoid italics and underline; unless absolutely necessary. Strive for proportional relationships among fonts. Too Big Too Small Avoid animated images.  Click HERE!

Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

Technology and Learning Chart Cyberbee (elementary and middle school) Education World Article Copyright Laws

Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

Web Style Guide, 2 nd. Edition: This edition is free online, but it also can be purchased at Amazon.com Digital Web Magazine article “The Principles of Design” By McClurg-Genevese Award Winning Websites “Webby Awards” Award Winning Websites “American Design Awards” Getting Help

HTML lessons for students Web Teacher Blog Middle School Web Design Course Article Getting Help