Presentation is loading. Please wait.

Presentation is loading. Please wait.

A brief introduction PERSONAL ACADEMIC WEBSITES. Why make one? Introduce yourself to prospective colleagues and employers Update people on your projects.

Similar presentations


Presentation on theme: "A brief introduction PERSONAL ACADEMIC WEBSITES. Why make one? Introduce yourself to prospective colleagues and employers Update people on your projects."— Presentation transcript:

1 A brief introduction PERSONAL ACADEMIC WEBSITES

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

3 Where to keep 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 sarahsaur.us for resources mentioned in this presentationsarahsaur.us WEBSITE BASICS

4 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 HOSTING

5 Free service URLs Pros: Free! Cons: Long, hard to remember, and will change if you change hosts Examples yoursite.weebly.com epsc.wustl.edu/~yourname sites.google.com/site/your site/ Buying your own Pros: personal, easy to remember, and wont change Cons: not free, take a little work to set up Examples yourname.com yourname.me randomword.pw DOMAIN NAMES

6 HTML 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 CSS describes the presentation of Web pages, including colors, layout, and fonts. It defines how a certain part of the site displays BASICS OF HTML AND CSS

7 Code Heading This is a paragraph. Text text text, here is some text. Here is another paragraph. Text text text, here is some more text An Unordered List: Stars Planets Moons Display HTML EXAMPLE

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

9 Hand-coded in Notepad++ View herehere SAMPLE SITE

10 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 CONTENT MANAGEMENT SYSTEMS (CMS)

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

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

13 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 BUILDING A SITE IN WORDPRESS

14 Add New PageEdit Page CREATING AND EDITING PAGES

15 WORDPRESS THEMES

16

17

18 Sites that offer free website building tools plus hosting Google Sites Weebly Wix Wordpress.com Many offer extra features for paying accounts ONLINE SITE BUILDERS

19 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. FREE SITE BUILDER EXAMPLE: WEEBLY

20 Weebly.com WEEBLY DEMO

21 Visit HereHere WEEBLY SITE EXAMPLE

22 EPSc People Martin Pratt - martinpratt/website/Ab out.html martinpratt/website/Ab out.html Stephen Seddio - sseddio sseddio Kelsi Singer - https://sites.google.co m/site/kelsisinger/ https://sites.google.co m/site/kelsisinger/ Other People Wendy Cage - e.com/ e.com/ David Gauntlett - om/ om/ Jim Wild - EXAMPLE SITES


Download ppt "A brief introduction PERSONAL ACADEMIC WEBSITES. Why make one? Introduce yourself to prospective colleagues and employers Update people on your projects."

Similar presentations


Ads by Google