Media and Other Blocks.

Slides:



Advertisements
Similar presentations
How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
Advertisements

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.
FrontPage Express By John G. Summerville Ph.D.©, RN.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
PowerPoint Scavenger Hunt Lauren Davis EDTD 3011 A Summer 2007.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
XP New Perspectives on Microsoft Office Excel 2003, Second Edition- Tutorial 3 1 Microsoft Office Excel 2003 Tutorial 3 – Developing a Professional- Looking.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
© 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.
Web Technologies Website Development Trade & Industrial Education
Lesson 11: Creating a Newsletter. Learning Objectives After studying this lesson, you will be able to:  Insert section breaks in documents  Use WordArt.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.
Website Development with Dreamweaver
Microsoft Office Excel 2003 Tutorial 3 – Developing a Professional-Looking Worksheet.
Prezi in the Classroom. Why Prezi?  PREZI allows you to create unbelievably dynamic presentations, where you can zoom in and out across a large poster,
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
Chapter 7 Creating a Newsletter with a Pull-Quote and Graphics
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Microsoft Publisher 2010 Chapter 7 Advanced Formatting and Merging Publications with Data.
Copyright 2006 South-Western/Thomson Learning Chapter 12 Tables.
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.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
1 Word Lesson 4 Working with Graphics Microsoft Office 2010 Introductory Pasewark & Pasewark.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
Web Site Development - Process of planning and creating a website.
Inserting an Image Using the WordPress media manager, it’s extremely simple to insert, align and link your individual images and image galleries. To insert.
®® Microsoft Windows 7 Windows Tutorial 7 Managing Multimedia Files.
Creating a Google Site For a Digital Portfolio Purpose.
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.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
© 2004 The McGraw-Hill Companies, Inc. All rights reserved. The Advantage Series Microsoft Office Word 2003 CHAPTER 4 Printing and Web Publishing.
Overview Review Elements
4. Search button should work only if there is a key word.
Web Services University Communications
Creating a Presentation
Microsoft Office 2007-Illustrated Introductory, Windows Vista Edition
Marking Up with XHTML Tags describe how a web page should look
Microsoft Office 2007-Illustrated
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Microsoft Office 2007-Illustrated Introductory, Windows Vista Edition
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Dreamweaver – Setting up a Site and Page Layouts
Chapter 7 Advanced Formatting and Merging Publications with Data
Word Lesson 6 Working with Graphics
: Animated text countdown (Advanced)
How to customize your Microsoft SharePoint Online website
Chapter 1 Editing a Photo
Overview Review Elements
How to customize your Microsoft SharePoint Online website
PowerPoint Quick Tips Bad Ischl, Nov
IMAGES.
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
How to customize your Microsoft SharePoint Online website
Consult America Technology Consulting Services
Technology – Using freebibleimages.org
Project 4 Creating an Image Map.
Marking Up with XHTML Tags describe how a web page should look
Microsoft Publisher 2016.
Marking Up with XHTML Tags describe how a web page should look
Welcome To Microsoft Word 2016
Marking Up with XHTML Tags describe how a web page should look
TITLE BYOT Half Circle (Advanced)
Presentation transcript:

Media and Other Blocks

Media Library

Central repository for all the media you add to your site, images, pdf, doc, video, and audio Filter images Search for images View grid or list Upload images to directly to the media library or from a post Media Library

Image Block

Image Gallery Cover Image Blocks

Image Block Top Tool Bar Right Side Settings Bar Right Side Setting Bar Specify alignment Text will float around Centering image will make a hard break from the text. Enter alt text Select the image size that is the underlying size driven by the media setting but you can still alter images with handles Link item Media file will link to image in the browser window Attachment page creates a page for the image on the website Custom URL Image Block Settings

Gallery Block Choose Confirm Change Adjust Crop Uncheck Uncheck and WP will set the image size in relation to the aspect ratio the H to W ratio Crop Crop Image in right side settings Adjust WP will adjust images to fit the gallery if you have different number of images in the rows Change To change configurations, change columns in the right settings bar Confirm Once you select, WP will give you a chance to confirm You can delete images You can reorder images. Choose Choose your images by uploading or selecting from media library Gallery Block

Gallery Blocks Choose Confirm Change Adjust Crop Uncheck Uncheck and WP will set the image size in relation to the aspect ratio the H to W ratio Crop Crop Image in right side settings Adjust WP will adjust images to fit the gallery if you have different number of images in the rows Change To change configurations, change columns in the right settings bar Confirm Once you select, WP will give you a chance to confirm Choose Choose your images by uploading or selecting from media library

Cover Blocks images are intended to be a striking display of an image Choose Cover Block Choose your images by uploading or selecting from media library Align Allows you to right, center or left align a title that floats over the image. Fixed Background image will get re-cropped but also as you scroll the image is fixed and the text will scroll over it. Overlay Cover Choose color for overlay Choose opacity for overlay

Positioning Images next to text Insert an image block drag above your text. And then align, the text will sneak in and the image size will dictate how much text shows.   Or Image and Text block Positioning Images next to text

Media Blocks

File Audio Video Media Blocks

Formatting Blocks

Pullquote Verse Code Custom HTML Pre-formatted Text Formatting Blocks

Pullquotes Nearly identical to quote block Quote vs Pullquote – same structure with formatting differences. How it is going to be displayed a pullquoate is to draw attention. Pullquote can be align off to the side and aligned with the text. Pullquote is more print-like Pullquotes

Designed to help you maintain formatting of poems or verse. Will keep poetry spacing. Verse Block

Code Block & HTML Block Code Block Custom HTML block will allow you type in code and have the html display Like verse block it will honor white space .It is different than verse block in that it is using a fixed width font A verse block will use theme font Code block can be used to publish examples of html WP will interpret the code as text instead of reading the html

Takes text file and displays it exactly as it was formatted in the text file. Preformatting block