ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.

Slides:

Advertisements

Similar presentations

Chapter 3 – Web Design Tables & Page Layout

Advertisements

Change font face Change font size Align left.

Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

FrontPage Express By John G. Summerville Ph.D.©, RN.

Chapter 3 Tables and Page Layout

CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.

Web I Introduction to Dreamweaver and Web Publishing.

HTML resources page exercise An HTML resource page is created for later use. The web editor Composer is used to create tables, named anchors, horizontal.

Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.

ETT 229 Fall 2004 Microsoft Word Part 2. Agenda 10:00-10:05 – Quiz 2 10:00-10:05 – Quiz 2 10:05-10:15 – Syllabus restructure & questions about assignment.

Saving a Word Document as a Web Page

ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

ETT 429 Spring 2007 Web Design I.

ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.

How to Open Microsoft Word Click Start Click All Programs Click Microsoft Office Click Microsoft Word 2013.

HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.

Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

Designing a Classroom Web Site Using NVU Beginning Level.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.

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.

Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

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.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Web Technologies Website Development Trade & Industrial Education

Using Netscape to Design Basic, Yet Beautiful Web Pages! With Designs by Dan EIL 301, spring 2000.

Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.

Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.

Website Development with Dreamweaver

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

Web pages in Linux David Douglas Sam M. Walton College of Business, University of Arkansas.

CPT 123 Internet Skills Class Notes Publishing to the Web Session B.

CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.

Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.

Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..

Moodle with Style Integrating new technologies to empower learning and transform leadership.

4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.

Web Design ITM 2010 Tutorial 2 Prepared by Wang Shiyu.

HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.

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,

© 2010 Pearson Education, Inc. | Publishing as Prentice Hall.1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 6: Creating and Formatting.

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.

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.

Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -

Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.

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.

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.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

Word 2010 Edit Page Layout In this lesson, you will learn how to insert columns and page breaks. How to change the page orientation, paper size, page margins,

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.

Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.

With Microsoft FrontPage 2000

On each booth you will find 4 to 6 banners

MS-Office It is a Software Package It contains some programs like

Computers and Scientific Thinking David Reed, Creighton University

Cheat Sheet CSCI 100 JW Ryder

Cheat Sheet CSCI 100 JW Ryder

ADA Compliant Website & Documents

Add Background Style Click the slide or slides that you want to add background style Click Design Tab Click Down arrow in the Themes group.

Presentation transcript:

ETT 229 Fall 2004 Web Design Basics II

Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2

Web Design Basics HTML tags Standard tag layout

Text changes Style (bold, italics, highlighted, underlined) Headings – use sparingly Changes in spacing Bullets/numbers (don’t center) Indenting Alignment

Tables Inserting tables Rows Columns Width Border Right click tables to change their properties Tab at end adds another row Same functions as Office

Images Inserting an image Location Alternate text ADA compliance Dimensions (how to change) Appearance Spacing Text alignment Linking an image

Links Three major link types Absolute Relative Within document (anchored) Creating a link Can be any of three types Either type in absolute link or choose file

Links – Part 2 links mailto: command e.g.,

Page Properties (colors) Under Format dropdown Changing Page colors Custom Colors Background colors Background image

Page Properties (meta tags) Under Format dropdown (Page title and properties) Title Author Description

Now and Later Download Web Design Practice 2 Send to me by end of Friday Publisher Project will be available by end of day Due November 19 Read pages in Computers Be prepared for quiz (on lecture and book pages)