1 DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT digital.uoregon.edu/drupal-basics
3 Page 1 LOGGING IN To log in to your Drupal website: Type in the web address followed by /user - Example: (once the site goes live) or (for a staging website) OR or Note: Make sure the website is https and not http. You will get an error message if you are trying to log in from an http site. Click on the link that says Shibboleth login at the bottom of the page. Do not attempt to enter your username and password on this page, it is for emergency administrator log ins only. On the Web Login Service screen, enter your Duck ID and Duck ID password and click Login.
4 Page 2 ADDING CONTENT Once you have logged in to your website, you will return to your website and have a menu appear at the top of the page. To add content, click on Add Content in the grey menu. On the Add Content page, you can choose to add: Articles More dynamic content are posted more frequently about ever-changing topics Key Dates and Deadlines (calendar-type) feed for homepages News, story or blog-like in nature Can be combined to feed into other content like collection/syndication pages Basic Pages - Most Often Used Page Type Static content doesn t change often Informational in nature Collections External Articles Profiles Webforms
5 Page 3 CREATING BASIC PAGES To create a basic page, you will need to complete the title and add body copy to the page. The Title will appear at the top of the page. A title is required for every page. The Body is the primary content of the page. To add body copy to the page, copy from its current location (current website, word file, document, etc.) To keep the original formatting, click on the clipboard with the W on it and paste the content in the pop-up screen. To disregard all formatting, paste the content directly on the page.
6 Page 4 CREATING ARTICLE PAGES Creating an Article page is very similar to creating a Basic Page. The only differences: Tags section that allows you to tag the article to appear in a specific feed of articles. These will need to be the same and correspond with the name of the feed they will appear in. Image section that allows you to upload an image that will automatically appear in the article and as a thumbnail in the feed of articles. The body section is the same as creating a Basic Page.
7 Page 5 EDITING A PAGE THAT ALREADY EXISTS To edit a page that already exists, you can go directly to that page and click on the Edit tab just below the title of the page and edit the same way you do for a page you are creating. OR You can go to go to Find Content in the menu at the top of the page to pull up a list of all the content on your website, including unpublished pages. Once you have found the page you want to edit in the list, click on the Edit button associated with that content in the right hand column.
8 Page 6 FORMATTING TEXT Most of the text formatting icons are the same or similar to those found in Word. To Bold or Italics or Underline or Strikethrough, click on the B, I, U or S To align text left, center or right, click on the appropriate icons. To add bullets or numbers, click on the bullets or numbers. To add a line across the page, click on the highlighted line icon. To add a symbol, click on the Omega symbol and a pop-up menu will appear and you can select the symbol you want to add.
9 Page 7 ADDING HEADERS To style headers for your body copy, highlight the text you want to format and click on the button that says Normal on the toolbar. That will give you a drop down menu. Scroll down and select from Heading 2 or Heading 3. Be sure to use header tags (H2 for major headings, H3 for subheadings) to separate sections rather than just bolding the text. ACCESSIBILITY IN PRACTICE For screen reader users, header tags are vital in giving a sense of the main topics of the page and enabling easier navigation through your content. Additionally, effective header tags help with search engines making your site more accessible to everyone.
10 Page 8 ADDING A LINK TO A WEBPAGE Highlight the text you would like to make the link to a webpage. Click on the link icon with the plus sign on the right hand side of the formatting bar. That will bring up a pop-up Linkit box (right). NOTE: The link icon on the left should only be used to insert addresses (see Adding a Link to an ). For a Link that IS NOT on Your Website: Copy the address and paste it in the Link URL box - it must include the or For a Link that IS on Your Website: Type only what appears AFTER uoregon.edu (relative link) so for uoregon.edu/apply, you would only put /apply in the Link URL box. OR Start typing the title of the page in the Search for content box and it will auto-populate with page titles. Click on the corresponding page title and it will add link based on the node number (the way the Drupal system tracks webpages). ACCESSIBILITY IN PRACTICE Links should have concise and descriptive screen text.
11 Page 9 ADDING A LINK TO AN Highlight the text you would like to make the link to an . Click on the link icon with the left hand side of the formatting bar. That will bring up a pop-up Link box. From the drop down menu for Link Type, click on . Enter the address in the box marked Address. If you want to automatically include a subject or body, enter that text in the appropriate boxes and click OK.
12 Page 10 ADDING LINK BUTTONS Highlight the text you want to make a button. Make the text you want to turn into a button a link. The text must already be a link because buttons will not work without the text being a link. Click on the button that says Styles on the toolbar. That will give you a drop down menu. Select either Button Black or Button Dark (Button White is only used on very dark backgrounds). Button Black Button Dark
13 Page 11 ADDING COLUMNS / GRIDS To add columns or grids in the body of your copy, place the cursor where you want the grid to go, then click on the paper icon on the right of the menu. The Content Templates box will pop-up. The one you will use most often are the 2 Column Grid and the 3 Column Grid. These are great for mobile use. Scroll down and click on the grid you want to inert. Once you click on the grid you want, it will populate the content area. You can copy and paste your text in the text areas marked First Item and Second Item. Adding Additional Grid Items To add additional columns, click the green + button on the right. That will add one new column at a time. Deleting Grid Items To delete a grid item, click the red x box for that grid item. Deleting the Grid To delete the entire grid, click the red x box at the top right of the entire grid. When the grids are optimized for mobile, the grid items will stack on each other, so the grid item on the right will fall below the grid item on the left. If you have multiple grid items, they will stack within each other.
14 Page 12 Example of a 2 column grid using just two grids View on the website View on a mobile device View on the edit screen Example of a 2 column grid using multiple grids View on the website View on a mobile device View on the edit screen
15 Page 13 UPLOADING / ADDING A NEW PHOTO TO A PAGE Place your cursor where you want the photo to be inserted. Click on the photo icon on the right hand side of the formatting bar (Disregard the one on the left side). That will bring up a pop-up box. The box is automatically defaulted to upload a photo. If you have already uploaded the photo, or have used it previously on the site, then skip down to Adding a Previously Uploaded Photo to a Basic Page. To upload a photo, click on Browse and find the photo on your computer and click Open. Once the title of the photo appears in the box next to Browse, click on Upload and then click on Next. On the Destination screen, select Public local files served by the webserver and click next. You will then need to add Alt Text and Title Text. NOTE: Always use alt text with images for accessibility and search engine optimization. Alt Text should tell someone who can t see the photo what is being shown. Once Alt Text and Title Text have been entered, click on Save and then on the next page click Submit and it will return you to the page with the photo added to the page. ACCESSIBILITY IN PRACTICE Include clear and concise alt attributes for all relevant images and graphics appearing in your site. Comment out (for the screen reader) strictly decorative graphics with alt =. Use a testing tool to view images replaced with their alt text.
16 Page 14 ADDING A PREVIOUSLY UPLOADED PHOTO TO A BASIC PAGE Place your cursor where you want the photo to be inserted. Click on the double photo icon on the right hand side of the formatting bar (Disregard the one on the left side). That will bring up a pop-up box. Click on the Library tab on the right. The pop-up box will then change to thumbnails shots of all of the photos that have previously been uploaded on the site. Click on the photo you want to insert and click on Submit. There are 25 photos / documents per page on the Library screen and numbers (1, 2, 3, 4...) you can click through at the bottom of the box to show you more photos in your library. If you know the name of the photo (or part of the name of the photo) you are looking for, you can type it in the File Name box and then click Apply and it will just show you photos that include what you have entered in the File Name box. Click on the photo you want to include and click on Submit. Once the photo has been inserted, you can adjust it like you would with an uploaded photo.
17 Page 15 EDITING THE PHOTO PROPERTIES To adjust the photo size or to add, right click on the image and click on Image Properties. To adjust the size of the photo, you can click on the Width box and type in how wide you want the photo to appear. If the lock on the right of the Width and Height boxes is locked, the height will adjust in proportion to the change in the width. If it is unlocked, the width will adjust independently of the height. To see the current size of the photo, click on the circle with the arrow next to the lock and it will autofill the current width and height. To add space to the left and right of the photo (so it doesn t bump into text on the page), add the number of pixels you want to the left and right in the HSPace box (8 is a commonly used number). To add space to the top and bottom of the photo, add the number of pixes you want to add to the top and bottom in the VSPace box (again 8 is a commonly used number). To wrap the text around the photo and align the photo on the left or right of the page, click on Alignment and choose left or right based on if you want the photo to appear on the right or left of the page.
18 Page 16 ADDING PHOTOS AND DOCUMENTS TO THE LIBRARY If you need to add multiple photos or documents, it s best to add them all at once. Click on Find Content in the menu at the top of the page. That will bring you to the Content page that lists all of the content pages (basic pages, profiles, articles, etc.) on your website. Click on the Files tab on the right hand side of the page.
19 Page 17 On the Files page, click on + Add file at the top left of the page. That will give you the same screen that appears in the pop-up box when you are adding a photo while creating a page. Note: You can choose most types of files to upload - jpg, doc, ppt, etc. If you are adding a photo, you will have to go through the same steps as adding a photo while creating a page. If you are adding a document, you will only have to click Upload and Next and the document will be added.
20 Page 18 LINKING A DOCUMENT / PHOTO FROM THE LIBRARY TO A PAGE To link to a document while creating a page, go into the body copy of the document and highlight the text you want to link to the document. Click on the link with the plus mark on the right hand side of the toolbar. That will give you the same pop-up menu that appeared when adding a link while creating a page. To add a link to a document Type the name of the document in the Search for content box When the document you want to link to appears, click on it and it will populate the Link URL for that document. Click Insert Link and the text will be linked to the document.
21 Page 19 UPLOADING / ADDING A YOUTUBE VIDEO TO A BASIC PAGE Place your cursor where you want the YouTube video to be inserted. Click on the iframe (globe) icon on the right hand side of the formatting bar. That will bring up the IFrame Properties pop-up box. To add a video, go to the YouTube webpage the video you want to embed is on. Click on Share below the title of the video. That will give you a menu for Share, Embed and . Click on Embed.
22 Page 20 A line of HTML code that begins with <iframe will appear. In the line of code, highlight the web address for the YouTube site that is located there. Start with youtuble.com/embed/ (do not include the quotation marks). Copy the web address. Go back to the iframe Properties pop-up box and paste the YouTube web address in the box marked URL. You can then set the width and the height and the alignment of the video on the page. Once you have the URL entered and the width and height and alignment you want, click on OK. That will return you to the page. NOTE: You will not be able to see the video on the edit screen. It will show up on the edit screen as a white box outlined in black with iframe written in red in the middle. ACCESSIBILITY IN PRACTICE Caption all video. YouTube has very useful built in captioning tools. For videos not hosted on YouTube you can caption your videos using web applications like Universal Subtitles. All audio files must contain links to text transcripts.
23 Page 21 ADDING YOUR PAGE TO THE NAVIGATION If you want the page you are creating to be added to the navigation, click on the box that says Provide a menu link at the bottom of the page next to Menu Settings That will give you a sidebar menu that auto populates the Menu link title with the title of the page. You can change that text if you want. To add the link to the primary navigation, in the Parent item drop down menu click on <Main men> (already set by default). If you want it to appear as a secondary navigation, click on the Parent item drop down menu and then click on the navigation you want your item to appear below. Once you have finished the page, click on Save and that page will be live on the website. You can see the page and where it has been added to any navigation you have selected.
24 Page 22 CHANGING THE ORDER OF YOUR NAVIGATION If you have added pages or want to change the order of any pages to the navigation, go to the menu at the top of the page and click on Structure. That will take you to the Structure page. Click on the link to Menus. On the Menus page, click on the link for list link that corresponds with the Main menu title. On the Edit Main Menu page, you can click on the cross with the four directional arrows and drag your navigation to where you would like it to appear. Once you have finished click on Save configuration.
25 Page 23 FORMATTING THE FOOTER To edit the grey footer on your page with your address, phone number, contact us, social medi accounts, quick links, etc., click on Configuration in the menu at the top of the page. That will take you to the Configuration page. Click on the link to UO Banner and Footer. On the UO Banner and Footer Setting page, you can select which information you would like to edit. The information is divided into four categories - General Settings for the quick links, Location and Map for your address, Contact Information for your phone number and contact us link, and Social Media Links to add the icons and links to your social media accounts.
26 Page 24 General Settings The only thing on the General Settings section that you should change is in the Custom Footer Content section. Do not adjust the settings for Custom Page Width, Utility Links Menu, or Hamburger Menu Target. While the Custom Footer Content information appears to be the same as a basic grid layout, it is formatted slightly differently because it collapses when viewed on a mobile device. To change items in your footer, please contact Melissa Foley at and let her know what changes need to be made, or use the HTML code that is included.
27 Page 25 General Settings Custom Footer Content HTML Coding The three-column example below is the quick links section from the footer on uoregon.edu. The column titles are shown in aqua, the webpage links are shown in pink, and the link text is shown in green. This should be the only information that is changed as part of the HTML code. Use relative links for links to pages on your website. See Adding a Link to a Webpage for more information about relative links. To add it to your footer, in the General Settings section, under Custom Footer Content, click on Enable rich-text and paste the HTML code. <div class= footer-collapsable-grid grid-3col > <div class= grid-item > <dl class= collapsable collapsed > <dt> CAMPUS </dt> <dd> <a href= >News</a> <span class= low-priority > </span> <a href= >Events</a> </dd> <dd> <a href= //uoregon.edu/maps >Maps</a> <span class= low-priority > </span> <a href= //uoregon.edu/directions >Directions</a> </dd> <dd> <a href= //uoregon.edu/azindex >A Z Index</a> </dd> <dd> <a href= //uoregon.edu/findpeople >Find People</a> </dd> </dl> </div> <div class= grid-item > <dl class= collapsable collapsed > <dt> TOOLS </dt> <dd> <a href= >Webmail</a> </dd> <dd> <a href= >Blackboard</a> </dd> <dd> <a href= >Canvas</a> </dd> <dd> <a href= >Duckweb</a> </dd> </dl> </div> <div class= grid-item > <dl class= collapsable collapsed > <dt> RESOURCES </dt> <dd> <a href= >Class Schedule</a> </dd> <dd> <a href= >Academic Calendar</a> </dd> <dd> <a href= >UO Libraries</a> </dd> <dd> <a href= >For Journalists</a> </dd> </dl> </div> </div>
28 Page 26 Location and Map In the Location and Map section, you can add your address, office number and a link to your location using Google maps. Use the Street Address boxes for your mailing address and use the Office box for your building and room number. You can also add a link to your location on Google maps. If you go to maps.google.com and type in your building location, it should bring up that location on the map. If it is correct, you can copy the entire web address and paste it in the box for Google Maps URL below. When someone clicks on your address in the footer, it will bring up the map to your location in Google maps.
29 Page 27 Contact Information In the Contact Information section, you can add your department s name (which will automatically default to the title of your website), telephone and fax numbers, address and a link to your contact us page. You can enter up to two telephone numbers in the footer. The telephone number should be entered with the area code and use a hyphen to break up the numbers. To enter the link to your contact us page, use a relative link (only the information after uoregon.edu) in the Contact Form URL box. For Digital Communications, the Contact Us page is located at edu/about-us, so in the Contact Form URL box, enter /about-us.
30 Page 28 Social Media Links In the Social Media Links section, enter the web address for the social media accounts associated with your department in the corresponding boxes. There is the ability to add one account each for Facebook, Twitter, YouTube, Instagram, LinkedIn, Pinterest, and an RSS Feed. This will automatically add the icon for that account to the footer with a link to the corresponding account.
31 Page 29 ADDING KEY DATES & DEADLINES (CALENDAR) ON YOUR HOMEPAGE To add Key Dates and Deadlines to that section on your homepage, you will create an article page for each item you wish to appear in the list. The Title will be what appears on your homepage and is the title of your event or deadline. In the Tags section, enter the word deadline (after you do it once, it will auto-populate when you start typing it) to add it to the list of events and deadlines that will appear on your homepage. In the Body section, add any content you want to appear about your event. When you click on the event or deadline on your homepage, it will bring you to the article page, so place any information you want people to know about your event or deadline to appear in the Body section. It is editable just like the Body section of a Basic Page. In the Important Date section, enter the date of your event. If it is only one day, you can uncheck the Show End Date box. If it is for multiple days, enter the starting date and the ending date. The event will automatically remove itself from your homepage after the day of the event.
32 Page 30 PAGE TEMPLATES To help keep a consistent look and feel across the division, we recommend choosing from a few design templates for certain pages. Website Homepage
33 Basic Page Wireframe Drupal Basics Page 31
34 Basic Page with secondary navigation Drupal Basics Page 32
35 Basic Page without secondary navigation Drupal Basics Page 33
36 Page 34 Staff Directory Listing without Photos Wireframe
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (firstname.lastname@example.org) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux
NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt
User Guide User Guide Title Page Page i Table of Contents Welcome 1 Welcome to Avvo Websites 1 Getting Started 2 Accessing your Avvo Website Dashboard 2 Dashboard Features 3 Screen Options 4 Submitting
LOGIN AND VIEW CONTENT Work in Firefox DRUPAL WEB EDITING TRAINING the black logo in the upper right corner to log into Drupal The User Work Area will come up: General Information My Recent Edits the content
Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows
University Information Technology Services Kennesaw State University Drupal A Guide for Web Editors Last updated on March 3, 2010 Copyright 2010 KSU Dept. of Information Technology Services This document
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title PORT JERVIS CENTRAL SCHOOL
CWU Content Management System (CMS) User Guide Last Revision: July 14, 2014 Version: 1.7 CWU Content management System (CMS) User Guide 2 Table of Contents NOTE: Copyright Guidelines... 4 What is a content
Penn State Behrend Using Drupal to Edit Your Web Site August 2013 Alternative Format Statement This publication is available in alternative media upon request. Statement of Non-Discrimination The Pennsylvania
Human Resources Website Drupal User Guide Logon http://www.hr.ucsb.edu/user You will be given a unique username and password for editing the website. Basic Tools Quick Start 1. EDIT TAB on content page
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
Drupal Training Part One In this tutorial, we will cover: Content editing, Uploading images, Revisions tab, and the Masquerade tool. Overview of Main Tools The main tools in Drupal are on the left side
Barnard Library & Academic Information Services Creating Web Sites with Google Sites Lois Coleman, Research and Instructional Services Librarian April 2012 Getting Started The Help pages for Google Sites
State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...
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
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL
General Walkthrough Training Documentation Office of Communications and Marketing Drupal CMS Updated 11.10.15 As a Content Editor, it is important to recognize and understand the following features: Once
Cascade Website Content Management for the Site Manager University of Missouri St. Louis Information Technology Services/Administrative Services January 2015 Contents Purpose & How to Use This Guide...
CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
Indiana University Copenhagen Publishing System University Communications Newsletter User Manual Last Updated: March 1, 2009 email@example.com Table of Contents Creating a Newsletter Loading a Video or
Email Marketing How-To Document November 2010 Email Marketing Admin Tools On the Email Marketing home page, click the arrow to expand the Admin Tools area. Admin Tools Global Email Settings Design Templates
Rochester Institute of Technology Finance and Administration Drupal 7 Training Documentation Written by: Enterprise Web Applications Team CONTENTS Workflow... 4 Example of how the workflow works... 4 Login
Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal
Service: User s Guide 1 Table of Contents 1) Connecting to Your Online Interface 2) Start Creating Your Website 3) Managing Website Pages 4) Managing Website Content 5) Integrating Widgets and Other Content
Creating a Website with Google Sites This document provides instructions for creating and publishing a website with Google Sites. At no charge, Google Sites allows you to create a website for various uses,
Your Personal Homepage You can use your Personal Homepage to share information about yourself, something that interests you, or a course topic. Your classmates can view your home page from the Classlist
University of Southern Maine USM Web Content Management System USM Web CMS Technical Development Group 4/26/2011 Content o Introduction o Login o User Roles o Group Member o Group Publisher o Group Admin
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
1 Create Emails using imodules imodules is an application currently used in a number of areas: alumni online directory, email marketing, event registration, and online fundraising campaigns. It is web-based,
Brock University Content Management System Training Guide Table of Contents Brock University Content Management System Training Guide...1 Logging In...2 User Permissions...3 Content Editors...3 Section
Website Template Self-Editing Instructions Introduction There is a lot to read and learn in the beginning, but you ll find the editing software easy to use pretty soon. We ve tried to provide lots of examples
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
You will be directed to the "Portfolio Settings! page. On this page you will fill out basic DIGICATION E-PORTFOLIO HELP GUIDE Where do I start? Log in to Digication Go to your school!s Digication login
SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information
Getting Started Before you begin, an Online Group must be created for you. Send an email requesting the group along with the username of anyone you want added as an editor to firstname.lastname@example.org.
Using the Adventist Framework with your netadventist Site Introduction: The Adventist framework is available for everyone with a netadventist web site. Sites using this framework will visually identify
Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e
Content Management System User Guide support@ 07 3102 3155 Logging in: Navigate to your website. Find Login or Admin on your site and enter your details. If there is no Login or Admin area visible select
The (Content Management System), was designed to allow most people in an organization to contribute to or edit their website(s). Utilizing a set of templates and stylesheets, users can add or edit information
Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to
WordPress Manual July 15, 2015 Table of Contents Who should use this manual... 3 Users... 3 New Users: Creating an Account... 3 Administrator: Adding Users... 3 Signing into WordPress... 4 The WordPress
USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar
CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...
Creating a Website with Google Sites This document provides instructions for creating and publishing a website with Google Sites. At no charge, Google Sites allows you to create a website for various uses,
UCL INFORMATION SERVICES DIVISION INFORMATION SYSTEMS Silva Introduction to Silva Document No. IS-130 Contents What is Silva?... 1 Requesting a website / Web page(s) in Silva 1 Building the site and making
Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
website guide guide for adding and editing web content Introduction The MS Society website uses a content management system (CMS) called Drupal. As a contributor to the site, you ll receive training in
1. How Basekit Works BaseKit is site building software that runs on an external BaseKit server and is accessible through your cpanel account. To use BaseKit, just follow these steps: 1. Log into cpanel
PebblePad: Webfolio What is this tool for? A Webfolio is an evidence-based web site that is used to present stories about yourself or stories about your learning. They can contain any number of pages which
Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist
Introduction to CommonSpot 5.0 Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Lesson Summary Turning Off Web Browser Pop up Blockers Internet Explorer 7.x (Win): Tools Pop-up Blocker Turn
Index Index School Jotter Manual Logging in Getting the site looking how you want Managing your site, the menu and its pages Editing a page Managing Drafts Managing Media and Files User Accounts and Setting
Jadu Content Management Systems Web Publishing Guide Table of Contents (click on chapter titles to navigate to a specific chapter) Jadu Guidelines, Glossary, Tips, URL to Log In & How to Log Out... 2 Landing
Alfresco Online Collaboration Tool USER MANUAL BECOMING FAMILIAR WITH THE USER INTERFACE... 4 MY DASHBOARD... 4 MY PROFILE... 6 VIEWING YOUR FULL PROFILE... 6 EDITING YOUR PROFILE... 7 CHANGING YOUR PASSWORD...
Table of Content Starting User Guide... 1 Register... 2 Create a new site... 3 Using a Template... 3 From a RSS feed... 5 From Scratch... 5 Edit a site... 6 In a few words... 6 In details... 6 Components
Volunteer Instructions for Email Template Instructions: Sending an Email in Harris 1. Log into Harris, using your username and password If you do not remember your username/password, please call 781.283.2331
Drupal User Guide webgroup.okstate.edu Last updated June 2014 TABLE OF CONTENTS INTRODUCTION AND WEB GUIDELINES... 1 Requesting a Drupal Site... 1 Choosing a Drupal Theme... 1 Using the Web Style Guide...
Your Blueprint websites Content Management System (CMS). Your Blueprint website comes with its own content management system (CMS) so that you can make your site your own. It is simple to use and allows
NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...
Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 1 TABLE OF CONTENTS 2 What is Appspace For Digital Signage... 4 3 Access Appspace... 4 4 Best Practices and Notes... 4 5 Appspace
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)
Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly
Directions (please read carefully) System Basics 1 - Navigate to http://morgana.mtroyal.ca/training. The page shown below appears. Evoking edit mode 2 - Use Ctrl+Shift+F5 to evoke edit mode. Logging in
Blackboard 9.1 SP 11 The Content Editor Introduction Blackboard has introduced a new content editor. The content editor is available to instructors, teaching assistants and students throughout Blackboard.
Value Website Training Guide Still have questions? Please visit our help center at helpme.haleymarketing.com. Here you can search our knowledgebase, view training videos, and submit support tickets for
Training A brief overview of your website s content management system () with screenshots. 1 Contents Logging In:...3 Dashboard:...4 Page List / Search Filter:...5 Common Icons:...6 Adding a New Page:...7
Blackboard 1: Course Sites This handout outlines the material covered in the first of four workshops on teaching with Blackboard. It will help you begin building your Blackboard course site. You will learn
revised 11/13 COMMEDIA CENTRE COUNTY REPORT COMRADIO w e b s i t e s An introduction to contributing to the websites The College of Communication website is home to the best work of all our students. It
FAQs Company Logo How do I change the logo? Can I make the logo larger or smaller? How do I add change or remove the logo in the footer? Can I add a favicon? Navigation Menu How do I change my navigation
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
Weebly Step-by-Step Instructions Go to http://weebly.com/ Follow instructions to create site. Write your username, password, email address, and website URL down and send this information to yourself in
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
1 How to Create a Lino Lino is an online discussion tool that allows students to post virtual sticky notes to a virtual canvas, and to view other students sticky notes. It is very similar to Padlet. The
Outlook Web Access Logging in to OWA (Outlook Web Access) from Home 1. Login page http://mail.vernonct.org/exchange 2. To avoid these steps each time you login, you can add the login page to your favorites.