This will be a paragraph about me. It might include my hobbies, where I grew up, etc.
|
|
- Lawrence Booker
- 6 years ago
- Views:
Transcription
1 Module 3 In-Class Exercise: Creating a Simple HTML Page Name: Overview We are going to develop our web-pages the old-fashioned way. We will build them by hand. Even if you eventually decide to use WYSIWYG tools to make web pages, understanding what these tools are doing is critically important. In this series of activities, we will use a text editor to create a web page. The page will not be fancy, but it will start the development of what will become your home page for this course. Part 1: Using a text editor Open the BBEdit (or its free version, TextWrangler) application. BBEdit should be installed in the Mac s Taskbar. If not, then you can find it easily. If you are not familiar with using Mac OS X, there are two places where you should look for an application. In our lab, since a lot of students use the same applications in their classes you can look in the Apple menu, in the Recent Items sub-menu; this menu is created by the operating system to keep track of the last few applications and files that have been used. The other place to look is in the Applications folder near the right end of the task bar. Holding down the mouse on this folder will pop-up a menu. If you are working on a Mac that does not have an Applications folder in the task bar, your next place to look is to open the Mac's Hard Drive (usually labeled Macintosh HD. As you double-click, look for an Applications folder within BBEdit should be in this folder Once you find it, double-click icon to launch the program. Part 2: Very simple web page Type the following into your untitled document exactly as you see it (use the tab key to indent BBEdit will help you by automatically indenting subsequent lines): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html> <head> <title>name's WF Home Page </title> </head> <body> Name's Web Foundations Home Page </body> </html> Links to my WF project: Project Stage 2 Project Stage 3 About Me This will be a paragraph about me. It might include my hobbies, where I grew up, etc. This will be a paragraph about why I took this course and what I hope my career will be. Some of My Favorite Web Sites: Double-click on the word Name in both places and, when it is highlighted, type your own name. You are going to save your document. It is going to eventually be the home page for your course web site. What should the document be called? There is a special file name, index.html that is used for one page in each folder that gets loaded automatically when you don t type a file name in your browser s location bar, so save this page as index.html on the desktop of the computer on which you are working. (Select File>Save from the menu, in the dialog box, navigate to, and open the Desktop folder. 1
2 Part 3: Previewing your page in a browser What does you web page look like in a browser? Try it! What do you notice about the lines of text for your favorite links and your projects? Why does this happen? Part 4: Adding headings, paragraphs and line breaks to your web page Now add some tags that will add more structure to your document. These tags will be added to the existing document. 1. Make Your Name s Web Foundations Home Page a level 1 heading using the <hn> container. ( n represents a number between 1 and 6. A level 6 heading would begin: <h6>) 2. Make Links to my WF project, About Me, and "Some of My Favorite Web Sites into level 2 headings. 3. Make the Project Stage... lines into separate lines using the stand-alone <br /> tag at the end of each line. 4. Mark up the two about me paragraphs using the <p> container tags to indicate that they are paragraphs. 5. Preview the document (save it so you preview the latest and greatest version). What's the difference between the <hn> and the <p> tags (in terms of how they look in the browser window? What is the difference in appearance between the <p> and the <br /> tags? 6. Add the names (not the URLs, just the names) of three of your favorite web sites (we'll make the links work in another module). 7. Instead of using the break (<br />) tags which should generally be avoided since they have no structural meaning, we're going to mark these up as a list. Lists are built of nested tags, the list tag, and the list item (<li>) tag. We'll begin by marking the list up as an unordered list using the <ul> and <li> tags: <ul> </ul> <li> <li> <li> 8. Save your document and view it in a browser. 9. Now let's change our unordered list into an ordered list. Change the <ul> tag into an <ol> tag. Don't forget to change the corresponding </ul> end tag to an </ol> tag. See the difference? Which do you prefer here? Use the type of list you prefer. Part 5: Adding a title and more to your page Finally, use the <title></title> tag in your document s head section. Your document s title should be Your Name s WF Home Page where Your Name is replaced with your actual name. Where does the title get displayed? Use the rest of your time to experiment with the tags you ve learned today Be sure to try the <em> (emphasis) and <strong> container tags and the <hr /> stand-alone tag. What do they do? <em>some Text</em> 2
3 <strong>some Text</strong> <hr />Some Text Part 6: Back-up your work Save your work onto your USB Thumb Drive so that you can use it in future exercises. If you've forgotten to get these, you can this small file to yourself. When you use a web-based system it is helpful to create a ZIP file archive of HTML files so that the system doesn t just embed your code into the message. To create a ZIP archive: select your index.html file in the Finder, then select Compress index.html from the Finder s File menu. Uploading FTP stands for file transfer protocol. It is the way that we traditionally uploaded (transfer) our files to a server of any kind (including a web server) over the internet. SFTP is a secure version of FTP that works on top of the SSH (Secure Shell) protocol. 3
4 SFTP Secure File Transfer Protocol 1. Open the Fugu program. Fugu is an sftp client that facilitates using the sftp protocol to transfer files to and from another computer. 2. Open a new connection to gibson.rit.edu. Use your RIT username and password. 3. Double click on folders to enter them. Use the pull-down menu to move up to a parent directory. 4
5 IMPORTANT! If you have an existing web site of your own in your gibson account, make sure that you create and switch into your wf folder before accidentally uploading a new index.html file over your old one! In the left pane you can navigate to the files on your local machine that you wish to upload. If you have inserted a USB drive you can find it in Volumes: Double click on the www folder only files inside of www can be seen on the web. 5
6 4. Inside the www folder click the New Folder button and create a folder named wf (without the quotes). 5. Double click on your new wf folder. Once you are inside of wf, you can drag your index.html file from the local pane (or the Finder) to the server pane. 6. After you have uploaded your file it is time to go ahead and check to see if we can view it on the web! 7. Open up a browser and try to visit the following URL: (replace abc1234 with YOUR RIT userid). Notice that the www directory is NOT part of the web address. 8. What do you see? Any ideas why? (this may work for some folks and not for others If it doesn't work for you, don't be sad It just means you did it right. (or at least, they way we expected. ) Anti-climactic? Perhaps. But there are some very important concepts that come next and they will enable you to make your web pages readable to the rest of the world. 6
Authoring World Wide Web Pages with Dreamweaver
Authoring World Wide Web Pages with Dreamweaver Overview: Now that you have read a little bit about HTML in the textbook, we turn our attention to creating basic web pages using HTML and a WYSIWYG Web
More informationTabbing Between Fields and Control Elements
Note: This discussion is based on MacOS, 10.12.6 (Sierra). Some illustrations may differ when using other versions of macos or OS X. The capability and features of the Mac have grown considerably over
More informationCSC 101: Lab #1 HTML and the WWW Lab Date: Tuesday, 1/26/2010 Report Due Date: Friday, 1/29/2010 3:00pm
CSC 101: Lab #1 HTML and the WWW Lab Date: Tuesday, 1/26/2010 Report Due Date: Friday, 1/29/2010 3:00pm Lab Report: Make sure to follow along in the lab report document and answer questions as you encounter
More informationCMPSCI 120 Fall 2017 Lab #1 Professor William T. Verts
CMPSCI 120 Fall 2017 Lab #1 Professor William T. Verts The Goal The ultimate goal of this assignment is to create a Web page on the server, make sure it is visible to the outside world, and to design and
More informationRAGE WebDesign Quick Start 1 of 18. Welcome To RAGE WebDesign
RAGE WebDesign Quick Start 1 of 18 Welcome To RAGE WebDesign RAGE WebDesign Quick Start 2 of 18 About This Quick Start Guide 3 An Introduction To Html 3 Helpful Tips For Working With Rage Webdesign 7 See
More informationDreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!
Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationUsing Blackboard Drive to upload/manage content in Blackboard Learn
Using Blackboard Drive to upload/manage content in Blackboard Learn Downloading and Installing Blackboard Drive 1. Login to Blackboard Learn, and click on the Utilities Tab. 2. Locate the Blackboard Drive
More informationWebsite Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Lecture and Tour we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections
More informationIntroduction to Dreamweaver
COMMUNITY TECHNICAL SUPPORT Introduction to Dreamweaver What is Dreamweaver? Dreamweaver helps you to create Web pages while it codes html (and more) for you. It is located on the bottom tray or in the
More informationCMPSCI 120 Fall 2013 Lab #2 Professor William T. Verts
CMPSCI 120 Fall 2013 Lab #2 Professor William T. Verts Setting Up (PC) Go to the link for the encrypted telnet program PuTTY (Simon Tatham s site in the UK at http://www.chiark.greenend.org.uk/~sgtatham/putty/).
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationAdministrative Training Mura CMS Version 5.6
Administrative Training Mura CMS Version 5.6 Published: March 9, 2012 Table of Contents Mura CMS Overview! 6 Dashboard!... 6 Site Manager!... 6 Drafts!... 6 Components!... 6 Categories!... 6 Content Collections:
More informationDreamweaver 101. Here s the desktop icon for Dreamweaver CS5: Click it open. From the top menu options, choose Site and New Site
Dreamweaver 101 First step: For your first time out, create a folder on your desktop to contain all of your DW pages and assets (images, audio files, etc.). Name it. For demonstration, I ll name mine dw_magic.
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More informationUNIVERSITY OF NORTH TEXAS DEPARTMENT OF LEARNING TECHNOLOGIES SPRING
How-To Set Up Your Classes Web Space Windows and Mac Go to https://classes.lt.unt.edu/ (1) In the menu bar Click Register (2) Use your regular EUID (abc1234 format) and password. (3) Choose your role and
More informationCreating Web Pages with Mozilla s Composer and Uploading Files with CuteFTP
Creating Web Pages with Mozilla s Composer and Uploading Files with CuteFTP INTRODUCTION This document describes how to create a basic web page with Mozilla Composer and how to publish it on the Bruin
More informationCreating Web Pages Using HTML
Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use
More informationBeginning HTML. The Nuts and Bolts of building Web pages.
Beginning HTML The Nuts and Bolts of building Web pages. Overview Today we will cover: 1. what is HTML and what is it not? Building a simple webpage Getting that online. What is HTML? The language of the
More informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationUpgrade to Google File Stream from Google Drive Sync
Upgrade to Google File Stream from Google Drive Sync The ITS Helpdesk can Help We have provided these instructions so you can perform an upgrade yourself on your own time. While there is a lot of information,
More informationStep 1: Adding Darwin to your computer
Step 1: Adding Darwin to your computer You MUST be on GoucherWIFI. If you receive any network connection problems at any point, double-check your WIFI connection. Remove/Move GoucherGuest and GoucherMultimedia
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationFTP Frequently Asked Questions
Guide to FTP Introduction This manual will guide you through understanding the basics of FTP and file management. Within this manual are step-by-step instructions detailing how to connect to your server,
More informationOrganizing Screens with Mission Control
7 Organizing Screens with Mission Control If you re like a lot of Mac users, you like to do a lot of things at once. No matter how big your screen may be, it can still feel crowded as you open and arrange
More informationConfiguring the WebDAV Folder for Adding Multiple Files to the Content Collection and Editing Them
Configuring the WebDAV Folder for Adding Multiple Files to the Content Collection and Editing Them The Content Collection should be the repository for all of the files used in Blackboard. The Content Collection
More informationCreating a Web Page using KompoZer
Creating a Web Page using KompoZer KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG (What You See Is What You Get) web page editing. With KompoZer,
More informationFundamental Skills Guide
Fundamental Skills Guide Using SFTP and MU Bengal Space Tasking a Snapshot of a Computer Screen E-mail: zone@missouri.edu Web: http://zone.missouri.edu Phone: 573-88-653, 877-848-9663 (Toll Free) 006 Digital
More informationDreamweaver Basics Workshop
Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What
More informationFIT 100: Fluency with Information Technology
FIT 100: Fluency with Information Technology Lab 2: Creating Directories and Navigating Directory Structures (or, Where am I, where are my files, and how do I put my files somewhere else?) Local vs. Remote
More informationCmpt 101 Lab 1 - Outline
Cmpt 101 Lab 1 - Outline Instructions: Work through this outline completely once directed to by your Lab Instructor and fill in the Lab 1 Worksheet as indicated. Contents PART 1: GETTING STARTED... 2 PART
More informationDreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production
Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information
More informationAdobe Dreamweaver CC 17 Tutorial
Adobe Dreamweaver CC 17 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationCreating and Publishing Your own website. MAC Version SEAS 001 Professor Ahmadi
Creating and Publishing Your own website MAC Version SEAS 001 Professor Ahmadi 1 Project Overview Create a basic web page using a text editor Publish webpage to GW school server Edit web page using an
More informationLab 5: Dreamweaver CS5, Uploading your Web site
Lab 5: Dreamweaver CS5, Uploading your Web site Setting up Local and Remote Information: 1. Launch Dreamweaver 2. Choose site->new site 3. By Site Name give your site a name. Make sure the name has no
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More information11. HTML5 and Future Web Application
11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code
More informationPart 2 Uploading and Working with WebCT's File Manager and Student Management INDEX
Part 2 Uploading and Working with WebCT's File Manager and Student Management INDEX Uploading to and working with WebCT's File Manager... Page - 1 uploading files... Page - 3 My-Files... Page - 4 Unzipping
More informationFundamental Skills Guide
Fundamental Skills Guide Using SFTP and MU Bengal Space Taking a Snapshot of a Computer Screen E-mail: zone@missouri.edu Web: http://zone.missouri.edu Phone: 573-88-653, 877-848-9663 (Toll Free) Last revised
More informationIntroduction to FrontPage 2002
Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationADDING RESOURCES IN MOODLE
EDUCATIONAL TECHNOLOGY WORKSHOPS ADDING RESOURCES IN MOODLE Facilitators: Joseph Blankson (j-blankson), Chandra Dunbar (c-dunbar), Sharyn Zembower (s-zembower) A resource is an item that an instructor
More informationWelcome to InSite: A GUIDE TO PROOFING ONLINE. Getting Started Viewing Job Information Uploading Files Viewing Pages Requesting Corrections
Welcome to InSite: A GUIDE TO PROOFING ONLINE Getting Started Viewing Job Information Uploading Files Viewing Pages Requesting Corrections PROOF.REGISTERGRAPHICS.COM *NOTE: There is no www in this address.
More informationOpening and Saving Files using Minitab in Remote Applications using Macintosh
Opening and Saving Files using Minitab in Remote Applications using Macintosh When using SU Remote Applications, the application accesses your P drive by default. But there may be some instances where
More informationManage Files. Accessing Manage Files
1 Manage Files The Manage Files tool is a file management system for your course. You can use this tool to organize and upload files associated with your course offering. We recommend that you organize
More informationCreating and Publishing Your own website. MAC Version SEAS 001 Professor Ahmadi
Creating and Publishing Your own website MAC Version SEAS 001 Professor Ahmadi 1 Project Overview Create a basic web page using a text editor Publish webpage to GW school server Edit web page using an
More informationComputer Applications Final Exam Study Guide
Computer Applications Final Exam Study Guide Our final exam is based from the quizzes, tests, and from skills we have learned about Hardware, PPT, Word, Excel and HTML during our Computer Applications
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 04: Introduction to KompoZer (Website Design - Part 1 of 3) KompoZer is a complete web authoring system that
More informationHow to use OneDrive in the Cloud. Access OneDrive
How to use OneDrive in the Cloud Access OneDrive 1. Log into my.scranton.edu 2. Select the envelope icon to access your Office 365 applications 3. In the left corner, click on the app launcher 4. Select
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationOU EDUCATE TRAINING MANUAL
OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface
More informationCreating and Publishing Faculty Webpages
Creating and Publishing Faculty Webpages The UNF Template The template we are using today provides a professional page that is easy to work with. Because the pages are already built, faculty members can
More informationQRG: Using the WYSIWYG Editor
WYSIWYG Editor QRG: Using the WYSIWYG Editor WYSIWYG stands for What You See Is What You Get. The WYSIWYG Editor is the reason you don t need to be an IT Programmer to write content for your web page.
More informationSection 1: How The Internet Works
Dreamweaver for Dummies Jared Covili jcovili@media.utah.edu (801) 585-5667 www.uensd.org/dummies Section 1: How The Internet Works The Basic Process Let's say that you are sitting at your computer, surfing
More informationDownloading and editing signatures!
Downloading and editing email signatures! The templates are customizable and can be edited and saved with any html editor like Dreamweaver. If this is not available we have two alternatives for editing/saving
More informationIRLS 504 Student Webpage Tutorial By: Nicole Pagowsky & Sara Hayden Summer 2008
IRLS 504 Student Webpage Tutorial By: Nicole Pagowsky & Sara Hayden Summer 2008 These steps follow from setting up a Net ID, U-System Account, and initializing your web space through PuTTy (SSH Client).
More informationManaging Files & Folders
Managing Files & Folders 1 Navigation Pane 2 Back, Forward, and Up Buttons 3 Ribbon 4 Address Bar or Navigation Bar 5 File List 6 Column Headings 7 Search Box 8 Status Bar 9 Preview Pane Identify parts
More informationWeb Publishing Basics 1
Web Publishing Basics 1 Website Maintenance Essentials Jeff Pankin Information Services and Technology Contents Course Objectives and Your Role As Site Maintainer... 3 Course Objectives... 3 Your Role...
More informationCAL 9-2: Café Soylent Green Chapter 12
CAL 9-2: Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CC. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping
More informationCitrix Desktop for Home Computers Mac OS Instructions
Citrix Desktop for Home Computers Mac OS Instructions You can use Citrix to create and access a virtual work desktop from your home computer. Step 1 Uninstall: To install the newest version of Citrix on
More informationWeb Publishing Basics II
Web Publishing Basics II Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 Create a Site Definition... 3 The Dreamweaver CS4 Interface... 4 Panels are groups of icons
More informationGoogle Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013
Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your
More informationCafé Soylent Green Chapter 12
Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CS6. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping quite
More informationFile Upload Instructions Customer Access To Transcript Bulletin Publishing s FTP Site
File Upload Instructions Customer Access To Transcript Bulletin Publishing s FTP Site In order to upload files to our FTP site, you will need a Java-enabled web browser for Microsoft Windows and Mac OS
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationBlackboard Portfolio Quick Reference Guide for Students
Blackboard Portfolio Quick Reference Guide for Students How to Create a Portfolio 1. On the My Institution tab, under Tools, click on the Portfolio link. 2. From the My Portfolios page, click the Create
More informationStudent Website Setup
In this course, students upload assignments to their websites hosted on the coislinux.austincc.edu server. Each student is supplied with a password protected account to access their individual websites.
More informationCSE 101 Introduction to Computers Development / Tutorial / Lab Environment Setup
CSE 101 Introduction to Computers Development / Tutorial / Lab Environment Setup Purpose: The purpose of this lab is to setup software that you will be using throughout the term for learning about Python
More informationElectronic Portfolios in the Classroom
Electronic Portfolios in the Classroom What are portfolios? Electronic Portfolios are a creative means of organizing, summarizing, and sharing artifacts, information, and ideas about teaching and/or learning,
More informationAbout Netscape Composer
An About Netscape Composer The pictures and directions in this handout are for Netscape Composer that comes with the Netscape Communicator 4.7 package available for free from Netscape s web site at http://www.netscape.com.
More informationUsing Windows 7 Explorer By Len Nasman, Bristol Village Computer Club
By Len Nasman, Bristol Village Computer Club Understanding Windows 7 Explorer is key to taking control of your computer. If you have ever created a file and later had a hard time finding it, or if you
More informationUser Guide. Version 8.0
User Guide Version 8.0 Contents 1 Getting Started... iii 1.1... About... iii 2 Logging In... 4 2.1... Choosing Security Questions... 4 3 The File Manager... 5 3.1... Uploading a file... 6 3.2... Downloading
More informationFTP UPLOADS/DOWNLOADS
FileZilla Download and Installation Instructions FileZilla is a free software that uses SourceForge as an installation provider. SourceForge is bundling the FileZilla software with other products that
More informationImagery International website manual
Imagery International website manual Prepared for: Imagery International Prepared by: Jenn de la Fuente Rosebud Designs http://www.jrosebud.com/designs designs@jrosebud.com 916.538.2133 A brief introduction
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationBasic Uses of JavaScript: Modifying Existing Scripts
Overview: Basic Uses of JavaScript: Modifying Existing Scripts A popular high-level programming languages used for making Web pages interactive is JavaScript. Before we learn to program with JavaScript
More informationUploading Files to CMS
Uploading Files to CMS Li Gardiner Room 1111 East Building 212-772- 4855 DesignSS@hunter.cuny.edu 1 Uploading a file (such as a PDF or an image) to your CMS Web site for the first time Log into the Hunter
More informationDreamweaver. An Introduction to editing webpages
Dreamweaver An Introduction to editing webpages Edited: 2/7/18 Salter, Sharina D Contents Session Description... 3 Overview... 3 Introduction to Dreamweaver... 3 Toolbar... 5 Getting Started... 6 Create
More informationSetting up Your Teacher Website Using ischooldistrict
Setting up Your Teacher Website Using ischooldistrict This year we are transferring our web hosting and layout to a central system controlled and maintained at the county level. The goals of centralizing
More informationCOPYRIGHTED MATERIAL. Using Adobe Bridge. Lesson 1
Lesson Using Adobe Bridge What you ll learn in this lesson: Navigating Adobe Bridge Using folders in Bridge Making a Favorite Creating metadata Using automated tools Adobe Bridge is the command center
More informationBHM Website Teacher User Guide
BHM Website Teacher User Guide How to Login 1. Go to HUhttp://bhmschools.org/userUH 2. Enter your username and password and click Log in How to Change Your Password 1. Go to My Account in your Nav bar
More informationPBWORKS - Student User Guide
PBWORKS - Student User Guide Fall 2009 PBworks - Student Users Guide This guide provides the basic information you need to get started with PBworks. If you don t find the help you need in this guide, please
More informationSite Owners: Cascade Basics. May 2017
Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/
More informationUploading a Submission
CESP provides 4 ways to upload via 3 Web Transfer Clients or via a local sftp client. WEB Transfer Clients 1. Integraged Upload (HTML5): Select Integrated Upload for Auto Login to HTML5 Client. (Modern
More informationEktron Advanced. Learning Objectives. Getting Started
Ektron Advanced 1 Learning Objectives This workshop introduces you beyond the basics of Ektron, the USF web content management system that is being used to modify department web pages. This workshop focuses
More informationFile Transfer with SSH
File Transfer with SSH To complete the lab experiment reports, the student is first required to upload the report templates from the course website to his OIT UNIX account home area. From there he has
More informationECHO Personal Capture
1 ECHO Personal Capture Introduction to Lecture Capture Lecture capture technology allows instructors to create audio/video recordings of classroom lectures or presentations. With lecture capture, instructors
More informationUsing WebBoard at UIS
Using WebBoard at UIS Accessing your WebBoard Course...3 Logging in to WebBoard...3 Understanding the WebBoard Environment...4 The Menubar...5 The Conferences Menu...5 Conferences...5 Topics...6 Messages
More informationWhat is OU Campus? Log into OU Campus
OU Campus v10 Content Providers User Guide This document is designed to provide (level 5) Content Providers with basic information needed to do most tasks. Those needing additional information are encouraged
More informationOutlook - an Introduction to Version 2003 Table of Contents
Outlook - an Introduction to E-mail Version 2003 Table of Contents What is Outlook Starting Outlook The Navigation Pane Getting Help Creating and Sending a Message Using the College Exchange Directory
More informationCreating a multilingual site in WebPlus
Creating a multilingual site in WebPlus One of the problems faced by a number of WebPlus users involves organizing a multilingual website. Ordinarily, the easiest way to do this is to create your primary
More informationEngr 123 Spring 2018 Notes on Visual Studio
Engr 123 Spring 2018 Notes on Visual Studio We will be using Microsoft Visual Studio 2017 for all of the programming assignments in this class. Visual Studio is available on the campus network. For your
More informationThere are four (4) skills every Drupal editor needs to master:
There are four (4) skills every Drupal editor needs to master: 1. Create a New Page / Edit an existing page. This entails adding text and formatting the content properly. 2. Adding an image to a page.
More informationGetting Started Quick Start Guide
Getting Started Quick Start Guide This guide provides tips for users new to using the Learning Environment. It discusses how to navigate the main areas and how to change your personal preferences and settings.
More informationDreamweaver Handout. University of Connecticut Prof. Kent Golden
Dreamweaver Handout University of Connecticut Prof. Kent Golden Kent@GoldenMultimedia.com www.goldenmultimedia.com Main goal of this handout: To give you the steps needed to create a basic personal website
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationHead First HTLM 5 Programming, Chapter 1: Welcome to Webville. Pages 1-34
Mobile Application and Web Design Project 01: Introduction to HTML and JavaScript Marist School Description: In this project you will create two webpages. In the first webpage you create a list of terms
More information