Web Design ITM 2010 Tutorial 2 Prepared by Wang Shiyu.

Slides:

Advertisements

Similar presentations

Excel Vocabulary.

Advertisements

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

1 Web Design ITM 2010 Tutorial 3 Prepared by Wang Shiyu.

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

JW RyderSUNY College at Oneonta1. JW RyderSUNY College at Oneonta2 Some Basics You’re creating a work of art –Chars, images, tables, links, bulleted lists.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

Chapter 3 Tables and Page Layout

 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.

You can insert graphics onto your page by clicking on the Picture Frame Tool icon and then drawing a frame for your graphic. Double click in the frame.

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.

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.

Netscape Composer Add A Custom Button. Launch Composer File>New Composer Page Select The Table Icon.

World Wide Web Documents (HTML). Fall 2002Computer Networks Applications Displaying Web documents The display hardware varies: Color and black and white.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

ETT 429 Spring 2007 Web Design I.

PowerPoint Tutorial Pt 2 J.Kellow Images - Images - Can be photos, clip art or own art from paint or other drawing program If necessary remove the white.

Microsoft Office © Copyright William Rowan Objective By the end of this you will have being given a brief introduction to: Microsoft Word Microsoft.

By: Jose Mahendra Aji. First you must click the start button on the bottom left of your screen. Type in “Microsoft office excel” in the search section.

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)

XP 1 Microsoft Office Excel Developing a Professional-Looking Worksheet.

Designing a Classroom Web Site Using NVU Beginning Level.

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.

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 - Πληροφορική Δρ.Βάσος Βασιλείου.

Dreamweaver Learning to be a web design master! By: Mr. Brunton.

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

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Web Technologies Website Development Trade & Industrial Education

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.

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

McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Access 2002 Advanced Report Design.

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

Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.

Microsoft Word 2007 Getting Started. Menus These features below contain many of the functions that were in the menu of previous versions of Word. –The.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

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.

Fourth R Inc.1 WELCOME TO MICROSOFT OFFICE FRONTPAGE 2003 INTRODUCTORY COURSE.

Photo Gallery A photo gallery is a web page that contains a collection of graphics arranged in a specific layout. Microsoft FrontPage provides four different.

Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.

Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.

IWorks Pages. Word Processing  Software that is designed for the entry, editing, and printing of documents.  Mac Version = iWorks Pages  As with Microsoft.

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,

Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.

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.

Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.

T.J. Poland.  Open Excel and notice the columns and rows.  In the top row and first column fill in your.

1 Insert Tab. 2 Then choose a cover page you want and you can easily edit it.

The File menu from Word 2003 has been replaced with the Microsoft Office Button. This button contains the basic commands such as Open, Save, Print,

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module L Building Web Sites with FrontPage.

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 Excel Lesson 4 Enhancing a Worksheet Microsoft Office 2010 Introductory Pasewark & Pasewark.

XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames.

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

Adding a Picture in ArcGIS. Getting Started Open ArcMap in ArcGIS Add shape files Find pictures on the web save in folder with shape files you added to.

1 Word Processing Intermediate Using Microsoft Office 2000.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.

With Microsoft FrontPage 2000

How to create a web page using word …

Using FrontPage Express

Netscape Composer Add A Custom Button.

Make a Heading and sub-headings.

Step 1:. Open Microsoft FrontPage application.

Presentation transcript:

Web Design ITM 2010 Tutorial 2 Prepared by Wang Shiyu

Add image Picture property Picture link

Image properties

Add image with link Add text onto the image Make particular place be hyperlink

Add table Why is table needed? Tables enable to organize data into columns and rows. Information can be organized very well. Tables can be used to control the detailed layout of a page. Each rectangle in a table is called “cell”.

Add table Built by your Own

The size of table The position of table Add table

Table properties

Cell properties

Table’s toolbar Alignment: Right Width: 80%

Align in different ways: Top, Center Vertically, Bottom Change the size of table

Add caption at the top of the table: Table -> Insert -> Caption Table caption

Import text and table You can import all the Microsoft Office text generated by Word and the table generated by Excel Copy/paste your text/table into the FrontPage Change the word file from.doc to.html, also it can change excel file from.xls to.html  File->Save as  In Type  choose the type of web page(.html or,htm) Import file Insert  File

Add link Create link between pages without frame Highlight the text chosen for the link Add link or edit link property Create link in the frame For newsgroup: news://news.cuhk.edu.hk/cuhk.ie.itm2010 ~~~~~~~~~~~~~ ~~~~~~~~~~~ server name group name

For the mail link

Add video and audio Insert audio Background Audio file (Show link, then click) Insert video Show in page Video file (Show link, then click) e.g c:\windows\clock.avi

Insert audio into background

Show video in page

Change the video properties Note: can’t display in IE Same as audio

Add the appearance in video/picture Position of the picture/video

Add Video and Audio link file Just web address and file name