Web Design

1 downloads 191 Views 10MB Size Report
CSS, PhP) ... Supports Responsive Web Design ... Good Reputation supporting Academic Users. • Reasonably Priced (US $2
Web Design

John Bonnett Introduction to Digital History Workshop Brock University May 2, 2016

A Few Design Principles….

• Plan – Don’t Reinvent the Wheel • Less is More: Minimalism | Avoid Clutter! • Responsive: Can be viewed on any Device •Use WordPress

http://www.kevinkee.ca A Few Design Principles….

http://www.chadgaffield.com A Few Design Principles….

http://dutchdissenters.net A Few Design Principles….

https://moneyandpoweratlanticworld.wordpress.com/

A Few Design Principles….

A Few Design Principles….

• Plan – Don’t Reinvent the Wheel • Less is More: Minimalism | Avoid Clutter! – Rely on Established Conventions – Create Pages that are spare in Content

• Responsive: Can be viewed on any Device •Use WordPress

A Few Design Principles….

A Few Design Principles….

A Few Design Principles….

• Plan – Don’t Reinvent the Wheel • Less is More: Minimalism | Avoid Clutter! • Responsive: Can be viewed on any Device •Use WordPress

A Few Design Principles….

A Few Design Principles….

A Few Design Principles….

• Plan – Don’t Reinvent the Wheel • Less is More: Minimalism | Avoid Clutter! • Responsive: Can be viewed on any Device •Use WordPress – Advantage: No need to learn programming languages (HTML 5, CSS, PhP) – Advantage: Widely used (BBC, Apple) – Provides design templates (specifies where features such as menus, blogs and twitter feeds placed) – Content creation via typing, drag-and-drop graphics – Simple | Easy to learn | Cloud-based: use any computer, anywhere to modify – Supports Responsive Web Design

Our Objective Today ….

•Produce a Website similar to mine: johnbonnett.com •You will not be locked into design and site constituents we build today •Here is an overview of the pages we will construct today …

A Few Design Principles….

Before we get started ….

•We’ll need to perform the following three tasks: – Create an account with a Host (ReClaim.com) • • • •

Used by George Mason in its Digital History Workshops Good Reputation supporting Academic Users Reasonably Priced (US $25) for hosting and domain name Lets you work with WordPress

– Acquire Domain Name – Install WordPress

Today’s website tutorials …. •…are based on the tutorials and templates of Tyler Moore •Chosen for four reasons – His Materials Produce Good looking Web Sites – Uses plug-in PageBuilder – Offers greater flexibility in controlling fonts and other features of your website – Moore’s videos useful resources for consultation after this workshop

A Few Design Principles….

A Few Design Principles….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….

….