How Word works to create web pages When you build a web page in Word, you are using Word to edit your text and insert your pictures. This is often done.

Slides:



Advertisements
Similar presentations
Creating Accessible PDF Documents Dick Hemenway CMAC Accessibility Committee.
Advertisements

XP New Perspectives on Microsoft Office Word 2003 Tutorial 7 1 Microsoft Office Word 2003 Tutorial 7 – Collaborating With Others and Creating Web Pages.
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
HTML Basics Customizing your site using the basics of HTML.
Introduction to HTML & CSS
HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.
WEB PAGE AUTHORING WITH EXPRESSION WEB. What is the overall procedure for creating a web site?
Alternative FILE formats
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
WeB application development
Website Design.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Intro to HTML Workshop. Welcome This slideshow presentation is designed to introduce you to the basics of HTML. It is the first of three HTML workshops.
1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Creating a Web Page HTML, FrontPage, Word, Composer.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
How to Add/Change Panel Graphics A Tutorial for Website Administrators August 2013.
Adobe Contribute CS4 Targeted Training, LLC © Targeted Training, LLC 2010.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Web site Development Utilizing Microsoft FrontPage Alexis M. Schilling.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
Point & Edit CMS An Introduction to Point & Edit.
HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
How to build a web site in 37 easy steps. Step One – Turn your page orientation to landscape and create a table to provide a framework for your page In.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.
Chapter 7 Web Design.. HTML  Hypertext Markup Language  Using HTML, text is formatted by wrapping it in a tag.  The tags provide instructions to the.
E-Books Presentation. Hard Copy (Book) Scanning OCR Text Document HTML Conversion Text Formatting Linking Image Insertion Final QC Soft Copy (JPG/TIFF)
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
(HYPER-TEXT-MARKUP-LANGUAGE) By: Saima Islam By: Saima Islam.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
1 PROJECT 2 WEB/HTML PROJECT USING MICROSOFT WORD Management Information Systems.
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
More instances of editing being lost when using Rich Text mode Browser: Internet Explorer 7 (version ) Page used:
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Tips: 1. To insert your picture, click “Insert” –> “Picture”, select picture from your computer. (or just click the icon in the middle of page.) You can.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
1 PROJECT 3 WEB/HTML PROJECT USING NOTEPAD Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall,
ECS – Storyboarding and Introduction to Web Design
Pertemuan 1 Desain web Pertemuan 1
HTML Basics.
Unit A.
Overview of HTML.
HOW TO MAKE PAGES FOR A WEB SITE
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
Microsoft Excel Done by : Suaad Mohamed.
Microsoft Word.
Presentation transcript:

How Word works to create web pages When you build a web page in Word, you are using Word to edit your text and insert your pictures. This is often done with the text and images inside a table. When you SAVE your document as a Word file, it maintains all the characteristics of a Word document. You can edit and move as you wish.

How Word works to create web pages Tip >> Text Wrapping does not work well at all when your document is converted to a web page. I recommend you not use it. Just stick with the cells in the table. Stick with the tips for text on the class web site.

How Word works to create web pages When you SAVE AS your Word document to hypetext markup language (.htm), the new formatting – htm – overrides the language Word used to build the page – to a certain extent. This is why things like page breaks disappear in the web version of your document. It’s also why things tend to move a bit.

How to edit your web pages Probably the best practice to edit your web pages is to use your web browser – Firefox, Chrome, IE, etc. to proof your page after you SAVE AS your document as an.htm file THEN – go back to the original Word document, make your changes and re-save your corrected version as a new.htm file.