Web Design Competition File Upload Tutorial
|
|
- Laura Horn
- 5 years ago
- Views:
Transcription
1 Web Design Competition File Upload Tutorial Designed for use by the Michigan Council of Women in Technology Copyright 2016 Patricia Howard All Rights Reserved
2 Welcome. We ll start with a quick overview of the process. 2
3 Just Kidding! Module 1 What you need to know before you upload Module 2 Moving your site to the internet 3
4 Some basics Intro Before we jump in, when you see text highlighted in Green it means it is the name of some thing like a button, menu, or a step to do. Pink means it is really important. Now let s prepare our folders in Windows Explorer so we know where to put everything. Let s go! 4
5 Module 1 Module 1 We will cover the Basics of how to: Identify the parts of Windows Explorer Set up the file structure Name files the right way 5
6 Windows Explorer Module 1 Structure Windows Explorer shows the structure of the files on your computer. Working on the Desktop Set the View to Details We will make this folder 6
7 Set up the file structure Module 1 Structure All the pages, images, audio, video, animations and all other item you put in your website are considered files. We need to organize these files so we know where to find them when we need them. Let s create a folder on your desktop where your files will reside. 7
8 Set up the file structure Module 1 Structure Let s create a folder on your desktop: 1. Right-click on the desktop 2. Select New 3. Select Folder 4. For today s tutorial, name the folder: 4thFloorAptB Put no spaces in the name. Now create a second folder: 1. Name it images 2. Drag it to the first folder to put it inside. Do not capitalize the name images 8
9 Set up the file structure Module 1 Structure The name 4thFloorAptB is actually the address where your website will live on the internet, but we will get to that later. Just remember to put all your images in your images folder. Now it s time to make the homepage of your website! 9
10 We ll wait for you Now think about how your pages will look. Pause this tutorial here and create your first page. When you have it, go to the next page of this tutorial. Remember to save and back up your work often! 10
11 Your homepage Module 1 Naming Did you make your homepage? The page is always named index. Name yours index.html Save that page in the 4thFloorAptB folder you just created. Did you save a copy of your site as a back-up? 11
12 When naming files Module 1 Naming Always Name pages and images descriptively Use lowercase letters Name the first page of your index.html Never Put spaces in the name Use periods in the name Name with characters other than letters and numbers We will use.html for all our pages. *If the names have spaces, periods or special characters the pages might not show up in the browser correctly or at all! 12
13 Where to save your pages Module 1 Browse to the Desktop for the 4thFloorAptB folder you made earlier. Save the page as index.html 13
14 Module 1 Module 1 You learned how to: Identify the parts of Windows Explorer Set up the file structure Name files appropriately 14
15 Module 2 Module 2 Now you will learn how to upload to the server. You will learn how to: Download FileZilla Explain how FileZilla works Connect to the server Locate your files to move Upload your files View your website online 15
16 Let s move your website Module 2 Server to the web In Module 1 we learned to set up the structure of the files and where everything goes. Now we are ready to use the free software FileZilla to move our website to the Web Server so that your website can be seen by the judges and by you! 16
17 What s a Web Server? Module 2 Server A Web Server is like a virtual apartment building. The MCWT rents space on a server owned by a hosting company. It is the same as renting a floor in someone else s building. Our space is one of many on that server. Your website is just one of the many apartments on our floor. Just like an apartment has an address, so does your website. We ll come back to your apartment a little later. First we need to download the software that helps you move in to that new apartment. Let s download FileZilla now. 17
18 Downloading FileZilla Module 2 FileZilla 1. Go to 2. Click on the download the Client Version. Be careful! It isn t.net or.com! 18
19 Choosing a version Module 2 FileZilla Click on the latest version of the software to download. In this picture the version selected is for a Windows PC. If you use a Mac, scroll down and select that link. 19
20 Fake download links Module 2 FileZilla Be certain you are clicking the correct Download button. There are similar ones that download other stuff you don t want. 20
21 Where to save the program Module 2 Download 1. Click the Save button, then browse to your Desktop. 2. Click OK. Be sure your computer is set to accept the download. If you use IE you may have to click the message bar at the top of the screen to select the option to accept the download. The computer will save the application to your desktop and display the FileZilla icon. 3. Double-click the icon to start the program. 21
22 Using the FileZilla interface Module 2 FileZilla Using FileZilla is a lot like moving files from one folder to another in Windows Explorer. It is easy to copy files from your computer ("local site") to the MCWT host site ("remote site") on the right. Your list of folders and files on the left will be copied to the right side of the FileZilla interface screen. First, we will use our user ID and password to log in and connect to the server. 22
23 Uh-oh an Error Message Some schools and businesses have firewalls that block you from downloading FileZilla and uploading your site. There are a variety of messages. Talk to your teacher or IT Tech for help. Be prepared to save your files to a thumb drive so you can upload them from a non-school computer. Make sure to download FileZilla onto that non-school computer. 23
24 Connecting to the server Module 2 Connecting 1. Open the application. 2. Enter the Host name mcwtwebdesign4girls.net 3. Enter your Username and Password. Your team has a unique User ID and Password that is ed to you from the MCWT Contest Administrator. You do not need a Port number. For this lesson with Jane s portfolio, we will use 4thFloorAptB. 4. Click Quickconnect. 24
25 We re in! Module 2 Connecting When the Status reads Directory listing successful you have connected to the server. Next let s find our files on our home computer that we want to upload to the server. 25
26 Files on the Desktop Module 2 Locating Files To see the folders on your Desktop: 1. Scroll to the top of the window on the left side. 2. Click on the Desktop icon. Desktop icon Use this to scroll to the top 26
27 Locating the files to move Module 2 Locating Files Double click the folder named 4thFloorAptB to see the files we have created for our website. 27
28 We found our files! Module 2 Locating Files And here they are on your local drive! Now let s see how and where to put them on the server. Next, FileZilla shows us our local drive and the server. 28
29 Local and Server files Module 2 Locating Files The left side of the screen is your local computer and the right is the server. Your Local Computer Remote Server 29
30 Images folder and index.html Module 2 Uploading Files On the server there is already an empty images folder and an index.html page as placeholders for you. Be sure your index.html file and images folder are in the bottom left pane before you move the files to the server side. 30
31 Upload the files Module 2 Uploading Files To move the files to the server: 1. Select the images folder and all the html pages 2. Right-click 3. Select Upload l l l l l l l 31
32 Ta-da! Module 2 Uploading Files The files are there. Now let s go look at them. 32
33 Viewing your website online Module 2 Viewing Lets go back to our server as your virtual apartment building. Every building has an address. Our server s address is Every apartment has an address. For this course your folder is named 4thFloorAptB Every room in your apartment has a name. Your main room is named index.html Therefore, the address of your website is 33
34 A finished website! Module 2 Viewing 34
35 You ve done it! Module 2 You have learned how to: Download FileZilla Explain how FileZilla works Connect to the server Locate your files to move Upload your files View your website online 35
36 View your website online Module 2 Viewing Lets clarify your virtual address where you will put YOUR files for the competition. The MCWTF server has the same building address we used: Instead of 4thFloorAptB, your apartment address is the same as the Username you received in your team packet. Your main room is still named index.html Therefore, the address of YOUR website is: Just fill in the X s with your Username. 36
37 Ready to go! If you get stuck along the way, review this tutorial, check the next page called Troubleshooting, the W3C website, and YouTube for help. 37
38 Troubleshooting My page doesn t look right. What do I do? Confirm you are looking at the right page by checking the file path in the URL address bar. Check that the page name in the link is exactly the same as the page. Be sure all pages are named with the.html suffix. Be sure you saved the page after your last edit. Refresh your browser window. 38
39 Troubleshooting What is YOUR Username? Earlier in this tutorial we used 4thFloorAptB but you will enter the one you received in an . 39
40 Troubleshooting What if I made my homepage with a suffix of.jsp or.php? Advanced competitors sometimes create pages in jsp or php. That is fine. Name it index with the appropriate suffix but you MUST us to let us know. 40
41 Resources HTML Editors: Download KompoZer editing software (freeware for PCs) at: Watch a 7 minute Google tutorial about KompoZer: Graphic Editor: Free online photo editor no download required: Audio Editor: Download Wavepad at: Free/ _ html File Transfer software: Free 41
42 Resources A huge list of free graphics: sources is a copy of the master wikipedia page which lists a number of free image sources. Tutorials -free has dozens of video tutorials. Use the Search Box to find help on any topic. For example type in: KompoZer tables tutorial. Lissa Explains it All. She starts at the very basics of how web pages and HTML work. Tutorials that cost $$ has over a thousand tutorials on a variety of topics 42
43 Resources The World Wide Web Consortium (W3C) is the organization that develops rules, regulations, and guidelines for the Web. It has new technologies and tutorials, and is the professional web developer s Go-To resource. You can find tutorials here: 43
44 Credits for this tutorial Brenna Bigelow and Marissa Howard Copyright 2016 Patricia Howard All Rights Reserved 44
Web Design Competition Tutorial. Designed for use by the Michigan Council of Women in Technology Copyright 2018 Patricia Howard All Rights Reserved
Web Design Competition Tutorial Designed for use by the Michigan Council of Women in Technology Copyright 2018 Patricia Howard All Rights Reserved Welcome. We ll start with a quick overview of the process.
More informationHow To Upload Your Newsletter
How To Upload Your Newsletter Using The WS_FTP Client Copyright 2005, DPW Enterprises All Rights Reserved Welcome, Hi, my name is Donna Warren. I m a certified Webmaster and have been teaching web design
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 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 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 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 informationGoogle Docs Tipsheet. ABEL Summer Institute 2009
Google Docs Tipsheet ABEL Summer Institute 2009 Contents Logging in to Google Apps for CollaborativeSchools.net for the First Time... 2 Text Documents Creating a New Text Document in Google Docs... 5 Uploading
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 informationYou will always have access to the training area if you want to experiment or repeat this tutorial.
EasySite Tutorial: Part One Welcome to the EasySite tutorial session. Core Outcomes After this session, you will be able to: Create new pages and edit existing pages on Aston s website. Add different types
More informationDigital Media & Society CAO: GA884
* Digital Media & Society CAO: GA884 1 *You re going to build your own website using Weebly *Weebly is a free tool that can be used to build websites quickly. *The instructions should help you work through
More information1 Setting Up Your Auto Login Link in Windows
This User Guide is relevant for Admins, Teachers and s Admin Teacher Student Auto Login - An Overview Auto Login allows you to create a shortcut that logs you directly into your EducationCity school account.
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 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More informationOne of the fundamental kinds of websites that SharePoint 2010 allows
Chapter 1 Getting to Know Your Team Site In This Chapter Requesting a new team site and opening it in the browser Participating in a team site Changing your team site s home page One of the fundamental
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 informationGraduate e-portfolio Setup Directions
Graduate e-portfolio Setup Directions This set of instructions is in several sections so that you may use the ones that you need. Section 1 Structure (It is a good idea to create folders in one place on
More informationSTORYTELLING-PowerPoint-Windows Movie Maker 2
Judy Honaker Storytelling Using PowerPoint & Movie Maker 2 1 STORYTELLING-PowerPoint-Windows Movie Maker 2 By: Judy Honaker-Instructional Technology Resource Teacher Introduction This tutorial is designed
More informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationCreating a new webpage. Saving a web page. Publishing your page
Creating a new webpage 1. Open Seamonkey (never use safari or firefox) 2. Go to File and choose new composer page 3. You should now have a blank page. You can type whatever you want on your new page. If
More informationGOOGLE APPS. GETTING STARTED Page 02 Prerequisites What You Will Learn. INTRODUCTION Page 03 What is Google? SETTING UP AN ACCOUNT Page 03 Gmail
GOOGLE APPS GETTING STARTED Page 02 Prerequisites What You Will Learn INTRODUCTION Page 03 What is Google? SETTING UP AN ACCOUNT Page 03 Gmail DRIVE Page 07 Uploading Files to Google Drive Sharing/Unsharing
More informationAccounts and Passwords
Accounts and Passwords Hello, I m Kate and we re here to learn how to set up an account on a website. Many websites allow you to create a personal account. Your account will have its own username and password.
More informationCSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I
CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I Welcome to your CSCI-1100 Lab! In the fine tradition of the CSCI-1100 course, we ll start off the lab with the classic bad joke
More informationIn this tutorial, you will learn how to perform basic tasks for setting up a course site in Moodle.
Curriculum and Instructional Materials Center 1-800-654-4502 www.okcimc.com 1: INTRO TO MOODLE WELCOME TO THE INTRO TO MOODLE TRAINING ACTIVITY! In this tutorial, you will learn how to perform basic tasks
More informationWesterville City Schools Progress Book Achievement Record Training October 19 th, 2006
Westerville City Schools Progress Book Achievement Record Training October 19 th, 2006 Progress Book is a web-based program. It will be important to remember to use Dashboard (teacher home page) and Grade
More informationPublishing with Adobe Presenter 10 (Detailed)
Publishing with Adobe Presenter 10 (Detailed) Open PowerPoint Find PowerPoint and open it by clicking its icon. The PowerPoint icon may be found in one of the following locations: 1. Desktop 2. Start Menu
More informationCSCU9B2 Practical 1: Introduction to HTML 5
CSCU9B2 Practical 1: Introduction to HTML 5 Aim: To learn the basics of creating web pages with HTML5. Please register your practical attendance: Go to the GROUPS\CSCU9B2 folder in your Computer folder
More informationText Only Version of Lessons
Text Only Version of Lessons Introduction to Lessons Did you realize that creating web page is not much harder than creating word documents? Contrary to what you may believe, you do not need to know HTML,
More informationStep 5 How to download free Music from YouTube You need a YouTube account to download free Music from YouTube. If you don t have a YouTube account,
Step 5 How to download free Music from YouTube You need a YouTube account to download free Music from YouTube. If you don t have a YouTube account, Step 2 shows you how to create an account. If you already
More informationInstruction: Download and Install R and RStudio
1 Instruction: Download and Install R and RStudio We will use a free statistical package R, and a free version of RStudio. Please refer to the following two steps to download both R and RStudio on your
More informationStaff Directory & Online Classroom: A Picture Book
Staff Directory & Online Classroom: A Picture Book eleventh in a series By Dennis Sulfsted Technology Coordinator Reading Community City Schools Holly Approved 2007 HRF Publications All current Picture
More informationAPPENDIX. Using Google Sites. After you read this appendix, you will be able to:
APPENDIX B Using Google Sites Objectives After you read this appendix, you will be able to: 1. Create a New Site 2. Manage Your Sites 3. Collaborate on a Shared Site The following Hands-On Exercises will
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 informationThis Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.
This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Get Organized... 1 Create the Home Page... 1 Save the Home Page as a Word Document...
More informationNetBackup 7.6 Replication Director A Hands On Experience
NetBackup 7.6 Replication Director A Hands On Experience Description Through this hands on lab you can test drive Replication Director and experience for yourself this easy to use, powerful feature. Once
More informationCSCI 201 Lab 1 Environment Setup
CSCI 201 Lab 1 Environment Setup "The journey of a thousand miles begins with one step." - Lao Tzu Introduction This lab document will go over the steps to install and set up Eclipse, which is a Java integrated
More informationSection 6: Dreamweaver
Section 6: Dreamweaver 1 Building TPS Web Pages with Dreamweaver Title Pages 1. Dreamweaver Storyboard Pages 3 2. Folder Management 4 3. Defining Your Site 5-8 4. Overview of Design Features 9-19 5. Working
More informationSIS offline. Getting Started
SIS offline We highly recommend using Firefox version 3.0 or newer with the offline SIS. Internet Explorer is specifically not recommended because of its noncompliance with internet standards. Getting
More informationMailman Max. The postcode is a great way to work out the next sorting office a letter should go to, so you ll use that.
Mailman Max In this project you will make a main postal sorting office. It will need to sort letters so that they can be put into vans going to the right local sorting offices. The postcode is a great
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 informationA Quick-Reference Guide. To access reddot: https://cms.hampshire.edu/cms
Using RedDot A Quick-Reference Guide To access reddot: https://cms.hampshire.edu/cms For help: email reddot@hampshire.edu or visit http://www.hampshire.edu/computing/6433.htm Where is... Page 6 Page 8
More informationAuthoring 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 informationStep 1: Upload a video (skip to Step 2 if you ve already uploaded a video directly from your ipod, Uploading to YouTube and Posting in Blackboard
Uploading to YouTube and Posting in Blackboard This document will explain 1. How to upload videos from your computer to YouTube 2. How to obtain the URL (web link) or embed code for your video 3. How to
More informationNVU Web Authoring System
NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the
More informationCreating Classroom Websites Using Contribute By Macromedia
Creating Classroom Websites Using Contribute By Macromedia Revised: 10/7/05 Creating Classroom Websites Page 1 of 22 Table of Contents Getting Started Creating a Connection to your Server Space.. Page
More informationWeb Server Setup Guide
SelfTaughtCoders.com Web Server Setup Guide How to set up your own computer for web development. Setting Up Your Computer for Web Development Our web server software As we discussed, our web app is comprised
More informationStudent Success Guide
Student Success Guide Contents Like a web page, links in this document can be clicked and they will take you to where you want to go. Using a Mouse 6 The Left Button 6 The Right Button 7 The Scroll Wheel
More informationWhat is OneNote? The first time you start OneNote, it asks you to sign in. Sign in with your personal Microsoft account.
OneNote What is OneNote? OneNote is a digital notebook. In OneNote, you can: Type notes or record audio at your laptop. Sketch or write ideas on your tablet. Add picture from your phone. Find notes instantly.
More informationFAQs. A guide for school app administrators
FAQs A guide for school app administrators Introduction myschoolapp is a simple and cost-effective way to engage with today s mobile parents and carers who run their lives from their phones. It helps you
More informationCSC 101: Lab #1 Introduction and Setup Due Date: 5:00pm, day after your lab session
Name: WFU Email: Lab Section: Tuesday, 9:30 Tuesday, 12:00 Tuesday, 1:30 Tuesday, 3:00 Thursday, 3:00 CSC 101: Lab #1 Introduction and Setup Due Date: 5:00pm, day after your lab session Purpose: The purpose
More informationFurl Furled Furling. Social on-line book marking for the masses. Jim Wenzloff Blog:
Furl Furled Furling Social on-line book marking for the masses. Jim Wenzloff jwenzloff@misd.net Blog: http://www.visitmyclass.com/blog/wenzloff February 7, 2005 This work is licensed under a Creative Commons
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 informationInstalling Dolphin on Your PC
Installing Dolphin on Your PC Note: When installing Dolphin as a test platform on the PC there are a few things you can overlook. Thus, this installation guide won t help you with installing Dolphin on
More informationTransitioning Teacher Websites
Transitioning Teacher Websites Google sites is an online web building tool that can be accessed and updated from anywhere there is an internet connection. Here is a brief video introduction of Google sites.
More informationLutheran High North Technology The Finder
Lutheran High North Technology shanarussell@lutheranhighnorth.org www.lutheranhighnorth.org/technology The Finder Your Mac s filing system is called the finder. In this document, we will explore different
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More informationNew Website User Manual
New Website User Manual General Notes 3 How To Login To Your Website And Access Admin Dashboard 4 Adding / Editing Sliders 5 Home Slider 5 School Slider (Same steps for ALL school pages) - Add a Slide
More informationAPPENDIX J: Guide to Getting Started with Elluminate
Section 1: What is Elluminate? Elluminate is a real- time training, demonstration and collaboration environment that enables the delivery of live, online learning, training, coaching, mentoring and meeting.
More informationQuick Guide to Talking Point
This guide will help explain how to use Talking Point an online support community for anyone affected by dementia. If you have any questions or problems when using Talking Point, please contact us by emailing
More informationThis Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.
This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Just so you know: Things You Can t Do with Word... 1 Get Organized... 1 Create the
More informationSoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach
SoftChalk 10 Level 1 University Information Technology Services Learning Technologies, Training, Audiovisual, and Outreach Copyright 2018 KSU Division of University Information Technology Services This
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 informationWelcome Pack.
Welcome Pack This welcome pack is intended to get you up and running with your new account as smoothly as possible and contains the following information: What is the London Grid for Learning? Accessing
More informationIntroduction to the Learning Environment 8.3 to 8.4.x
Introduction to the Learning Environment 8.3 to 8.4.x User Guide Second edition, November 30, 2009 Contents My Home Accessing your courses Searching for courses Navigating inside a course Lists Actions
More informationVideo. Objectives. Vocabulary. Pedagogical Implications. Classroom Integration
Video Objectives learning about resources for podcasting, and adding visuals to audio material Vocabulary podcast mp3 vodcast aggregator Pedagogical Implications Podcasts are audio or video files that
More informationEnter the site Title: Student Name s eportfolio Choose your Website Domain: Use a Subdomain of Weebly.com
Weebly Tutorial Tutorial #1: Signing Up: Welcome to this tutorial. I m going to show you how to sign up for an account with Weebly so you can start building your eportfolio. Go to www.weebly.com. You can
More informationFor Volunteers An Elvanto Guide
For Volunteers An Elvanto Guide www.elvanto.com Volunteers are what keep churches running! This guide is for volunteers who use Elvanto. If you re in charge of volunteers, why not check out our Volunteer
More informationWelcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay.
Welcome Back! Now that we ve covered the basics on how to use templates and how to customise them, it s time to learn some more advanced techniques that will help you create outstanding ebay listings!
More informationAccess your page by hovering over your campus and then choosing Staff Directory. Click on your name to enter your page.
LOGIN TO THE WEBSITE Go to www.earlyisd.net and find the Login icon near the top of the page. NOTE: You can find the Login icon on any page of the EISD website. Enter your username (school email address)
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 informationClassroom Blogging. Training wiki:
Classroom Blogging Training wiki: http://technologyintegrationshthornt.pbworks.com/create-a-blog 1. Create a Google Account Navigate to http://www.google.com and sign up for a Google account. o Use your
More informationAHC SharePoint 2010 Intro to Content Administration
AHC SharePoint 2010 Intro to Content Administration Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Last Updated 2/7/2014 1.0 INTRODUCTION TO SHAREPOINT 2010 1.4 Your New Site Before
More informationPart 1: Understanding Windows XP Basics
542362 Ch01.qxd 9/18/03 9:54 PM Page 1 Part 1: Understanding Windows XP Basics 1: Starting Up and Logging In 2: Logging Off and Shutting Down 3: Activating Windows 4: Enabling Fast Switching between Users
More informationSFSC Website Cheat Sheet
SFSC Website Cheat Sheet 1. Albums a. Creating Photo Album.page 2 b. Adding Images to exiting Photo Album..page 9 c. Resizing your images for the albums page 15 2. Events a. Creating an Event page 19 b.
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 informationGETTING STARTED GUIDE
SETUP GETTING STARTED GUIDE About Benchmark Email Helping you turn your email list into relationships and sales. Your email list is your most valuable marketing asset. Benchmark Email helps marketers short
More informationMicrosoft Teams. Quick Start Guide. New to Microsoft Teams? Use this guide to learn the basics.
Microsoft Teams Quick Start Guide New to Microsoft Teams? Use this guide to learn the basics. Every team has channels Click one to see the files and conversations about that topic, department, or project.
More informationManaging Your Sites. If you ve built one or two Web sites in the past, you ll likely agree that file. What Is a Local Root Folder?
3 Managing Your Sites What Is a Local Root Folder? 31 Defining a Site 32 Understanding Relative and Absolute URLs 37 Observing Links to Relative and Absolute URLs 38 Managing Files and Folders 40 Understanding
More informationGetting Started ~ Student Web Design Basics Dreamweaver CS 5.5
Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Setting up your local folder... 1 Editing Pages... 4 Planning... 5 Layout... 5 Elements of Design Tips for Success!...
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More informationADOBE CONNECT GUIDE FOR INSTRUCTORS
Setting up a Class ADOBE CONNECT GUIDE FOR INSTRUCTORS When you set up your Acrobat Connect account, Adobe sends you an e-mail message that includes your meeting URL along with other information about
More informationCreating Your Professional eportfolio using the platform,yola.
Creating Your Professional eportfolio using the platform,yola. NOTE: Your eportfolio should show your best work and present you in a positive light. Before preparing your eportfolio, go to www.slcc.edu/gened/eportfolio
More informationBlackboard 9 for Learners
Blackboard 9 for Learners This is a tutorial to help you with Blackboard. It should answer most of your questions but remember, help is just click away. Contact your kumu or ksdl@ksbe.edu Logging in...
More informationYOUR GUIDE TO. Skype for Business
YOUR GUIDE TO Skype for Business Welcome to Skype for Business This is the Skype for Business app Your profile picture, status & location (you can change these) Your options Your contacts and groups (you
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 informationUsing Dreamweaver. 1 Overview. About the Web. About Dreamweaver
Using Dreamweaver 1 About the Web The worldwide web has become one of the most common uses for the Internet. It allows people to access a wide range of documents and other media from all over the world
More informationCourse Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield
Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0 University of Sheffield PART 1 1.1 Getting Started 1. Log on to the computer with your usual username
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 informationIntroduction to the Internet Computer Essentials Session 4 - Step-by-Step Guide
What is the Internet? The Internet is a collection of millions of computers world-wide that are all connected to one another. While they do not share everything with each other, there is some limited amount
More informationBook IX. Developing Applications Rapidly
Book IX Developing Applications Rapidly Contents at a Glance Chapter 1: Building Master and Detail Pages Chapter 2: Creating Search and Results Pages Chapter 3: Building Record Insert Pages Chapter 4:
More informationA Student Guide to using Moodle
A Student Guide to using Moodle Version 1: September 2007 Table of Contents Introduction...3 What is Moodle?...3 How do I access Moodle?...4 What will I find in Moodle?...5 Accessing a course...5 The main
More informationCreating and Updating Websites In-Service Training Supplement
Creating and Updating Websites 2013 In-Service Training Supplement Editing Official Websites (ie Departments) Official Websites Who to talk to: Confusing? Here s what you need to know: Webpage content
More informationTxEIS on Internet Explorer 8
TxEIS on Internet Explorer 8 General Set Up Recommendations: Several modifications will need to be made to the computer settings in Internet Explorer to ensure TxEIS runs smoothly, reports pop up as desired,
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 informationAlfresco Content Services 5.2. Getting Started Guide
Alfresco Content Services 5.2 Getting Started Guide Contents Contents Getting started with Alfresco Share... 3 Signing in...3 Personalizing Alfresco Share... 4 Setting up your dashboard... 4 Updating your
More informationCreating a portable bookmark file (Netscape). Ben Johnson
Creating a portable bookmark file (Netscape). Ben Johnson ben.johnson@cahs.colostate.edu www.psd.k12.co.us/staff/benj NOTE: You may need your BTC to disable security temporarily so you can place the backflip
More informationKS Blogs Tutorial Wikipedia definition of a blog : Some KS Blog definitions: Recommendation:
KS Blogs Tutorial Wikipedia definition of a blog : A blog (a portmanteau of web log) is a website where entries are written in chronological order and commonly displayed in reverse chronological order.
More informationEKTRON 101: THE BASICS
EKTRON 101: THE BASICS Table of Contents INTRODUCTION... 2 TERMINOLOGY... 2 WHY DO SOME PAGES LOOK DIFFERENT THAN OTHERS?... 5 LOGGING IN... 8 Choosing an edit mode... 10 Edit in context mode (easy editing)...
More informationiwebfolio.com If you need assistance with iwebfolio, there are several ways to look for help:
iwebfolio.com The Process Help If you need assistance with iwebfolio, there are several ways to look for help: 1. Explore the help options built within iwebfolio. There is always a Help link in the upper
More informationCOMPUTER FOR BEGINNERS
COMPUTER FOR BEGINNERS INTRODUCTION Class Objective: This class will familiarize you with using computers. By the end of the session you will be familiar with: Starting programs Quitting programs Saving
More informationThings to note: Each week Xampp will need to be installed. Xampp is Windows software, similar software is available for Mac, called Mamp.
Tutorial 8 Editor Brackets Goals Introduction to PHP and MySql. - Set up and configuration of Xampp - Learning Data flow Things to note: Each week Xampp will need to be installed. Xampp is Windows software,
More informationPicasa Photo Album using Feed Ticker Patrick Julicher Picasa Photo Album using Feed Ticker
Picasa Photo Album using Feed Ticker Page 1 of 10 Introduction There are many ways to create one or more great looking Photo Albums on a website. The way these albums are managed can differ greatly. Why
More information