Week1 Introduction

732 views

Published on

with autumn theme

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
732
On SlideShare
0
From Embeds
0
Number of Embeds
389
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Week1 Introduction

  1. 1. Design and Evaluation ofVisual Information for the Web Fall 2012 1
  2. 2. IntroductionSyllabusHybrid learning – Roles – Time-managementExpectations – Motivation – Curiosity – 5-6 hours/week 2
  3. 3. IntroductionGrades – You earn it – Start from 0 – Based on the assignments you accomplished – Reflect on your work, not on youAttendance 3
  4. 4. Dreamweaver CS5• A Web site production and management program• Visual page building• Interactivity• Includes Spry, which is written in JavaScript• Integrated with CSS, PHP, and JavaScript• Design view, code view, and split view• Site management tools 4
  5. 5. Dreamweaver Interface• Application bar• Document tabs• Document toolbar• Document window• Property inspector• Panel groups 5
  6. 6. Setup Preferences• Edit > Preferences> Invisible elements > check Line breaks• Set up panel groups from Windows button – History – CSS Styles/AP Elements – Workspace Layout• View > rules/grid/guide > Snap to guides• To define page appearance: Property inspector > Page Properties 6
  7. 7. Build Your Own PageTitleText: – Insert panel > text (to change styles) – Line break (automatic return + 1 empty line) • If continuous without this empty line, Insert Panel > Text > BRj or Shift + Enter – Multiple space: Edit > preference > general > allow multiple consecutive spaces 7
  8. 8. Build Your Own Page• Format (HTML): – properties panel (heading, bold, italics, alignment)• Copy/paste text• Check spelling: – Command > check spelling• Import Word and Excel Document – File > import > Word document (only for basic format)• View: Local view or file > view >Firefox 8
  9. 9. Local Site Structure week1.html Mydocument week1 img1.jpg week2.html gslis720 week2 img1.jpg Week3.html week3 gslis750 img1.png 9
  10. 10. ServerWhat: • combination of hardware and software designed to provide services to clients • Server operating system is requiredHow to: • Sign up a free server • Free Web Hosting http://www.free-webhosts.com/webhosting- 01.phpWatch video: http://www.youtube.com/watch?v=kDly37wAxyE &feature=player_embedded 10
  11. 11. Server Structure http://wwwftp 11
  12. 12. 3 Ways of uploading your files1. On server site, upload your file http://www.youtube.com/watch?v=g0CXeHtl7ow&feature=pl ayer_embedded2. ftp from local to server using FileZilla http://www.youtube.com/watch?v=eY0NZho3vFc&feature=pl ayer_embedded http://www.youtube.com/watch?v=evj_Oy9ZjRo&feature=rela ted3. Use Dreamweaver to sync http://www.youtube.com/watch?v=nNLYzm0PsTw&feature= player_embedded 12
  13. 13. FTPWhat: • file transfer protocolWhy: • to promote sharing of files (computer programs and/or data) • to encourage indirect or implicit (via programs) use of remote computers • to shield a user from variations in file storage systems among hosts, and • to transfer data reliably and efficiently. (from RFC 959, 1985 at http://tools.ietf.org/html/rfc959) 13

×