James Bear. * Information * Assignments? * Entertainment? * Create Rapport? * More?

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

Microsoft ® Office OneNote ® 2007 Training Using your Notebook to its fullest potential Kent School District presents:
Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Helena Baert Part II: Let’s get practical! The Web as a notebook This slideshow will help you build a wiki. Don’t worry if you.
CASE SCENARIO: GOOGLE DRIVE.  When Google Drive first launched, it served as a place to store your files in the cloud so that they could be accessed.
Online Collaboration Applications ADE100- Computer Literacy Lecture 28.
How to post to Wordpress Chruton Budd. Click on the Login link.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
. Website and file organization. How websites work.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
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.
How to create a website for free Panagiotis Kafkarkou.
Introduction to. What is Office 365 Office 365 is the same Office you already know and use every day. Office 365 is powered by “the cloud” which is a.
Adagio4 Web Content Management EP Information Offices.
Creating Your Own Website
All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Technologies Website Development Trade & Industrial Education
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Getting Started with Application Software
| | Tel: | | Computer Training & Personal Development Microsoft Office Publisher 2007 Expert.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
A Tutorial By Jennifer Wagner
Website Development with Dreamweaver
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
Introduction to web development and HTML MGMT 230 LAB.
A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.
Dreamweaver I Stanford Workshop Your Presenter: Dr. Laura Silberstein
Visual Page: Getting started There are lots of HTML editors –MS FrontPage –Adobe PageMill –GoLive Cyberstudio Feel free to use any of them you wish We.
PowerPoint Basics Basics Add lyrics Add picturespictures hyperlinks Create an index Custom animation animation Add musicmusic PowerPoint PowerPoint Templates.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
KW Advanced Agent Website Training April, What We will Discuss Using hyperlinks to your “contact me/us page” Which color boxes control what areas.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Wikis: Creative Collaboration in The Classroom  A wiki is a website that allows the user to easily add, remove, or edit information  A wiki can be accessible.
Embedding a Video, Image or Other Content Another way to add video or other content into your pages is through embedding. A popular example of this is.
Schoolwires – District 205 created by Andrew Chidester.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
XP Creating Web Pages with Microsoft Office
How to Apply PDF in Flipbook on Website. Description If you are finding solution for applying PDF in flipbook mode on website, and adding multimedia items.
With Weebly.com. What hoop do I have to jump through to create my own site? Is it expensive? Is it time consuming? Do I have to be tech savvy? Will it.
Dreamweaver – Setting up a Site and Page Layouts
A Guide to Using Wikispaces
Dreamweaver – Setting up a Site and Page Layouts
Easy Way to Export All WordPress URLs in Plain Text Guided By: - WPGLOBALSUPPORTWPGLOBALSUPPORT.
Understanding WordPress
PowerPoint Basics Eric Prebys.
Consult America Technology Consulting Services
Manipulating Text & Links on your website
Presentation transcript:

James Bear

* Information * Assignments? * Entertainment? * Create Rapport? * More?

* Edusites/Eduweb * 75% (approx.) of ND Schools Use This * Google Sites (sites.google.com) * Or any online website creation tool * Direct File Share Access * Most Schools have this capability, most probably won’t make you aware * Social Media??? * Everything has its trade-offs… with more freedom, it requires more knowledge and probably more work… also, with putting class information online privacy suffers

* Maintained by Edutech * * * * * * * * * *

* Free… but a domain costs approximately $10.00 a year * You don’t have to worry about losing data… shows up quickly in search engines * Modifiable anywhere you have internet access * Allows you to create groups of other people that can modify it * Allows uploading of files * Gives you easy templates which allow you to have a nice website without a lot of technical skill * Limited in space. Limited as far as file types and scripts you might want to write. * Example:

* Most Schools do have a web server which would allow this… if not, any old PC could do the trick (a good piece of free web server software is apache found at * You have complete control over your content * It allows for simple backups over which you have complete control * This could be used as a supplement to the regular web server

* Options are virtually unlimited * MS Publisher or any MS Office Product * OpenOffice ( * Dreamweaver * Nvu * iweb * BluGriffon * Textpad * Wordpad * Any program which can create an html file or other web file can be used

* Nvu (probably?) * Textpad: * Microsoft Publisher: * Dreamweaver: * Microsoft Word: *

* Every JC user has a ‘w’ drive. Any file saved on the ‘w’ drive is accessible from the internet. For example, this powerpoint can be accessed here: ges.pptx ges.pptx * JC’s webserver, and most webservers, are configured so that a file named index.html or index.htm will be the default file. So, as soon as you save an html file named index into your W: drive, your webpage will be accessible.

* Sometimes, when creating web pages regardless of yourmethod, you are going to have to look at the source code. The source code is organized using tags. * A tag is a word or letters between carets. So, is a tag as is. * Most tags have a closing tag such as. The idea is that everything between the opening and closing tag is controlled by that tag.

* Edusites uses Wordpress * All of you received an invitation from me to join wordpress and an invitation to become an editor on jsbear.wordpress.com * To get there now, go to jsbear.wordpress.com

* Once at jsbear.wordpress.com, navigate to your page * At the bottom of your page, there should be an ‘edit’ link. Click it. * Now you are in edit mode.

* You can type in the edit window just like you would in any word processor. * For more features, click the button furthest to the right labeled ‘kitchen sink’. * If you hold your mouse over any of the toolbar options, the tooltip will tell you what each of them does.

* To insert pictures, videos, or sound, click the ‘add media’ button. * To add a poll, click ‘add poll’. * To add a custom form, click ‘add a custom form’

* To create a new page, click ‘add new’ on the left-hand side. * When creating that new page, pay attention to ‘page attributes’ on the right-hand side of the page.

* To create a link, highlight text and then click the ‘link’ button. * You can link either to a URL (somewhere on the web) or to a wordpress page

* Now it’s your job to make your page * Use the rubric found on ‘about these pages’ to guide you * Be creative * This powerpoint can also be found by going to the tech page on the wordpress page