Developing Your Own Academic Website. SGD Professional Development Seminar February 28, 2014

Transcription

1 Developing Your Own Academic Website SGD Professional Development Seminar February 28, 2014

2 Why Bother With A Website? Having a web presence is very important Especially for job applicakons Nice CV fodder Good for learning basic coding, design, FTP, and other handy skills Others?

3 Website Examples U- System Website Examples htp:// htp:// Other UA Websites htp://cals.arizona.edu/research/monson/ htp://cwoodhouse.faculty.arizona.edu/

4 Website Examples (non- UA) The 1- Pager htp://personal.lse.ac.uk/robert49/ htp://jonahschupbach.com/ The MulK- Pager htp:// htp://users.humboldt.edu/mstephens/ The Personal Domain Name Version htp://

5 Basic Features/ Pages Basic Requirements Homepage About/ Contact CV Teaching Research PublicaKons Other Op2ons As Appropriate Awards AcKviKes/ AffiliaKons Media Presence Social Media (if professionally oriented) like TwiTer, YouTube/ Vimeo, LinkedIn, etc. Blog or links to other websites Fieldwork Photos, Maps, etc.

6 Helpful Acronyms SSH = Secure Shell SFTP = SSH or Secure File Transfer Protocol URL = Uniform Resource Locator HTML = Hyper Text Markup Language CSS = Cascading Style Sheets WYSIWYG = What You See Is What You Get

7 Where to Start? U- System Somewhat tricky, requires some coding or a good WYSIWYG sodware, more flexible, free, stakc Google Sites Very easy, somewhat boring/ limited, free, dynamic Other Content Management Systems (Wordpress, Wix, etc.) Easy to use, more flexible, no coding necessary, URL not associated with university, $$, dynamic

8 U- System htp://uits.arizona.edu/services/u- system- unix- resources- websites- sodware- uklikes- compilers- Overview Create U- system account - htps://account.arizona.edu/welcome Download an SSH Client - htp://sodwarelicense.arizona.edu/ssh- clients- windows- and- mac AcKvate the public_html directory (do this on a computer with Windows, I recommend using PuTTy to do this party) Download a SFTP client (or use as sodware for SSH client if possible) - htp://sodwarelicense.arizona.edu/ssh- clients- windows- and- mac Helpful InstrucKons for first two steps: htp://

9 CreaKng & Designing HTML Pages.html pages are stakc pages that you create and edit Make a folder called mywebsite to put them in, along with images and other docs You upload them through an SFTP to the u.arizona.edu server You will not see them on the web unkl you overwrite old files or add new files The index.html file is your main u.arizona.edu/ ~yournekd homepage You can create addikonal pages, the names of which are the end of the html address

10 HTML Editors WYSIWYG KompoZer (free, available for Windows, Mac, Linux) Blue Griffon (free, Windows, Mac) NVU (free, Windows, Mac) SeaMonkey (free, Windows, Mac) iweb ($, Mac) Dreamweaver ($$$, Windows, Mac) Code Only Notepad++ (free, Windows) Sublime Text 2 (free, Windows, Mac) TextMate (free, Mac) TextWrangler (free, Mac)

11 Super Duper Basic HTML Code <h1> header text </h1> <p> open paragraph </p> <br> break <hr> line Free Tutorial: htp:// Test Your HTML/ CSS: htp://codepen.io/pen/

12 Images & Video Images RelaKve vs. absolute paths Must be in the same folder as your.html files and uploaded to the server Reference relakve image name within code The same goes for documents like your CV in.pdf or.doc format Video Embedding code htp:// watch? v=qdpnnkspwe0#t=0 Share video Copy and paste code under Embed

13 Google Account htps://sites.google.com/a/ .arizona.edu/ Overview Very intuikve and easy to do Create site Name site Add and edit pages in the template

14 Other Content Management System OpKons Wordpress (htps://wordpress.org/) Wix (htp:// Register and purchase your own URL / domain name Can usually do this directly through interface (costs $$ to register, must be renewed yearly) Set up website through templates

15 QUESTIONS? me at for queskons if you have them down the road. Good luck!