By: Caitlin McCullough, Kaitlyn Kauffman, and Alexis Bergquist.

Slides:

Advertisements

Similar presentations

Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.

Advertisements

This tutorial will explain the use of some of the features of the case study website. These include: - Structure of the web pagesStructure of the web pages.

Web Page Design Using Tables Here you see three examples of how tables can be used to organize your content. We call this page layout or design. You can.

Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.

With Microsoft FrontPage 2003 Publishing a Web Page.

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.

 CSS Presentation and layout is based on the CSS Box Model.  The CSS Box Model states that every element on a page is a rectangular box.  This includes:

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 9 1 Microsoft Office FrontPage 2003 Tutorial 9 – Using Layout Tables, Styles, and Office.

Graphics for the Web Graphic formats and other considerations.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Creating Tables in a Web Site Using an External Style Sheet

Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.

Chapter 14 Web Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Design Specifications Prepared for: ____________ Date.

Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.

Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

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.

Microsoft Word 2000 Presentation 7 Microsoft Word 2000 Presentation 7.

Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.

Creating Web Pages with Links, Images, and Formatted Text

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.

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

Photo Gallery A photo gallery is a web page that contains a collection of graphics arranged in a specific layout. Microsoft FrontPage provides four different.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8.

Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.

Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.

Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.

Microsoft Expression Web 3 – Illustrated Unit F: Enhancing a Design with CSS.

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

“Just look at our web site…” I hate the title of this session, and so should you.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Now, let’s examine the page data. We’ve already seen the page name and the directory where the page is saved.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.

Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.

CHOOSE 1 OF THESE.

Presented by, Bafrand,

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

Section 6.1 Section 6.2 Write Web text Use a mission statement

2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.

Section 7.1 Section 7.2 Identify presentation design principles

Project Objectives Lay out Web pages Create layers

2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.

Chapter A - Getting Started with Dreamweaver MX 2004

LESSON 4 Module 4: Working with Images Navigation Tools.

بسم الله الرحمن الرحيم.

Maintainability What is the primary task for the maintainability of a web site? Web sites designers must be aware that during the lifetime of a site one.

Layout - you need to understand that a simple navigation bar:

Chapter 17 Designing for the web

Chapter 14 Web Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Page plans A01 Design.

Create and edit web pages 2

For use on your feedback page

Elements of Effective Web Design

Homepage-Parent/ Index Page

Presentation transcript:

By: Caitlin McCullough, Kaitlyn Kauffman, and Alexis Bergquist

The process of creating series of sketches that show the content and links that connect one Web page to another.

The amount of space between cells. The space between a cell

Used to identify Web colors. Hexadecimal Number

A means of joining two or more Web pages so that they appear on a single page.

A graphic divided into two or more parts, with each part assigned a different link.

The changing of an image or text when a mouse “rolls over” or clicks on it.

Text that moves across a Web page. …..Scrolling Marquee…..

Small versions of larger images. They speed up the download process by allowing viewers to choose whether they want to see the larger image. Thumbnail

Web ads that often contain a logo and additional business information designed to give corporate identity to a page. Banner ad

Style sheets that include information on how the page should appear.

The space within a cell that separates or pads the text or image within the cell. Cell Padding

The means of guiding a visitor to a Web site from one page in the site to other pages. Navigation Links