Presentation is loading. Please wait.

Presentation is loading. Please wait.

Personal Academic Websites

Similar presentations

Presentation on theme: "Personal Academic Websites"— Presentation transcript:

1 Personal Academic Websites
A brief introduction Only 20 minutes, so very brief coverage of each topic. Feel free to ask questions or come by later for more detail on a specific topic.

2 Personal Academic Websites
Why make one? What to include? Introduce yourself to prospective colleagues and employers Update people on your projects and publications Curriculum Vitae Publications Research and teaching interests Personal information

3 Website Basics Where to keep your site What to call your site
Hosting What to call your site Domain names How to build your site HTML and CSS; Content Management Systems (CMS); online site builders Visit for resources mentioned in this presentation

4 Hosting Free hosting available on department servers (talk to Hugh Chou to get yours set up) Free third-party hosting Usually supported by advertising on your page Paid hosting Can cost as little as a few dollars a month Online site builders will host you site on their servers

5 Domain names Free service URLs Buying your own Pros: Free!
Cons: Long, hard to remember, and will change if you change hosts Examples Pros: personal, easy to remember, and won’t change Cons: not free, take a little work to set up Examples What is a domain name. Why get your own.

6 Basics of HTML and CSS HTML CSS
HTML describes the structure of Web pages It defines what a certain part of the site is, e.g., a paragraph, a list, a link, or a header CSS describes the presentation of Web pages, including colors, layout, and fonts. It defines how a certain part of the site displays

7 HTML example Code Display <h1>Heading</h1>
<p>This is a paragraph. Text text text, here is some text.</p> <p>Here is another paragraph. Text text text, here is some more text</p> <h2>An Unordered List:</h2> <ul> <li>Stars</li> <li>Planets</li> <li>Moons</li> </ul>

8 CSS example Code Display body { color:black;
font-family:"Trebuchet MS", Helvetica, sans-serif; background-color:#b0c4de; } h1 {color:#101C6B;} h2 {color:#2038D6;}

9 Sample Site Hand-coded in Notepad++ View here

10 Content Management Systems (CMS)
A software tool that allows even those with little to no knowledge of HTML to build and manage a website Some can be downloaded and installed on your own web space Some are provided as a web-based service

11 WordPress Primarily for blogging, but flexible enough to create non-blog websites Two different versions of WordPress – self-hosted, open-source software – a web-based blogging service

12 Installing WordPress Simple “5-minute install”
Download WordPress Create a database on your web space Upload WordPress files Run the installation script Done! Many web hosting services offer automatic WordPress installation

13 Building a site in WordPress
Static Pages vs Posts Pages To blog or not to blog Changing the front page of your site to a static page Themes Thousands of free and premium designs to choose from, or make your own Plugins and Widgets Add additional functionality to your site

14 Creating and Editing Pages
Add New Page Edit Page

15 WordPress Themes

16 WordPress Themes

17 WordPress Themes

18 Online Site Builders Sites that offer free website building tools plus hosting Google Sites Weebly Wix Many offer extra features for paying accounts

19 Free Site Builder Example: Weebly
Simple and easy to use WYSIWYG (What You See Is What You Get) page creator Drag and drop page elements like columns, paragraphs and photos right where you want them Free service has small, unobtrusive advertisement at bottom of page Premium service ($4-7/month) removes ad, and has a few more features like more space, connecting to your own domain, statistics, etc.

20 Weebly Demo

21 Weebly Site Example Visit Here

22 Example Sites EPSc People Other People
Martin Pratt - Stephen Seddio - Kelsi Singer - Wendy Cage - David Gauntlett - Jim Wild -

Download ppt "Personal Academic Websites"

Similar presentations

Ads by Google