Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)

Slides:

Advertisements

Similar presentations

Cascading Style Sheets

Advertisements

HTML Basics Customizing your site using the basics of HTML.

Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.

HTML Basics and CSS style. Before we start Dreamweaver (DW) may take several minutes to start. Click on Start => Program Files => Development Apps =>

MS-Word XP Lesson 4.

Writing for the Web: Quick Tips for Friendlier Pages Robyn Ness & Beth Snapp July 2014.

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.

CHAPTER 8 ADVANCED CSS. LEARNING OBJECTIVES Assign formatting styles to a CSS class definition Use a tag’s class attribute to apply the styles defined.

Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.

After attending this workshop, students should be able to complete the following tasks involving MS Word:

MSc. Publishing on WWW Tables and Style Sheets. Tables Tables are used to: Organize and display tabular data To create a layout for web pages.

Server Web Server Pages Client Browser  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›

ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.

Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.

ETT 429 Spring 2007 Web Design I.

HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.

Website Design - Review Layout using tables. Table exmaple James 11/08.

Define html document byusing Example : Title of the document The content of the document......

Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.

Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.

Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.

Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.

>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.

Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.

CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.

LESSON 4 Formatting a Worksheet. Borders are often used to separate different groups of data. 1. True 2. False

Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.

Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.

HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Format Font using (Microsoft Word 2003) ( Lesson (3)) Designed by: Muna Alshuili(69072) Introduced to: The student of grade (5) Start Lesson.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

Cascading Style Sheets

HTML World Wide Web Consortium What does HTML stand for? – – –

Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Cascading Style Sheets Chris Vollmer IT 5610 Chatfield Senior High School.

13 October Building a Web Site. Current events Cherelle Scott.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

Cheryl Wolfe Web Services Administrator Tampa-Hillsborough County Public Library James Day Electronic Services Librarian Embry-Riddle Aeronautical University.

Canvas Styles Adding Color with HTML / CSS Marley - Jan

MS Word Taking It To A New Level. You Think You Know Word You all use Word You know common functions: –Select typefaces and sizes –Bold, italics –Save.

Microsoft Word (a word processing application). Customize your quick access toolbar with tools you use often.

Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.

Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.

TinyMCE Editor.

IGEM Wiki Workshop 11/05/2017.

>> Introduction to CSS

HTML Formatting.

HTML Basics and CSS style

Web Authoring Task 1– Create Style Sheet List – LI { Table Body

Web Page Design ICT Ms. McGrew.

Fixed Positioning.

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

Microsoft Word 2013 Part II.

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

TITLE (CALIBRI 36 PT BOLD)

Presentation transcript:

Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)

Creating Content that looks great What’s going on here … ?

Getting things done

Creating Content that looks great What’s going on here… Getting things done Best-Enough

Creating Content that looks great What’s going on here… Getting things done Best-Enough Tools & Resources

Creating Content that looks great What’s going on here… Getting things done Best-Enough Tools & Resources Tips & Tricks

What ‘Content’ Are We Talking About? ?

Regular ‘ol web pages

What ‘Content’ Are We Talking About? Regular ‘ol web pages Landing pages

What ‘Content’ Are We Talking About? Regular ‘ol web pages Landing pages Mostly text

What ‘Content’ Are We Talking About? Regular ‘ol web pages Landing pages Mostly text Homepages

What ‘Content’ Are We Talking About? Regular ‘ol web pages Landing pages Mostly text Homepages Campaign-specific landing page

Anatomy Of A Webpage Headings Paragraphs Links Lists Tables Text-treatments: bold, italic Images Misc

What Formatting Options To Use? Headings Paragraphs Links Lists Tables Text-treatments: bold, italic

What Formatting Options To NEVER Use Different fonts Text sizing Text color Underline Center aligning Right aligning

Tool Time Webpage Formatting Cheat Sheet

Making Your Formatting Look Good Styling your content with CSS Text size Spacing Text color Fonts

Tool Time Style Examples and Cut-N-Paste CSS

Creating Clean Content What does that even mean? Removing MS Word formatting Fixing broken HTML on existing pages Creating new content from scratch Avoiding using the CMS WYSISYG at all costs

Tool Time Customized WYSIWYG that does [almost] everything right the first time.

Creating Content that looks great What just happened here??? Getting things done Best-Enough Tools & Resources Tips & Tricks

Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)