All Things Considered Typography!.

Slides:



Advertisements
Similar presentations
Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.
Advertisements

PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
By fox. You will need to log onto your computer and the you will need to open up any searching device : Google chrome, internet explorer or fire fox.
1 After completing this lesson, you will be able to: Format text. Format numbers as currency. Use Format Painter. Add borders to cells. Add shading to.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
How to Establish a Blog. What is a Blog A blog is a collection of informational articles/ideas intended to update a viewer on new information associated.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
Styles and themes are powerful tools in Word that can help you easily create professional looking documents. A style is a predefined combination of font.
Creating an Online Portfolio Creating your Electronic Portfolio.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 13: Working with Web Fonts.
CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.
A Brief Glimpse of Web Design By: Samantha Beckett.
10 Privacy Settings Every Facebook User Should Know.
Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – February 2013.
The template site was designed so that if a school principal chose they could task someone other than the webmaster to maintain the content of the website.
1 ISA Server 2004 Installation & Configuration Overview By Nicholas Quinn.
CMS Wiki Pages CMS Pages, the only approved and supported website service for CMS employees, has been failing and an alternative needed to be implemented.
Mimio Training Presented by Amy Ball. Mimio Use with:  Mimio Software Mimio Software  Control any Power Point at your whiteboard  Interactive Websites.
GETTING STARTED 1. Click on the START menu and go up to UDT SOFTWARE, then drag over to Microsoft Office, and then down to Power Point 2. Select a theme.
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.
Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.
1 ADVANCED MICROSOFT EXCEL Lesson 9 Applying Advanced Worksheets and Charts Options.

Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
Digital Stories Using Microsoft Photo Story 3 for Windows Carrie Roth (248)
Using Publisher to Create a Lesson Plan Grid GEORGIA SMEE EDTC 560.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
What is PowerPoint? By Kettina L. Robinson. Unit Questions What do I want to accomplish? What do I want to accomplish? What content do I need to cover?
SUPPORTING DOCUMENTS  A New InterfaceXpress Feature.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Working with DIV Structures, CSS, Webfonts and Templates 9/16/2015Web Development and Interactive Media.
 Choose a theme that is clean, simple and appropriate to what you write about.  Think about what you need your site to do for you when choosing a theme.
Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Awareness raising session for Parents and Carers June Todd Awareness raising session for Parents and Carers June Todd.
ASSESSMENT TOOL The assessment tool comprises 3 sections: o Infrastructure o Policy o Practice Schools self-assess two-yearly, and for each assessment.
Before you rush to your computer and start designing your poster, there are a couple of things you need to do first.
Publisher CREATING A NEWSLETTER. Finished Product.
Backgrounds for Teacher Presentations Designed by MsEffie
PowerPoint Grades 3-5.
Judy Smith & Jonathan Kaye
Learning the Basics – Lesson 1
Tabs, Line & Paragraph Spacing, and working with lists
HTML Newsletters Tips and Troubleshooting Mark Branom, IT Services.
Step Look Away!.
Adding a File to a Course
Marion Kelt The library website.
Year 7 E-Me Web design.
Sandycove Computer Club
Introduction to Weebly
How to Downgrade Adobe Reader?. If your newer version of Adobe does not work as it is advertised, so you can downgrade the software by uninstalling the.
Wireframe.
Ian Ramsey C of E School GCSE ICT Smart working Software choices.
Please log on a computer Open the web and then Open four tabs…
Adding MLA Format Page Numbers to a Word Document
General Works Cited Formatting
PowerPoint Basics Eric Prebys.
Create PT: Complete the Task
Writing for online/mobile
Building a Competition Robot
1st Rotation 2nd Rotation 3rd Rotation 4th Rotation
BENEFITS OF WEB DESIGNING. 2 There are many benefits that a web designer gets. Web designing can be one of the best option for getting most of the benefits.
jQuery Widgets: Tabs Requires core jQuery library + jQuery UI
Lesson 5 – Controlling fonts with CSS
A quick ‘how to’ guide Lya Noon – H808
Learning How to Create an Online Interactive Poster using
EndNote Part 2: Inserting in-text citations and creating a reference list Susan Marsh.
Presentation transcript:

All Things Considered Typography!

What we would originally consider (and should still keep in mind)

Overall Lessons With nothing extra, users can only see fonts on the web that are actually installed on their own computers Problem: the list of fonts may be very different form person to person Need to be aware that what you see when you design, may not be what users see Even when fancy is possible, not always the best choice!

A Whole New World of Typography Opened for Web Designers! Web Fonts A Whole New World of Typography Opened for Web Designers!

Just Remember! Before this power is unleashed to you…just because you CAN do something, doesn’t mean you SHOULD….or at least doesn’t mean you SHOULD overuse it!

What is a Web Font? You can serve a font from the web server and then use it in the page Only takes a bit of CSS to accomplish Danger – Font licensing – just because you have a font on your computer doesn’t mean you’re allowed to use it on your website

Google Steps In Provide web fonts you CAN be sure are ok for use They serve them off their servers, so you don’t have to

A Clip from a Presentation @ Google IO http://www.youtube.com/watch?v=QTX1lU97z08

Google Fonts https://www.google.com/fonts Narrow down choice to one you want

Click on Quick Use Set a few more options as desired for styles… Add to head: Add to style rules