Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

Slides:



Advertisements
Similar presentations
HTML Tags and Their Functions
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
FrontPage Express By John G. Summerville Ph.D.©, RN.
EXCEL Spreadsheet Basics
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.
Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?
Chapter 3 Tables and Page Layout
XP New Perspectives on Microsoft Office Excel 2003, Second Edition- Tutorial 3 1 Microsoft Office Excel 2003 Tutorial 3 – Developing a Professional- Looking.
Web I Introduction to Dreamweaver and Web Publishing.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Computing Concepts Advanced HTML: Tables and Forms.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Database-Driven Web Sites, Second Edition1 Chapter 2 INTRODUCTION TO HTML.
Session 2 Tables and forms in HTML Adapted by Sophie Peter from original document by Charlie Foulkes.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Chapter 19 – Macromedia Dreamweaver MX 2004
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Laboratory Exercise # 13 – Font and Number Format Styles Office Productivity Tools 1 Laboratory Exercise # 13 Font and Number Format Styles Objectives:
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.
Adobe GoLive 5 Foundation Level Course. GoLive 5 Overview.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
 2001 Deitel & Associates, Inc. All rights reserved. 1 Chapter 12 – Microsoft FrontPage Express Outline 12.1Introduction 12.2Microsoft FrontPage Express.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Web Technologies Website Development Trade & Industrial Education
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Website Development with Dreamweaver
HTML. Basic HTML HTML document – HTML headings – to HTML paragraphs – HTML links – HTML images –
Microsoft Office Excel 2003 Tutorial 3 – Developing a Professional-Looking Worksheet.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Lotus 认证培训 Notes Domino 6/6.5 Application Development Foundation Skills ( 610 ) Exam Number: 610 Competencies: Please see exam guide. Length:
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 19 Organizing and Enhancing Worksheets 1 Morrison / Wells / Ruffolo.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 15 Advanced Tables.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
1 Building FORMS In When a visitor enters information into a web form displayed in a web browser and clicks the submit button, the information is sent.
IWorks Pages. Word Processing  Software that is designed for the entry, editing, and printing of documents.  Mac Version = iWorks Pages  As with Microsoft.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
Introduction to Technology. Parts of MSWord Screen Title Bar Quick Access Toolbar Button Ribbon Status Bar (views and zoom)
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Positioning Objects with CSS and Tables
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
With Microsoft FrontPage 2000
Chapter A - Getting Started with Dreamweaver MX 2004
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Chapter 5 Introduction to XHTML: Part 2
Chapter 2 Adding Web Pages, Links, and Images
DREAMWEAVER MX 2004 Chapter 3 Working with Tables
Objectives At the end of this session, students will be able to:
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Intermediate Level Course

Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text structure can be defined, and GoLive writes the applicable code.

Font Sets Font sets are groups of similar font faces that enable the browser to display an alternative if the font specified is not resident on the user’s system.

Spacers Spacers can be used to indent text, as well as separate other elements on the page. The spacer can be: Horizontal Vertical Block

Absolute and Relative Sizes Absolute: specifies a number on a scale range of 1 to 7. Relative: the browser uses a number size that is less, or more than, the default size. This scale ranges from –7 to +7.

Indents, Lists, and Scrolling Text Paragraph format styles: Scrolling or Marquee text is a message that scrolls across the page like a “banner”. Indent or List Level Numbered List Unnumbered List Definition

Smart Objects Smart Objects enable the synchronization of imported image files in GoLive with the source files. Drag and drop files from Photoshop, Illustrator, and LiveMotion right into the GoLive page.

Tracing Images A Tracing Image is a “template” of the Web page design that has been prepared in Photoshop or Illustrator. The “template” is imported into GoLive, and used to position the actual elements and objects on the page.

Image Color The Web-safe color palette lists the corresponding numerical (hex) label that is recognized by Web browsers. Color appears differently on different monitors, as well as on different operating systems.

Image Maps Image maps enable an image, or an area of an image, to act as a link to an URL – another page in the site, or another Web site.

Rollovers With a rollover, the image changes when the mouse is moved over it, and it can change again when clicked.

Table Structure Tables form the actual structure of the of the Web page. GoLive writes the necessary code as the page is being created. Tables can be added to the page as visual elements. Visible tables consist of rows and columns.

Editing Tables Rows and Columns Width and Height Borders Color Cell Padding Cell Spacing Alignment Caption Background Image Row and Column Span Header Style No Text Wrap Table attributes are:

Table Styles A table style adds color to the table. GoLive offers a number of built-in styles. You can create your own custom style.

Import Table Data Tabular data can be imported from a spreadsheet, word processor, or database. The original file must first be saved as a text-only delimited file.

Table to Layout Grid Tables can be converted to the Layout Grid. The table is removed, and the cell data is converted into individual layout text boxes placed on the Layout Grid.

Create a Floating Box Floating boxes can: Be placed in layers. Contain HTML elements, images, text, script. Made visible and invisible. Used to create “animations” on a Web-page. Floating boxes are used in conjunction with the Layout Grid.

Image and Text Content Drag an image from the Site Images folder into the floating box. Position the cursor inside the box, and type the required text.

Visibility When multiple layers are stacked on top of each other, top layers can be turned “off” to facilitate working on the lower layers. Ensure the color of text in a layer will be visible when it is positioned on top of an image layer.

Import Layered Images Layered images can also be imported directly from Photoshop. The imported layered file is converted into a Web-safe format, and each layer appears in a separate floating box.

Form Objects Forms are used to obtain information from the user, which is sent to the Web site administrator via .

Form Layout A form can include : A table inserted into a form helps to control the layout of the form’s elements. User’s name address Comments Catalog choices Credit card information Passwords

Form Elements Basic Form elements include: Label Text Field Text Area Check Box Radio Button Form Image Button Submit Button Reset Button Lists

Lists and Menus The List Box The Popup Menu

Tabbing A tabbing chain enables the user to “tab” from one text field to another.

Submit and Reset The Submit Button sends the form to the server. The Reset Button clears all entries made by the user.

Frames and Framesets Framesets are a collection of individual frames. Each frame in the frameset links to a separate HTML document.

Create a Frameset The window will display two separate frames, both unnamed, and both showing empty references Use the Point-and-Shoot button, or Browse for File button, to link frame to an HTML page in the Site files folder.

Link and Target Frames Linking to a frame is similar to linking to a file. The target frame of the frameset must be specified. The target frames are: _top _parent _self _blank Added to this list are any named frames in your frameset(s).

Edit Frames Editing options are available in the Frame Set Inspector. Orientation Border Size Border Color Border Frame

Source Code Editor The Source Code toolbar features the following: Check syntax Display errors Display warnings Turn syntax highlighting off Detailed syntax highlighting Highlight Media and Links Highlight URLs Highlight Server Side Code Word Wrap

Outline Editor The Outline Editor is a hierarchical view of the HTML elements of the page.

Edit Code Most icons in the Objects palette can be dragged and dropped into the Source Editor, and the associated references and/or text added.