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

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

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.
Chapter 3 Creating a Business Letter with a Letterhead and Table
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
FrontPage Express By John G. Summerville Ph.D.©, RN.
Using Advanced Cascading Style Sheets
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.
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.
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.
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 VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
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®
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.
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.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Inserting a hyperlink is a great way to link to other files or useful websites and helps to save time and avoid the mistakes often made when urls are typed.
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.
CHAPTER 5 Working with Data Tables and Inline Frames.
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,
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
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 the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
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.
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.
Creating Web Pages with Links, Images, and Embedded Style Sheets
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.
Creating a Presentation
With Microsoft FrontPage 2000
Learning the Basics – Lesson 1
MIS 201 Web Design.
Using FrontPage Express
A02 Creating my website NAME ______________.
Step 1:. Open Microsoft FrontPage application.
Presentation transcript:

Using FrontPage Express

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

Slide 2 Use the Insert, Table menu to insert a base table for the page layout. Cell spacing adjusts the width of the space between the cells. 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. Cell padding adjusts the space between the edge of the cell and the text. Select the required numbers of Rows and Columns.

Slide 3 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.

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

Slide 5 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.

Slide 6 1.Enter text for hyperlinks. 2.Highlight required text. 3.Use Insert, Hyperlink menu. 4.Enter the required URL.

Slide 7 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. Enter a Page Title. Click on Save As to save file in a specified folder. To save the file, use the File, Save menu.

Slide 8 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. To insert images, use the Insert, Image menu and browse to the required image.

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

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

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

Slide 12 Style sheet one

Slide 13 Style sheet two

Slide 14 Style sheet three

Slide 15 Style sheet four