Web Pages Using FirstClass Dean McKinney Greater St. Albert Catholic Schools January, 2006.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Create a website with Google Sites
Technology in the Classroom Website & Assessment Development.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Introducing new web content management tools for Priority...
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Locating existing templates 1.Go to the Strategy Tool Kit, located in the News Room section of the Business School website (you will be required to log.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Creating First Class Web Pages Log into your account.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
Creating a Portfolio Website Phillips. Go to wix.com.
IWebFolio Using a Template Tutorial Images in this tutorial:
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Creating a Web Page HTML, FrontPage, Word, Composer.
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.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia Notes Review for 8 th Grade Computer Skills Competency Test.
Web Technologies Website Development Trade & Industrial Education
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
© 2012 Boise State University1 WordPress Training February 14, 2013.
How to develop your website Chapter Websites Denise R. E. Copeland
School District U-46 Metadot Portal Training. Agenda Intro – Objective Useful Terms Main Page Login Help/Support My Website Enable Editing Edit Your Home.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Website Development with Dreamweaver
Kimberly Otos FACS Instructor Mandan High School WEEBLY 101.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
Presented by the Virginia 4-H Science and Technology Committee PowerPoint 101.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
Start Dreamweaver program From file menu click new Blank page appears.
August 31, 2015 Ms. Fiorante CC Enrichment. * STEP #1 GO TO * YOU WILL NEED A GMAIL ACCOUNT TO SIGN UP.
Applying the IEEE Template to a Presentation
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
January 2006Colby College ITS Setting Up Course Pages.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
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.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
Web Site Development - Process of planning and creating a website.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Creating Web Pages with Links, Images, and Embedded Style Sheets
School District U-46 Metadot Portal Training. Agenda Intro – Objective Planning Main Page Login Help/Support My Website Enable Editing Edit Your Home.
COMP 143 Web Development with Adobe Dreamweaver CC.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
How to create a Google Website For Teachers. 1.Create a class account for students to access Google resources at: 2. Instruct.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Dreamweaver – Setting up a Site and Page Layouts
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
With Microsoft FrontPage 2000
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Web Page Design ICT Ms. McGrew.
How to Create a PBWorks Site
PowerPoint Quick Tips Bad Ischl, Nov
Word: Styles & Illustrations Participation Project
Drupal user guide Evashni Jansen Web Office.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Web Pages Using FirstClass Dean McKinney Greater St. Albert Catholic Schools January, 2006

A Teacher’s Home Page… Suggested sections… 1.Home Page (ie title page) 2.Course outlines 3.Current homework 4.Related web sites 5.Resources 6.Behavior expectations 7.Class/course calendar

Starting Point… 1.Log into your FirstClass . 2.FILE MENU -->Open -->Home Page 3.Places new folder on your desktop. You now have an Internet address:

How do I create the web pages for my Home Page folder? Home Page Construction Kit Personal Web Page forms HTML Editor Leave blank and just add files

Personal Web Page Simplest method 1.Open Home Page folder and then…. 2.File Menu-->New-->New Document Special-->Personal Web Page 3.Use NAME to name your web page. (eg. Home Page, Page 2, etc.) 4.File out bottom of the page like an message.

Personal Web Page Formatting The Page Same features used in messages: FORMAT Menu Insert pop-up Menu Add pictures, background images

Personal Web Page Making Web Links Create links by typing the words you want displayed, highlight the words, and then choose: Edit Menu-->Make Link Target Links can be: Internet URLs (eg. Another web page name (eg. Page Two) Your file name (eg. Assignment.doc) You now have an Internet webpage: Page

Home Page Construction Kit? Use forms to create pages Create nice layouts Quicker and more consistent Can copy/duplicate pages Greater learning curve More difficult to customize pages Does your account have space?

Using The Home Page Method 1.Log into FirstClass. 2.Update your settings: -->FirstClass User Tools conference -->Home Page Construction Kit v2 -->double click-->HCK2.1 Settings File.fc

Suggestions For Web Pages Before you begin… Decide how the site will look. Pick a color, background, banner graphic, and font size/style that you will use throughout the site. Determine the links that will be used to navigate the site and display them the same way throughout. Top Navigation Strip Buttons Side Column

Using The Home Page Method

Using The Home Page Method

Using The Home Page Method 1.Open your Home Page folder. 2.Create a new HCK2 web page:

Using The Home Page Method <--Name your file (avoid spaces & punctuation) Header This section creates what is displayed at the top of the page. Web page content added in the bottom section of the form.

Placed a banner graphic in a folder named images-->

Body/Footer section for additional formatting features only. Using The Home Page Method

Navigating Your Website <--Links to a file inside a folder <--Links to an address <--Link to any Internet address

Navigating Your Website Buttons! (click to download)click to download

Navigating Your Website

Optional: Features Column

Adding Content Use the message body area of the form to add content to your web pages. Images Copy/Paste into message or… Upload into Home Folder-->Insert Pop-Up menu Gig, jpg, or png Link Image Click image then EDIT Menu-->Make link

Additional Information Add Your Calendar 1. drag Calendar into Home Folder 2.Link Path-->Calendar Add Your Address Book 1. drag Address Book into Home Folder 2.Link Path-->Address Book Use WebQuests (Get copies of template) WebLogs (Blogger.com) Podcasts (subscriptions to audio, video, and/or text)

Additional Information Download This PowerPoint More Information on Home Page Construction Kit Visit the FirstClass User Tools conference on your for extensive explanations. FirstClass Account Space? Open FC Server Disk Usage in the FirstClass User Tools conference to see how much room you have.

Make It So…Number One!