Generating Reports and Web Apps

Size: px
Start display at page:

Download "Generating Reports and Web Apps"

Transcription

1 Generating Reports and Web Apps Module 10

2 Today s Agenda Installing software to use Markdown on your own machine Walkthrough of Markdown and markup languages more generally A bit of a preview of next week In-depth on shiny How to create your own shiny apps How to enable other people to access your shiny apps

3 Necessary Installs Beyond R R Packages (not actually automatic) rmarkdown shiny knitr ggvis Software for Exports PDF: LaTeX ( get MiKTeX [Win] or MacTeX [Mac]) and set it to automatically install packages during installation HTML: pandoc v ( for now) DOCX: MS Word Although you could theoretically use RMarkdown on the command line/directly to generate reports, we will only use R Studio. 3

4 R Markdown utilizes a Markup Language Markup languages Plain text document annotation systems intended to provide text meta-data directly on a manuscript The term "markup" comes from traditional marking up by hand of documents Examples of markup languages HTML LaTeX Markdown Advantages vs. disadvantages (comparing WYSIWYG vs. WYSIWYM) Utilize plain text, so they are universally accessible and will not become obsolete Utilize plain text, so they are hard to read and require computer interpretation 4

5 Example of HTML Markup 5

6 Example of Markdown Markup (from Wikipedia) 6

7 Markdown Signals See Help/Markdown Quick Reference in R Studio Or use this cheat sheet: /wpcontent/uploads/2016/0 3/rmarkdowncheatsheet-2.0.pdf Or use this official guide: wpcontent/uploads/2015/0 3/rmarkdownreference.pdf 7

8 Embedding Code `r codehere` to execute that code wherever you want to execute it. To execute code as a block (and display it as such): ```{r} codehere ``` Options for the {r} call, separated by commas (also see cheat sheet): name: name the code echo=true: display the code (does not affect results or messages) message=true, warning=true, error=true: display messages, warnings, and errors eval=true: run the code results='markup': other options: "asis", "hold", "hide" Full list here: Example ```{r mycode, echo=f} myvar <- 1 ``` 8

9 Basic YAML Headers Same format every time --- title: "My Title" author: "My Name" date: "Today" output: output_type --- output_type specifies what you're going to generate html_document pdf_document word_document beamer_presentation # PDF slideshow slidy_presentation # HTML slideshow using slidy template ioslides_presentation # HTML slideshow using ioslides template md_document # a.rmd markdown file so when is this useful? 9

10 Extended YAML Options Indention and tabs matter, which do not follow clear patterns except re:output options Output options vary by output format, but HTML is by far the most flexible Again, see title: "My Title" author: "My Name" date: "Today" output: html_document: theme: cosmo number_sections: true toc: true toc_float: true --- Most flexibility with display comes from creating CSS files 10

11 CSS: Cascading Style Sheets HTML is a markup language intended to provide webpage content CSS is a style language intended to provide stylistic/formatting data for markup HTML+CSS is the backbone of the web We will talk about CSS more later when we get into web scraping but will focus more on how-to-read than how-to-write If you want to learn to write CSS, I suggest Codecademy 11

12 HTML + CSS <html> <head> <title>my Webpage</title> <link href="mycss.css" type="text/css" rel="stylesheet"> </head> <body> <h1>my Wepage</h1> <p>this is my webpage.</p> </body> </html> body { } h1 { } p { } background-color: #EBEBEB; font-weight: bold; font-size: 24pt; font-style: italic; 12

13 Creating PDFs Just like you saw in Data Camp Things that are different from what we normally do: All files should be in a markdown directory together Don't run rstudioapi code 13

14 Easiest Way to Create a Shiny App The simplest way to write a shiny app using Markdown: 1. Use write_csv() on your final ready-for-figure dataset in markdown folder 2. Have your original figure generation code ready 3. Create a new shiny markdown document using R Studio (not a new shiny app) 4. Delete everything below the YAML (unless you want an example) 5. Within a code block (```) add shiny functions for anything to be changeable Examples: numericinput(), radiobuttons(), selectinput(), sliderinput() 6. Test your shiny input code by copying each function's results into a.html file and viewing that file in a web browser to verify it looks right 7. Use read_csv() to import your final ready-for-analysis dataset 8. Copy existing figure generation code and modify to use shiny variables (remember to use input$ to refer to those variables) 9. Surround entire figure generation code with renderplot({ }) 14

15 ggplot2 vs ggvis A summary is available here: ggvis is a more advanced tidyverse plotting system that differs from ggplot2 in that ggvis: Is more experimental Combines elements using %>% instead of + Does not support faceting Distinguishes between static geoms (which are now emit_) and dynamic geoms (layers) Creates an HTML object when exported (vs. ggplot2's static image file) Enables animation using shiny and unique ggvis functions Is much faster Has less graphical complexity by default Has fewer emits than ggplot2 has geoms You generally want to use ggvis to render animations on webpages and either of the two (but probably ggplot2) for everything else 15

16 Easiest Way to Put a Shiny App Online Easiest: First time setup only Sign up for a free account (something.shinyapps.io) Follow the instructions on the webpage, shorthanded here 1. install.packages("rsconnect") 2. library(rsconnect) 3. On the website, click "Show Secret" then "Copy to Clipboard" paste that into R and run it 4. deployapp("nameofappfile.rmd") After initial setup library(rsconnect) deployapp("nameofappfile.rmd") 16

17 Common Problems with Shiny and shinyapps.io Forgot to set up access tokens in R Studio Forgot runtime:shiny Didn't put skinny datafile in markdown directory Didn't define shiny input functions correctly, especially related to named vectors Put too much re-processing within renderplot() 17

Web Scraping and APIs

Web Scraping and APIs Web Scraping and APIs http://datascience.tntlab.org Module 11 Today s Agenda A deeper, hands-on look at APIs A sneak-peak at server-side API code How to write API queries How to use R libraries to write

More information

8.3 Come analizzare i dati: introduzione a RStudio

8.3 Come analizzare i dati: introduzione a RStudio 8.3 Come analizzare i dati: introduzione a RStudio Insegnamento di Informatica Elisabetta Ronchieri Corso di Laurea di Economia, Universitá di Ferrara I semestre, anno 2014-2015 Elisabetta Ronchieri (Universitá)

More information

Package BiocStyle. January 26, 2018

Package BiocStyle. January 26, 2018 Package BiocStyle January 26, 2018 Title Standard styles for vignettes and other Bioconductor documents Provides standard formatting styles for Bioconductor PDF and HTML documents. Package vignettes illustrate

More information

Scripts define HOW. The report defines WHAT & WHY. Mikhail Dozmorov. Fall Mikhail Dozmorov Scripts define HOW Fall / 27

Scripts define HOW. The report defines WHAT & WHY. Mikhail Dozmorov. Fall Mikhail Dozmorov Scripts define HOW Fall / 27 Scripts define HOW The report defines WHAT & WHY Mikhail Dozmorov Fall 2016 Mikhail Dozmorov Scripts define HOW Fall 2016 1 / 27 Literate programming Let us change our traditional attitude to the construction

More information

Package BiocStyle. December 9, 2018

Package BiocStyle. December 9, 2018 Package BiocStyle December 9, 2018 Title Standard styles for vignettes and other Bioconductor documents Provides standard formatting styles for Bioconductor PDF and HTML documents. Package vignettes illustrate

More information

Introduction to web development and HTML MGMT 230 LAB

Introduction to web development and HTML MGMT 230 LAB Introduction to web development and HTML MGMT 230 LAB After this lab you will be able to... Understand the VIU network and web server environment and how to access it Save files to your web folder for

More information

BIOST 561: R Markdown Intro

BIOST 561: R Markdown Intro BIOST 561: R Markdown Intro David Whitney November 3, 2016 R Markdown: The Basics The following information is readily available if you use Rstudio: Markdown is a simple formatting syntax for authoring

More information

Explore a dataset with Shiny

Explore a dataset with Shiny BUILDING WEB APPLICATIONS IN R WITH SHINY: CASE STUDIES Explore a dataset with Shiny Dean Attali Shiny Consultant Explore a dataset with Shiny Dataset + Interactive environment + View data + Filter data

More information

The Structure of the Web. Jim and Matthew

The Structure of the Web. Jim and Matthew The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop

More information

Latex Manually Set Font Size For Tables

Latex Manually Set Font Size For Tables Latex Manually Set Font Size For Tables I would like to set my table to font 10pt. Here is my coding /begin(table)(h) /resizebox(/textwidth)(!)(% /begin(tabular)(/l/l/l/l/l/) /hline & A & B & C & D //

More information

Creating Shiny Apps in R for Sharing Automated Statistical Products

Creating Shiny Apps in R for Sharing Automated Statistical Products U.S. ARMY EVALUATION CENTER Creating Shiny Apps in R for Sharing Automated Statistical Products Randy Griffiths Goal 1. Understand basic structure of Shiny app code 2. Produce simple apps 3. Feel confident

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Package BiocStyle. April 22, 2016

Package BiocStyle. April 22, 2016 Package BiocStyle April 22, 2016 Title Standard styles for vignettes and other Bioconductor documents Provides standard formatting styles for Bioconductor PDF and HTML documents. Package vignettes illustrate

More information

Adding a corporate identity to reproducible research

Adding a corporate identity to reproducible research Adding a corporate identity to reproducible research R Belgium, Zavemtem March 7 2017 Thierry Onkelinx Research Institute for Nature and Forest (INBO) Summary 1 Introduction 2 ggplot2 for graphics 3 Short

More information

HTML. Based mostly on

HTML. Based mostly on HTML Based mostly on www.w3schools.com What is HTML? The standard markup language for creating Web pages HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup

More information

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1 CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS

More information

Introduction to Shiny

Introduction to Shiny Introduction to Shiny LondonR Workshop June 27 th 2018 Nicolas Attalides Data Scientist nattalides@mango-solutions.com WiFi Network Name: UCLGuest or use: guest.ucl.ac.uk/portal Go to self-service and

More information

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout

More information

Reproducible Research with R and RStudio

Reproducible Research with R and RStudio The R Series Reproducible Research with R and RStudio Christopher Gandrud C\ CRC Press cj* Taylor & Francis Croup Boca Raton London New York CRC Press is an imprint of the Taylor & Francis Group an informa

More information

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3

More information

This document provides a concise, introductory lesson in HTML formatting.

This document provides a concise, introductory lesson in HTML formatting. Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

Dreamweaver CS6. Level 1. Topics Workspaces Basic HTML Basic CSS

Dreamweaver CS6. Level 1. Topics Workspaces Basic HTML Basic CSS Level 1 Topics Workspaces Basic HTML Basic CSS Tour the Workspace The arrangement of panels and menus you use to interact with a document is called the workspace. Much of Illustrator is customizable: you

More information

Latex Tutorial Font Size Table Of Content In. Html >>>CLICK HERE<<<

Latex Tutorial Font Size Table Of Content In. Html >>>CLICK HERE<<< Latex Tutorial Font Size Table Of Content In Html HTML with smart quotes, table of contents, CSS, and custom footer: fontsize=12pt --variable version=1.14 README --latex-engine=xelatex --toc -o example14.

More information

Web Publishing Basics I

Web Publishing Basics I Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic

More information

Creating and Building Websites

Creating and Building Websites Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 1 Slide 1 of 28 Course Description

More information

Introduction to Shiny

Introduction to Shiny Introduction to Shiny LondonR Workshop November 21st 2017 Nick Howlett Data Scientist Email: nhowlett@mango-solutions.com WiFi The Cloud WiFi Workshop Aim Be able to develop a simple Shiny App with standard

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

PAGES, NUMBERS, AND KEYNOTE BASICS

PAGES, NUMBERS, AND KEYNOTE BASICS PAGES, NUMBERS, AND KEYNOTE BASICS Pages, Numbers, and Keynote are applications developed by Apple that are comparable to Microsoft Office and Google Docs. Pages, Numbers, and Keynote comes free with your

More information

Objective % Select and utilize tools to design and develop websites.

Objective % Select and utilize tools to design and develop websites. Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1

Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction to HTML HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. HTML consists

More information

E , Fall 2007 More with stylesheets

E , Fall 2007 More with stylesheets I hope that you ll appreciate my use of the waterfall both as a way to calm your frayed nerves and to provide you with a metaphor for the style sheets In this document, I d like to step back a little and

More information

The main differences with other open source reporting solutions such as JasperReports or mondrian are:

The main differences with other open source reporting solutions such as JasperReports or mondrian are: WYSIWYG Reporting Including Introduction: Content at a glance. Create A New Report: Steps to start the creation of a new report. Manage Data Blocks: Add, edit or remove data blocks in a report. General

More information

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction

More information

Introduction to HTML and CSS. Arts and Humanities in the Digital Age 2018 CHASE DTP Dr. Paul Gooding

Introduction to HTML and CSS. Arts and Humanities in the Digital Age 2018 CHASE DTP Dr. Paul Gooding Introduction to HTML and CSS Arts and Humanities in the Digital Age 2018 CHASE DTP Dr. Paul Gooding p.gooding@uea.ac.uk @pmgooding Session Outline Introduction How do the web, and web browsers work? Getting

More information

ADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model)

ADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model) INTRO TO CSS RECAP HTML WHAT IS CSS ADDING CSS TO YOUR HTML DOCUMENT CSS IN THE DIRECTORY TREE CSS RULES A FEW CSS VALUES (colour, size and the box model) CSS SELECTORS SPECIFICITY WEEK 1 HTML In Week

More information

CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS. By Ted Mitchell

CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS. By Ted Mitchell CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS By Ted Mitchell CSS IS USED TO CREATE BOXES ON/IN THE PAGE THAT ARE POSITIONED IN CERTAIN PLACES AND GIVEN STYLES OR CHARACTERISTICS

More information

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em> Introduction to CSS Review Question 1 Which tag is used to create a link to another page? 1. 2. 3. 4. Review Question 1 Which tag is used to create a link to another page? 1. 2.

More information

Create & Use Your Own Teaching Website BJORN CANDEL FUJAIRAH MEN S COLLEGE

Create & Use Your Own Teaching Website BJORN CANDEL FUJAIRAH MEN S COLLEGE Create & Use Your Own Teaching Website BJORN CANDEL FUJAIRAH MEN S COLLEGE 2 Go to www.kahoot.it 3 Here are some different ways to communicate with your students and deliver your classes 28 February 2018

More information

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for

More information

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain

More information

Understanding Page Template Components. Brandon Scheirman Instructional Designer, OmniUpdate

Understanding Page Template Components. Brandon Scheirman Instructional Designer, OmniUpdate Understanding Page Template Components Brandon Scheirman Instructional Designer, OmniUpdate Where do PCFs come from??.pcf .PCF Agenda Implementation Process Terminology used in Template Development Hands-on

More information

HTML & CSS. Rupayan Neogy

HTML & CSS. Rupayan Neogy HTML & CSS Rupayan Neogy But first My Take on Web Development There is always some tool that makes your life easier. Hypertext Markup Language The language your web browser uses to describe the content

More information

Creating and Publishing Faculty Webpages

Creating and Publishing Faculty Webpages Creating and Publishing Faculty Webpages The UNF Template The template we are using today provides a professional page that is easy to work with. Because the pages are already built, faculty members can

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review HTML Introduction Structure Preview Review gunkelweb.com/classlist Review Introduction World Wide Web vs. Internet Internet - Developed by DARPA in the 1960 s

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

CMPT 165 Unit 2 Markup Part 2

CMPT 165 Unit 2 Markup Part 2 CMPT 165 Unit 2 Markup Part 2 Sept. 17 th, 2015 Edited and presented by Gursimran Sahota Today s Agenda Recap of materials covered on Tues Introduction on basic tags Introduce a few useful tags and concepts

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

Creating a Website: Advanced Dreamweaver

Creating a Website: Advanced Dreamweaver Creating a Website: Advanced Dreamweaver Optimizing the Workspace for Accessible Page Design 1. Choose Edit > Preferences [Windows] or Dreamweaver > Preferences [Macintosh]. The Preferences dialog box

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

Tutorial: development of an online risk calculator platform

Tutorial: development of an online risk calculator platform Big- Clinical Trial Column Page 1 of 7 Tutorial: development of an online risk calculator platform Xinge Ji, Michael W. Kattan Department of Quantitative Health Sciences, Lerner Research Institute, Cleveland

More information

Adobe Dreamweaver CS3 English 510 Fall 2007

Adobe Dreamweaver CS3 English 510 Fall 2007 Adobe Dreamweaver CS3 English 510 Fall 2007 Important: Before going through this handout, you should create a WWW directory on your ISU e-mail account. Otherwise, you will not be able to upload and view

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

Correctly structuring and presenting a technical document

Correctly structuring and presenting a technical document Correctly structuring and presenting a technical document Version 1.0 December 2010. Contents Introduction... 1 Formatting a document correctly... 1 Inserting a Table of Contents... 2 Inserting an Image...

More information

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Campus is closed on Monday. 3. Install Komodo Edit on your computer this weekend.

More information

Beginning Web Site Design

Beginning Web Site Design Beginning Web Site Design Stanford University Continuing Studies CS 03 (Summer CS 21) Mark Branom branom@alumni.stanford.edu http://web.stanford.edu/people/markb/ Course Web Site: http://web.stanford.edu/group/csp/cs03/

More information

Title and Modify Page Properties

Title and Modify Page Properties Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics

More information

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject Your Name:.... Grade 7 - SECTION 1 Matching :Match the terms with its explanations. Write the matching letter in the correct box. The first one has been done for you. (1 mark each) Term Explanation 1.

More information

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted

Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Install Komodo Edit on your computer right away. 3. Bring laptops to next class

More information

In the early days of the Web, designers just had the original 91 HTML tags to work with.

In the early days of the Web, designers just had the original 91 HTML tags to work with. Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,

More information

Client Configuration Cookbook

Client Configuration Cookbook Sitecore CMS 6.4 or later Client Configuration Cookbook Rev: 2013-10-01 Sitecore CMS 6.4 or later Client Configuration Cookbook Features, Tips and Techniques for CMS Architects and Developers Table of

More information

L A TEX for psychological researchers

L A TEX for psychological researchers Kahoot! L A TEX for psychological researchers Lecture 1: Introducton Sacha Epskamp University of Amsterdam Department of Psychological Methods 27-01-2015 Contact Details Workshop website: http://sachaepskamp.com/latex-workshop

More information

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags, creating our template file Introduction to CSS and style

More information

IQReport Documentation

IQReport Documentation IQReport Documentation Version 1.14 April 17, 2019 1 Contents 1 Background IQReport... 3 1.1 Why not Rmarkdown?... 3 2 Installation and requirements... 4 2.1 Required third party software... 4 2.2 System

More information

Training Sister Hicks

Training Sister Hicks VMT CONSULTING Hand-out Vernell Turner 5/18/2016 2 Training Agenda 1. Images 2. Web Pages General 3. FBH Website 3 Images Tips for Using Images in a MS Word Document: 1. Type your text first before inserting

More information

c122jan2714.notebook January 27, 2014

c122jan2714.notebook January 27, 2014 Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the

More information

Client Configuration Cookbook

Client Configuration Cookbook Sitecore CMS 6.2 Client Configuration Cookbook Rev: 2009-10-20 Sitecore CMS 6.2 Client Configuration Cookbook Features, Tips and Techniques for CMS Architects and Developers Table of Contents Chapter 1

More information

Content Author's Reference and Cookbook

Content Author's Reference and Cookbook Sitecore CMS 6 Content Author's Reference and Cookbook Rev. 080627 Sitecore CMS 6 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents Chapter

More information

Introduction to HTML

Introduction to HTML Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements

More information

Working with PowerPoint. Modify PowerPoint. Views

Working with PowerPoint. Modify PowerPoint. Views Working with PowerPoint The new user interface The Backstage view The Office Ribbon with its tabs The Quick Access Toolbar The Status Bar How to Use Smart Tags The New File Format Live Preview Protected

More information

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To

More information

Web Page Designing Manual READ ONLINE

Web Page Designing Manual READ ONLINE Web Page Designing Manual READ ONLINE Corporate Design Manual Web Design Forums For - Free Ebook Corporate Design Manual Web Design Forums For Designers PDF e- books and documents pdf doc xls ppt docx

More information

Using Dreamweaver To Edit the Campus Template Version MX

Using Dreamweaver To Edit the Campus Template Version MX Using Dreamweaver To Edit the Campus Template Version MX Tennessee Tech University Clement Hall 215 Dreamweaver is an HTML (Hypertext Markup Language) editor that allows you to create HTML pages. This

More information

CS 200. Lecture 02 Structured Word Processing Styles. 02 Styles. CS 200 Spring Friday, May 9, 2014

CS 200. Lecture 02 Structured Word Processing Styles. 02 Styles. CS 200 Spring Friday, May 9, 2014 CS 200 Lecture 02 Structured Word Processing Styles 1 Miscellaneous Notes Assigned reading The Non Designer s Design Book, 2nd Edition, by Robin Williams (first half) Adobe on Basic Typography (the cws:

More information

Markup Language. Made up of elements Elements create a document tree

Markup Language. Made up of elements Elements create a document tree Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how

More information

Navigation. Websites need a formalized system of links to allow users to navigate the site

Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

Reproducibility with git and rmarkdown

Reproducibility with git and rmarkdown Reproducibility with git and rmarkdown Thomas J. Leeper Department of Government London School of Economics and Political Science 5 April 2018 1 / 65 Background Git Intermediate Git Branches & Remotes

More information

Creating Pages with the CivicPlus System

Creating Pages with the CivicPlus System Creating Pages with the CivicPlus System Getting Started...2 Logging into the Administration Side...2 Icon Glossary...3 Mouse Over Menus...4 Description of Menu Options...4 Creating a Page...5 Menu Item

More information

EECS1012. Net-centric Introduction to Computing. Lecture 3: CSS for Styling

EECS1012. Net-centric Introduction to Computing. Lecture 3: CSS for Styling EECS1012 Net-centric Introduction to Computing Lecture 3: CSS for Styling Acknowledgements Contents are adapted from web lectures for Web Programming Step by Step, by M. Stepp, J. Miller, and V. Kirst.

More information

Creating a Web Page using KompoZer

Creating a Web Page using KompoZer Creating a Web Page using KompoZer KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG (What You See Is What You Get) web page editing. With KompoZer,

More information

Introduction to Cascading Style Sheet (CSS)

Introduction to Cascading Style Sheet (CSS) Introduction to Cascading Style Sheet (CSS) Digital Media Center 129 Herring Hall http://dmc.rice.edu/ dmc-info@rice.edu (713) 348-3635 Introduction to Cascading Style Sheets 1. Overview Cascading Style

More information

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

HTML5/CSS3 Photo Gallery Plug-ins For Adobe Lightroom User Guide V 1.0

HTML5/CSS3 Photo Gallery Plug-ins For Adobe Lightroom User Guide V 1.0 HTML5/CSS3 Photo Gallery Plug-ins For Adobe Lightroom User Guide V 1.0 Copyright 2010. Digicrafts. All rights reserved. For license agreement, you can visit www.digicrafts.com.hk/components CONTENTS Installation

More information

MN Studio Website - User Guide

MN Studio Website - User Guide MN Studio Website - User Guide Version 1.1 MN Studio Website Program 1. Introduction Welcome to the new website program! The MN Studio Website program allows you to create your own website with customized

More information

CS 200. Lecture 02 Structured Word Processing Styles. 02 Styles. CS 200 Winter 2018

CS 200. Lecture 02 Structured Word Processing Styles. 02 Styles. CS 200 Winter 2018 CS 200 Lecture 02 Structured Word Processing Styles 1 Assigned reading Miscellaneous Notes The Non Designer s Design Book, by Robin Williams (first half) Adobe on Basic Typography (https://www.student.cs.uwaterloo.ca/~cs200/adobe/

More information

ACA Dreamweaver Exam Notes

ACA Dreamweaver Exam Notes ACA Dreamweaver Exam Notes Remember when you need to copy and paste the text you have to open up that actual text file itself and the need to go to edit> select all>, edit> copy>, then go back to the html

More information

Installation and Introduction to Jupyter & RStudio

Installation and Introduction to Jupyter & RStudio Installation and Introduction to Jupyter & RStudio CSE 4/587 Data Intensive Computing Spring 2017 Prepared by Jacob Condello 1 Anaconda/Jupyter Installation 1.1 What is Anaconda? Anaconda is a freemium

More information

Beginners Guide to Snippet Master PRO

Beginners Guide to Snippet Master PRO Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...

More information

CSS: formatting webpages

CSS: formatting webpages CSS: formatting webpages Why CSS? separate content from formatting (style) style can be changed easily without rewriting webpages keep formatting consistent across website allows more advanced formatting

More information

Package knitrbootstrap

Package knitrbootstrap Version 1.0.1 Package knitrbootstrap July 19, 2017 Maintainer Jim Hester Author Jim Hester Title 'knitr' Bootstrap Framework A framework to create Bootstrap

More information

Using CSS in Web Site Design

Using CSS in Web Site Design Question 1: What are some of the main CSS commands I should memorize? Answer 1: The most important part of understanding the CSS language is learning the basic structure and syntax so you can use the language

More information

Interactive Apps with Shiny INFO 201

Interactive Apps with Shiny INFO 201 Interactive Apps with Shiny INFO 201 Joel Ross Winter 2017 1 2 Deadlines This Week Tue 02/21 (today): Assignment 7 Thu 02/23: Project Proposal Fri 02/24: First Peer Evaluation Tue 02/28: Assignment 8 (individual)

More information

INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS

INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS cristina gena dipartimento di informatica cgena@di.unito.it http://www.di.unito.it/~cgena/ materiale e info sul corso http://www.di.unito.it/~cgena/teaching.html

More information

Reproducible research and knitr

Reproducible research and knitr Reproducible research and knitr Friedrich Schuster 1 February 24, 2013 1 Thanks to Yihui Xie, author of knitr. Friedrich Schuster () knitr February 24, 2013 1 / 30 Background, expectations Background:

More information

Ektron Advanced. Learning Objectives. Getting Started

Ektron Advanced. Learning Objectives. Getting Started Ektron Advanced 1 Learning Objectives This workshop introduces you beyond the basics of Ektron, the USF web content management system that is being used to modify department web pages. This workshop focuses

More information

Creating and Building Websites

Creating and Building Websites Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 3 Slide 1 of 16 Week 3 Agenda

More information

Creating an with Constant Contact. A step-by-step guide

Creating an  with Constant Contact. A step-by-step guide Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here

More information

Introduction to HTML & CSS. Instructor: Beck Johnson Week 2

Introduction to HTML & CSS. Instructor: Beck Johnson Week 2 Introduction to HTML & CSS Instructor: Beck Johnson Week 2 today Week One review and questions File organization CSS Box Model: margin and padding Background images and gradients with CSS Make a hero banner!

More information

It is possible to create webpages without knowing anything about the HTML source behind the page.

It is possible to create webpages without knowing anything about the HTML source behind the page. What is HTML? HTML is the standard markup language for creating Web pages. HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in

More information