2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard.

Slides:



Advertisements
Similar presentations
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Advertisements

Web Page Training Summer 2014 Presented by: Mountain Brook Schools Tech Team.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
The many uses of an iPad Here are a couple tips to keep in mind: Keep it simple: A website is a place for the exchange of information. It does not need.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2006 Microsoft Corporation.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Review of last session Logon – username = l4luser02 – l4luser16 Logon – username = l4luser02 – l4luser16 Password = Startnow1 Password = Startnow1 Fill.
1 Agenda Overview Review Roles Lists Libraries Columns.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
SharePoint Step by Step Step by Step Table of Contents Portal versus Communities sites How to View All Your Project Sites The Basic SharePoint Layout SharePoint.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Review of last Session Adding custom html Adding custom html HTML is the language that web servers understand, all web pages are created using HTML. HTML.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
© 2012 Boise State University1 WordPress Training February 14, 2013.
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
UOW Clubs & Societies Executive Website Training Training you today: Jacinta Cali & Guy Watson.
The SAU Website Workshop. Using the site Website Management The Campus Directory Form Manager Other available resources.
SWIFT 2.0 – New Teacher Training Laurie Kirkland October 15, 2014.
Event Manager Training Part 3.  Edit Event Options - Customize FY11 Sites  Edit Event Webpages  Sending s (Recruitment/Engagement)  Help and.
Web Technologies Website Development Trade & Industrial Education
© 2012 Boise State University1 WordPress Training February 14, 2013.
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.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Website Development with Dreamweaver
A Step by Step Guide How to add your own pages to the website.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
Course Settings MOODLE. Getting Started This is a quick start guide to Setting up a Moodle Course. This part of the course documents and outlines:- Course.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit E Using and Managing Images.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at
Getting Started with CAA’s Alumni Groups Website System.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.
Singapore Schools Sports Council User Guide. Table of Contents How To Login How To Logout How To Add Games Content (Same for ASG) How To Edit Games Content.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
CLEW Basics Lorie Stolarchuk Learning Technology Trainer Centre for Teaching and Learning 1.
2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
Videos, the More Tag, Permalinks, and Shortlinks.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Creating Google Sites Laura Assem, Director of Technology.
Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Web Site Development - Process of planning and creating a website.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
TITLE ClubRunner for Webmasters & Editors Home Page Stories, Site Pages Events and Speakers Communications and eBulletins.
Overview Review Elements
MicrosoftTM SharePoint Content Management SystemTutorial
Creating & Customizing Business for Sale Websites
Weebly Elements, Continued
How to use.
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.
Overview Review Elements
Consult America Technology Consulting Services
Drupal user guide Evashni Jansen Web Office.
Presentation transcript:

2015 Webmaster Training

1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard 3.Static Page Updates Static Pages Mashups Layout Tips – Tables, Links, Images 4.Image Editing 5.Advanced Topics Slideshows Additional Pages Subsite Creation Embedding Videos Analytics 6.Site Build-Out

1.Site Navigation 2.Dynamic Content Updates 3.Static Page Updates 4.Image Editing 5.Advanced Topics 6.Site Build-Out Agenda

Site Navigation

URLs and RWD Paths

Default Pages

Distributing Content Areas

Exercises: Site Navigation Find and edit the default page corresponding to: View changes to the page with a browser Share control of the Contacts_Faculty container with an administrative contact at your school If necessary, undo changes to the clubs page when finished

Dynamic Content Updates

News / Blog Containers Update by adding a message Shown newest items first Tips: – Consider expiration – Use consistent size images (if image is shown) – Avoid images & links in first 255 characters

Content Libraries Update by uploading a file Assign Display Name in list, or as Subject in “Properties” window

Calendars Create calendar events as usual in FirstClass Utilize event body to provide details for event Mark Priority Events as Urgent

Exercises: Dynamic Content Add news item to main page Upload policy document to School Policies area; remember to set Display Name Add calendar event which will be visible only on the full calendar Add a second calendar event which will show in the Priority Calendar on the main page Review all updates via browser; when finished, delete all content from this exercise

Static Page Updates

Editing Static Pages [Image; show document body on left; web content on right]

Tips & Tricks Set Preferences to provide default font, size and link types Create backups of pages before editing Insert tables to organize content on page; hide table borders when finished Always resize images before pasting into documents

Understanding Mash-up Pages

Exercises: Static Pages Open Preferences on the webmaster account. Verify the following: – Default font assigned to: Arial – Default font size set to: 14 – Default link action to: open in same window

Exercises: Static Pages Navigate to and find the corresponding mash-up page within FirstClass Identify the source for each of the four panels on the school information page Create a backup of the Key Information page, and then edit the page

Image Editing

Pixlr Basics

Pixlr Basics Opening Files – File > Open image Viewing on-screen – View > Zoom in / Zoom out / Actual Pixels Resizing with Crop Tool – Set Constraint to Output Size Saving Files – Look at Format – File extensions are added automatically

Exercise: Image Editing Use photos of your own, or download a set of sample photos from the Media Center page at: Size one or more images to 180x180 pixels and use the resized image(s) as thumbnails for School News items

Advanced Topics Content

Slideshows Size images to correct dimensions – For home page, use 720 x 521 – Other slideshows may use different dimensions Edit caption using “Display Title on Web” field Link to content using “Alt URL” field

Emergency Notifications Scrolling Banner (good) Splash Screen (better)

Videos Use “embed” code from video site

Exercises: Advanced Content Use photos of your own, or download a set of sample photos from the Media Center page at: Size one or more photo to 720 x 521 and add it to the homepage slideshow, including a caption Add a YouTube, Vimeo or Teachertube video to your slideshow Add both a scrolling banner and a splash screen to your site Review all updates via browser; when finished, delete all content from this exercise

Advanced Topics Site Navigation

Additional Pages Adding new page – Open folder, use “New Web Page” button – Select “blank RWD page” in most cases Adding navigation to new page (options) – Open Site Administrator Console from root of website – Add as panel in Mash-up – Link from existing page

Subsites Adding subsite – Use “New Site Object” button Adding navigation to subsite – Open Site Administrator Console from root of website

Analytics Using Google Analytics for all sites Ask Communications department for access to your school site

Site Build-Out Workshop Time