How to Add/Change Panel Graphics A Tutorial for Website Administrators August 2013.

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Drupal Basics Part 2 Everyday Tasks Editing a page Toolbar basics Add a hyperlink Using the theme Agricultural Communications Services Integrated Media.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
East Central University Workbench: Website management Training.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Information Technology in Travel, Hospitality and Tourism
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
FrontPage Basics Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999, Library of Michigan.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
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.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
Building and managing class pages on our new Web site School Wires Training.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
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.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Web Technologies Website Development Trade & Industrial Education
Creating Integrated Web-based Projects using Microsoft Word.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
Welcome to the session! We will begin soon.. How to Log In: 1.Visit ala.org (any page) 2.Select the Login link at the top right and use your credentials.
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Website Development with Dreamweaver
Mozilla Suite 1.7 Web Browser and newsgroup client, IRC chat client, and HTML editing Download:
Micro sites Basic training guide. Welcome to your Micro site. Here you can create your own personal page within the Countrywide website. When you first.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.
Presenter- Deborah Coker  Advantages of having a site  Features you may want to have on your site  Menus, Tabs, and Ribbons  Creating.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Each slide is ready for you to edit by adding your own pictures and text. The instructions in red will help guide you. Once you follow them, click on them,
Weblog Manual Contents: Login and managing your account ……….p. 2 Uploading files……………………………………p. 3 Uploading images……………………………….p. 4 Cropping images..………………p.
Nickelodeon – Blogs User Guide. 1. Introduction The admin tool allows you to create and publish blog posts easily and efficiently along with managing.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
Sports Website Creation. In this project you will design and produce your own website.
1. 2 To edit your site go to: To preview your site & other sites in your school or the region, go to:
Communicating with staff. Objectives that will be covered: 1.Setting up the staffroom communitySetting up the staffroom community 2.Sharing documents.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Teacher Websites TALIA R. COTTON. Teacher Websites Log In  To log in to your teacher website  Select Staff only on EGHS Website  Type in your .
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Step One: Introduction. Welcome to Follow My Clients! Once you log in, on the home page is your dash board. Here you will find your quick access buttons.
Web Site Development - Process of planning and creating a website.
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.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
Presented by Karen Porter UM School of Business Administration & ImpactOnlineMarketing.com Adding Links & Multi-Media.
Group work Create your Wiki with Wikispaces.com.
Creating & Customizing Business for Sale Websites
Contributing to the WCARC Website
With Microsoft FrontPage 2000
How to make and publish a web page
Adding a File to a Course
Updating Your Section’s Website
IMAGES.
Steps in accessing Past Examination Papers
Introduction to the ISB Intranet
Drupal user guide Evashni Jansen Web Office.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
BLACKBOARD SCAVENGER HUNT
Presentation transcript:

How to Add/Change Panel Graphics A Tutorial for Website Administrators August 2013

Links to Videos and TutorialsSlide 3 Identifying Image properties on your siteSlide 4 How to use a Picture Manager (Picmonkey.com used as an example) Slides 5-8 How to insert your re-sized image into the Bizzuka Editor Slides 9-11 How to use tables to align photos and images to keep the page organized Slides What will I find in this How-To Guide?

You have many resources on hyperlinking images and text within your Bizzuka OnDeCC system: View the audio/video on adding text View the Audio/video on adding Images Creating Hyperlinks Information on changing the font of Hyperlinks In order to hyperlink, make sure to add your text or images needing the link first (After following these steps a couple of times, you will become very efficient in adding and replacing hyperlinks throughout your site) Pull up your Website in Mozilla Firefox (current recommended browser download here)download here Go to your intended page for the link.

Internal Links Linking a visitor from one part of your Website to another part of your Website: o Step 1- Source: URL to specific page within your site ie: /Contacts/ContactUs.asp o Step 2- Target: Always Current Window o Step 3- Title: Description of page to let Visitor know where they will go when clicking; also helps SEO Note: This can be applied to text or images Make sure opening in Current window so that your visitor will not have several windows open of your website; could lead to their closing all windows and finding a competitor in the search engines

External Hyperlinks Linking a visitor from one page of your Website to someone else’s Website o Step 1- Source: URL to specific page of the other Website ie: o Step 2- Target: Always New Window o Step 3- Title: Description of page to let Visitor know where they will go when clicking; also helps SEO Note: This can be applied to text or images Make sure opening in New Window so that your visitor will leave your site temporarily and when closing that window not closing your site; this also helps SEO while your site stays open Make sure to match the prefix (from the drop-down list of the source field on the left)with what’s at the beginning of the address you copied from the other Website; then remove the duplicate prefix ie: should not have

Document Hyperlinks Linking a visitor to a help doc ie: pdf, word, excel, PPt… o Step 1- Source: select the asset manager folder from within hyperlink window Note: This can be applied to text or images Make sure opening in New Window so that your visitor will leave your site temporarily and when closing that window not closing your site; this also helps SEO while your site stays open

Document Hyperlinks Note: Make sure to organize your files to easily find your document in say 3 years go to the correct file locate the correct document or browse and upload it at this time from your computer to the correct folder for organization Click ok and it will add the source path to the specific document to the hyperlink settings window

Document Hyperlinks o Step 2- Target: Always New Window  so that your visitor opens a whole new window for the document keeping your site open for SEO and closing that document, end up right back on your Website o Step 3- Title: Description of document to let Visitor know where they will go when clicking; also helps SEO

Bookmarking Hyperlinks o Step

Go to the Asset manager file folder within the image settings Asset Manager File Folder portal Locate the file needed to keep your site files and Asset manager organized; select and browse to upload your image to this folder Then browse and upload your file

Browse your computer files 1 select/open; inserts path into the asset manager; upload; ok 2 Note: the path pulled into the source field of the original image settings window is the same as the file name given when uploading to your specific folder of your asset manager The only other field is the title tag to share with visitors and help SEO rankings 3

Once inserting the title tag hovers over the photo Text can be added below the photos in the table space To add new rows for new team members and titles 1.Select edit Table/Cell icon in editor toolbar 2.Select Table Size 3.Insert Row below as shown in icons 1 2 3

Note: the extra space between images is there due to a return/enter in that field You immediately see the rows created while inserting Type over the New Cell text where needed or delete as we have to create spacing And continue to add the cells, images and titling as needed Make sure to always save work in the editor and proof your pages from the visitors’ perspective