CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG 416 - Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Change font face Change font size Align left.
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
FrontPage Express By John G. Summerville Ph.D.©, RN.
Web Site Development Test 2 Working in DreamWeaver.
 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.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.
Basic Web Publishing BA209 Arturo Perez-Reyes. Web is a communication protocol The Internet is A net of nets That use the TCP/IP protocol To publish on.
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.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
ETT 429 Spring 2007 Web Design I.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
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.
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.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
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.
Creating Tables in a Web Site Using an External Style Sheet
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
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 - Πληροφορική Δρ.Βάσος Βασιλείου.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit F Working with Tables.
Creating Tables in a Web Site
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
BASIC PARTS OF A TABLE Unit 8 – Tables Lesson 36.
Web Technologies Website Development Trade & Industrial Education
Using Netscape to Design Basic, Yet Beautiful Web Pages! With Designs by Dan EIL 301, spring 2000.
How to Create an Electricity Timeline By: Mr. Toole.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Project 3: Customizing and Managing Web Pages and Images Presentation by: Joseph H. Schuessler, B.B.A., M.B.A., M.S., Ph.D. (ABD) Agenda Video Last Class.
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman
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
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Microsoft Expression Web-Illustrated Unit I: Working with Tables.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
FrontPage ® 2003 – Essentials Intermediate Lesson.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
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.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
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.
Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
REEM ALMOTIRI Information Technology Department Majmaah University.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
With Microsoft FrontPage 2000
Chapter A - Getting Started with Dreamweaver MX 2004
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Using FrontPage Express
Presentation transcript:

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, name it with your last name 3.In HTML mode, between the title tags, write your full name: personal homepage 4.Under the tag write following:

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Change background color 2.Type heading: Your name 3.Insert table – 1 row, 3 columns, 80% wide, choose alignment, press enter 4.In the first cell type myself, my town, my hobbies – format the text, make it bold, change colors, etc. 5.Format the table (change color, border color, etc.) 6.Insert another table – 3 rows, 2 columns, 80% wide, choose alignment.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Adjust table properties set border width, cell padding and cell spacing to 2. 2.Merge cells in the 1st row, type Myself and format the text. 3.Copy the table and paste it 2 times below. 4.Change the tables’ titles to My town and My hobbies 5.In front of tables’ title insert bookmarks create internal hyperlinks to connect menu table to content tables 6.Insert “top” bookmark at the top of the page; and back to top links in the last row

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG 416 – Information Systems:. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.The 1 st table will contain some info about you and an illustrative image in the right cell of the 2 nd row 2.Find a picture on the Internet, save it in your folder and name it meaningfully (e.g. with your last name). Insert the picture in your web page and format its properties. 3.The second table will contain some info about your hometown and an illustrative picture in the left cell. 4.The third table will contain a list of your hobbies and 3 external hyperlinks that will connect your page with your favorite web sites.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG 416 – Information Systems:. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Insert a horizontal line at the very bottom, adjust its properties. 2.Below the horizontal line, insert a table – 1 row, 3 columns, 80%, cell padding & spacing = 2, border = 0 3.In the left cell type: Last Updated: October 7, 2008, in the middle cell URL of your alternative homepage designed with a free online web authoring tool, and in the right cell insert your active address. 4.Save changes, preview the web page.