Using FrontPage Express

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Learning the Basics – Lesson 1
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.
FrontPage Express By John G. Summerville Ph.D.©, RN.
Web Site Development Test 2 Working in DreamWeaver.
Chapter 3 Tables and Page Layout
ECT 250: Survey of e-commerce technology An introduction to FrontPage.
ETT 429 Spring 2007 Web Design I.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
FrontPage Basics Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999, Library of Michigan.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Designing a Classroom Web Site Using NVU Beginning Level.
Creating Tables in a Web Site Using an External Style Sheet
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.
Transferring Course Materials to the Web. Creating a Web Site With a Template To create a Web site with a template 1.Start FrontPage. 2.On the File menu,
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
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.
MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
Web Technologies Website Development Trade & Industrial Education
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®
Website Development with Dreamweaver
Preview four Pages Click Here-----Click and Drag to Select 4 pages.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach 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.
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.
MIS 201 Web Design 1. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.
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,
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.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
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.
Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.
Creating a Presentation
Create and edit web pages 4
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
With Microsoft FrontPage 2000
Learning the Basics – Lesson 1
USING DREAMWEAVER Contents: Assigning a Root Folder
DreamWeaver CS4.
Unit I: Collecting Data with Forms
Macromedia Dreamweaver MX2004 Tutorial
MIS 201 Web Design.
Web Design and Development
Create and edit web pages 2
Project 5 Creating an Image Map.
Project 4 Creating an Image Map.
A02 Creating my website NAME ______________.
Step 1:. Open Microsoft FrontPage application.
HIBBs is a program of the Global Health Informatics Partnership Learning the Basics of Microsoft Word 2019 and Microsoft office support TFN
Presentation transcript:

Using FrontPage Express

Standard toolbars and menus Opening the application opens a new page. Note the standard toolbars and menus. Time indicator: gives an approximation of download time of the page

Use the Insert, Table menu to insert a base table for the page layout. Select the required numbers of Rows and Columns. Cell spacing adjusts the width of the space between the cells. Cell padding adjusts the space between the edge of the cell and the text. Select the width of the table: if this is not entered, the table will adjust according to the items in the cells and the window size of the browser.

The base table you have chosen is indicated by dotted lines. This example has 2 rows and 3 columns. Each cell is used to contain an object: text, image, menu, etc. Emphasise the structure of the page: tables, paragraphs, menus. Use a table for positioning of page elements.

3. Use the drop down menu to format it as Heading 1. 1. Enter main title. 2. Highlight the text. 4. Centre the text if you wish. Add further text as required in relevant cells. Don’t format the text at this stage.

Pressing Return at the end of a line produces a new paragraph. To move down one line, hold the CTRL key down and press Return. Include an image. Discuss, with reference to previous work, types of image format (gif, jpg) and their properties.

Enter text for hyperlinks. Highlight required text. Use Insert, Hyperlink menu. Enter the required URL. Include an image. Discuss, with reference to previous work, types of image format (gif, jpg) and their properties.

To save the file, use the File, Save menu. Click on Save As to save file in a specified folder. Enter a Page Title. NOTE: Web servers differ in the way they handle file names. To be safe always use: lower case letters and numbers only, no more than 8 letters and no spaces. Always specify .htm as the file name extension.

To insert images, use the Insert, Image menu and browse to the required image. Note: Make sure that any images you want to use are saved in the same folder as the web page. FrontPage Express recognises only GIF and JPG files.

Use a right click on the image to call up image properties. Always describe the image used.

Right click on the cell of a table to call up Cell Properties. Change cell properties as required.

Apply your formatting by using style sheets. Make sure these are in users’ folders before you start. Use View, HTML to view the HTML coding. Add the reference to the style sheet in the head section. Save and preview. Edit the style sheet as appropriate.

Style sheet one

Style sheet two

Style sheet three

Style sheet four