FrontPage: Introduction and Review. Today’s Topics  Layout Resolution  What is a pixel anyway?!? Page Layout Special Layouts  Files Names  Page Titles.

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

Advertisements

Chapter 3 – Web Design Tables & Page Layout

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.

6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.

Excel 2007 ® Business and Personal Finances What are the different ways you can create and display your Excel 2007 files?

Information Technology in Travel, Hospitality and Tourism

Microsoft Word 2010 Lesson 1: Introduction to Word.

MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard

FINAL REVIEW Carley. Contents Unit A: Understanding Essential Computer Concepts Unit B: Getting Started wit Mac OS X Leopard Unit C: Understanding File.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.

FIRST COURSE PowerPoint. XP New Perspectives on Microsoft Office 2007: Windows XP Edition2 What Is PowerPoint? PowerPoint is a powerful presentation graphics.

TITLE: Template for a 84.1 cm wide x cm tall poster (A0)

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

ETT 429 Spring 2007 Web Design I.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.

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

HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.

Chapter 3. Table have many uses in a HTML design but are mostly used for the organization of your web site. Tables also give vertical and horizontal structure.

Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.

Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.

Basic Training Virtual Town Hall Training. Basic Training What is a URL Uniform Resource Locater Web page address Your Domain (

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

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

 View Ribbon, Document Views group, click “Print Layout”  Standard working view for print documents  Default view in Word 2010  Shows you how your.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Half Moon Bay Townsite Website Page 1. Half Moon Bay Townsite Website Gathering site information If we did our own town as the subject for our website,

Web Technologies Website Development Trade & Industrial Education

Creating Integrated Web-based Projects using Microsoft Word.

Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.

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

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

22 Mar 04 1 Application Software Practical 1/2 Windows Internet MS Word.

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

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

Moodle with Style Integrating new technologies to empower learning and transform leadership.

Sports Website Creation. In this project you will design and produce your own website.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Chapter 2 Working with Images and Links. Chapter Objectives Insert and align an image Change the workspace Add borders and margins to an image Copy page.

Creating a Dynamic Web Page Template Module 5: Beyond the Basics with Expression Web LESSON 10.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

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.

Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.

Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.

January 2006Colby College ITS Setting Up Course Pages.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.

Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.

Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

Section 6.1 Section 6.2 Write Web text Use a mission statement

Microsoft Word 2003 Illustrated Complete

Windows Internet MS Word

Lesson 6: Working with Layout and Graphics

Lesson 6: Working with Layout and Graphics

Using FrontPage Express

Microsoft Publisher 2016.

A02 Creating my website NAME ______________.

Step 1:. Open Microsoft FrontPage application.

Presentation transcript:

FrontPage: Introduction and Review

Today’s Topics  Layout Resolution  What is a pixel anyway?!? Page Layout Special Layouts  Files Names  Page Titles Locations Sizes  Pictures Sizes Auto-Thumbnail Alt Tags  Hyperlinks 3 main types Screen Tips

Next Week’s Topics  Putting Documents on the Web Newsletters (.pdf) Downloadable files.zip files Calendars

Future Topics?  Image Maps (support.dasnr map)  Dynamic Web Templates (.dwt)  Accessibility for disabled persons  Your Suggestions!

Layout  Screen Resolution 640 x x 600 (most common) 1024 x 768  Smaller number = larger text  Smaller number = smaller amount of information on screen  Preview in browser at different resolutions

640 x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

640 x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

Layout  Step One, set screen resolution  Step two, insert layout table This two step approach formats your pages for optimum viewing by your audience  Alternative: Make Column Autostretch

Layout with Tables  Page layout has 3-4 areas A. Header B. Navigation C. Body D. Footer  Total layout table dimensions should be 760 x 405 (shown in the task pane under Layout Tables and Cells) - Fits best on 800 x 600  Use tables for special layouts - pictures, archives, design elements (Table/Insert/Table) A. B. C. A. D. B.C.

Files  FileNames vs. File%20Names Page Titles  File Locations – Organization is key Subfolders for Newsletters & Images  File Sizes 1,024 KB = 1 MB Documents ( KB max) Pictures ( KB max) How many more pictures can you put on the site in the same amount of space? 2 MB file 200 KB file

Picture Size  Layout size  File size  Use Picture Manager to edit both together Reduce file size to 6% on average Make a copy first, as this will alter your original file

Pictures  Arranging with Tables Place a line first (enter) Table / Insert / Table  Auto-Thumbnail to minimize pictures  Alt Tags Right Click – Format Picture Site – Alternative Text

Hyperlinks  3 most common types of hyperlinks Existing Pages  Page in this site (Current Folder)  Recently Browsed (Browsed Pages) Place in this document  Create bookmark first  Pre-determined “Subject” field tells you: That someone visited your webpage What this from a stranger is about  Screen Tips = Alt Tags