Week1 Introduction

download Week1 Introduction

of 13

  • date post

  • Category


  • view

  • download


Embed Size (px)


with autumn theme

Transcript of Week1 Introduction

  • 1. Design and EvaluationofVisual Information for the WebFall 20121

2. IntroductionSyllabusHybrid learning Roles Time-managementExpectations Motivation Curiosity 5-6 hours/week2 3. IntroductionGrades You earn it Start from 0 Based on the assignments you accomplished Reflect on your work, not on youAttendance 3 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 tools4 5. Dreamweaver Interface Application bar Document tabs Document toolbar Document window Property inspector Panel groups5 6. Setup Preferences Edit > Preferences> Invisible elements > check Linebreaks 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 > PageProperties 6 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. 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 >Firefox8 9. Local Site Structureweek1.html Mydocumentweek1 img1.jpgweek2.html gslis720 week2img1.jpgWeek3.htmlweek3 gslis750 img1.png 9 10. ServerWhat: combination of hardware and software designedto provide services to clients Server operating system is requiredHow to: Sign up a free server Free Web Hostinghttp://www.free-webhosts.com/webhosting-01.phpWatch video:http://www.youtube.com/watch?v=kDly37wAxyE&feature=player_embedded 10 11. Server Structure http://wwwftp11 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. FTPWhat: file transfer protocolWhy: to promote sharing of files (computerprograms and/or data) to encourage indirect or implicit (viaprograms) use of remote computers to shield a user from variations in file storagesystems among hosts, and to transfer data reliably and efficiently. (from RFC 959, 1985 at http://tools.ietf.org/html/rfc959) 13