Advance Web Sites.

Slides:



Advertisements
Similar presentations
Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Chapter 3 – Web Design Tables & Page Layout
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.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
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.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Getting Started with Dreamweaver
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
MS FrontPage 2: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
What is Electronic Commerce?. Learning Objectives Internet, Intranet, Extranet Technology Infrastructure –How packet-switched networks are combined to.
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Microsoft Word 2000 GEH MIT! How to create a web page/web site.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
Creating Integrated Web-based Projects using Microsoft Word.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
AUTO-BUSINESS HOW DO WE USE HYPERLINKS?. Edit an image that represents a hyperlink If a picture, AutoShape, or other graphic is used to represent a hyperlink,
Creating a Website Using the Web Page Wizard. Introduction Microsoft Word is an application to create documents. A webpage is one such document. A website.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
FrontPage ® 2003 – Essentials Intermediate Lesson.
Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 7 Frames.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
CH. 7 Web Page Design –Page Layout with Frames Mr. Ursone.
FrontPage Tutorial Part 2 Creating a Course Web Site.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
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.
Welcome to the Circus! A step by step process to making your own Google Site for the NEW Northern Potter Website!
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
By: Ms. Abeer Helwa 1. CREATE A WORD DOCUMENT 2 Blank document Templates To create a new blank document: click the File tab and click Blank document.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Agency Web Site Navigation Structure. Building the agency web site Agency Web Site Navigation Structure, Slide 2Copyright © 2004, Jim Schwab, University.
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Getting Started with Dreamweaver
Microsoft Office PowerPoint 2003
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.
With Microsoft FrontPage 2000
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
Creating Links – Lesson 3
بسم الله الرحمن الرحيم.
Tutorial 6: Managing Multiple Worksheets and Workbooks
Getting Started with Dreamweaver
Page plans A01 Design.
Chapter 2 Adding Web Pages, Links, and Images
ITEC 1001 Test 5 Review.
Tutorial 6 Creating Dynamic Pages
Getting Started with Dreamweaver
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
Defining Terms Writing for the Web The Internet Writer’s Handbook 2/e.
Creating Frames on a Web Page
Layout and Design with Tables and Frames
Step 1:. Open Microsoft FrontPage application.
Microsoft Windows 7 Basics
Presentation transcript:

Advance Web Sites

Learning Objectives Applying a Theme Inserting a Bookmark Building a Web Page with Frames Working with Navigation View Inserting a Page Banner Share Borders and a Navigation Bar

What is a Website? Web page Website Single page displayed at a website Collection of related and linked pages Infinite number of pages Usually common visual design theme

Applying a Theme

Creating a Web Site with Frames

Using Frames Frame Position Independent window within web page Usual number kept to three Each has own scroll bars Appear only when needed Position Horizontally or vertically

Frames Pages Templates

Frames Page Banner Frame Main Frame Contents Frame

Controlling a Frame Frame Properties dialog box Can set preferences Scroll bars displayed Frames resizable

Frame Properties

Creating a Web Site with Page Banner,Share Borders and Navigation Bars

Navigation View

Navigation View A page needs to be put under the navigation view in order to use: Page Banner Share Border Navigation Bar

Page Banner

Share Borders and a Navigation Bar

Either one, not both