Do You Want an OmniUpdate Faculty Web Site? The OmniUpdate Template for Faculty Web Sites.

Slides:

Advertisements

Similar presentations

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Advertisements

Web Pages Using FirstClass Dean McKinney Greater St. Albert Catholic Schools January, 2006.

Create a website with Google Sites

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

 Share assignments and files  Student and parent home access  Announcements  Classroom information.

CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.

CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.

Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.

ACCESS – CHAPTER 4 ZNANATEJ PANGA October 27, 2014.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

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

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

® IBM Software Group © 2006 IBM Corporation Creating JSF/EGL Template Pages This section describes how to create.JTPL (Java Template Pages) using the Page.

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.

Changes in WebCT Vista Version 8 (AKA CourseDen) UWG Distance & Distributed Ed Center (adapted from Kings College, UK) October 2008.

© 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.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,

CREATING A SHELL FOR YOUR WEBSITE. Create Website plan (see previous) Refer to/revise website plan as needed Create a folder to place ALL WORK: web pages,

Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!

Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.

© 2012 Boise State University1 WordPress Training February 14, 2013.

Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 15 :: a.

Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.

Website Development with Dreamweaver

Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.

Part 3: Page Structure. Activity: Table of Contents (TOC) Create a table of contents that links to each of your previously built pages. Follow the directions.

Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.

© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.

1 Word Lesson 3 Formatting Documents Microsoft Office 2010 Fundamentals Story / Walls.

HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.

Adobe InDesign CS2—Revealed SETTING UP A DOCUMENT.

Start Dreamweaver program From file menu click new Blank page appears.

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.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.

Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.

Creating Google Sites Laura Assem, Director of Technology.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

Unit 2, Lesson 7 Creating Web Pages and Web Documents.

Transportation Agenda 165. Transportation About Pages Pages organize and present information Pages are files that end in.aspx 166.

Web Site Development - Process of planning and creating a website.

Creating a Google Site For a Digital Portfolio Purpose.

CREATING MASTER PAGES Creating a Master Page Using Master Pages Giving your site a professional look and feel Adding Master Page content to existing pages.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

Kwiksites Instant Website Creation Guide by Arvic Search Services Inc /20/2012Arvic.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

CIS101 Introduction to Computing Week 07 Spring 2004.

Section 6.1 Section 6.2 Write Web text Use a mission statement

OmniUpdate Basics Training FLEX – August 11, 2016 VOC-113.

Create and edit web pages 4

With Microsoft FrontPage 2000

Chapter 2 Developing a Web Page.

How to customize your Microsoft SharePoint Online website

Fixed Positioning.

The Microsoft Office suite provides themes to ensure consistent formatting both within and across documents and thus helps you create documents with a.

PowerPoint Guidelines

PowerPoint Guidelines

Project Documentation Generation

How to customize your Microsoft SharePoint Online website

Consult America Technology Consulting Services

Common Page Design Elements

Welcome To Microsoft Word 2016

Presentation transcript:

Do You Want an OmniUpdate Faculty Web Site? The OmniUpdate Template for Faculty Web Sites

Do You Want an OmniUpdate Faculty Web Site? Agenda 10:45-11:00Introduction 11:00-11:20Part I: Overview of options for a faculty Web presence 11:20-12:15 Part II: Launch an OmniUpdate faculty Web site Write it down:

Introduction Welcome! Agree to TOS: – Login to your domain: –

Part I: Options for a Web Presence 1.OmniUpdate template 2.Keep existing FrontPage site 3.Custom site (hosting) 4.Blackboard 5.Faculty Profile on people.mjc.edu Options online

Why OmniUpdate? You asked for it Accessible -- Validates HTML, CSS and Section 508 Pixel-perfect rendering across modern browsers plus JAWS and IE 6 Built to Web standards -- uses CSS and text to create the look & feel (no tables!) Affiliation to MJC -- Consistent link to College at top and MJC logo & disclaimer at bottom

About OmniUpdate 10 Preset Color Themes See all 10 at

About OmniUpdate 12 Page Layouts Top Menu w/ Footer Cols. 50/50 Top Menu w/ Footer Cols. Full Width. Top Menu w/ Footer Cols. 4 Col. Top Menu Only. Full Width. Top Menu Only. 80/20. Top Menu Only. 50/50. Top Menu Only. 4 Col Body. Top w/ Side Menu. Full Width. Top w/ Side Menu. 3 Column. Top w/ Side Menu. 80/20. Top w/ Side Menu. 50/50. Blank Page. Preview 12 page layouts online

About OmniUpdate Make it Your Site Set your own navigation menu – horizontal or vertical After you launch an OmniUpdate site, edit the style.css file to customize with your own color palette. Check out kuler.adobe.com for inspiration.

Building a Web Site 1.Consider content 2.Plan page layout 3.Choose template

Building a Web Site 1. Consider Content What do you want to say? Sketch your “blueprint” out on paper! Which links will make up your main navigation menu? For example: Home, About Me, Classes I Teach

Building a Web Site 2. Plan Page Layout Based on the content of your site, will a horizontal menu or vertical menu fit better? – Horizontal Menu Horizontal Menu – Vertical Menu Vertical Menu – Or, a combination of both

Building a Web Site 3. Choose a Template OmniUpdate Web sites for faculty come with 12 page layouts and 10 color themes Preview at

Part II: Launch an OmniUpdate Faculty Web Site The concepts today are covered in a PDF doc online: – > Documentation Let’s go!