Week1 Dreamweaver and Server
0 likes399 views
This document provides an overview and introduction to using Dreamweaver CS5 and setting up a website. It discusses setting up preferences and panels in Dreamweaver, building pages by inserting text and formatting with HTML properties, and structuring local and server sites. It also explains what a server is, free web hosting options, and 3 ways to upload files to a server using FTP or Dreamweaver.
Week1 Dreamweaver and Server
- 1. Design and Evaluation of Visual Information for the Web Spring 2012
- 2. Introduction Syllabus Hybrid learning Roles Time-management Expectations Motivation Curiosity 5-6 hours/week
- 3. Introduction Grades You earn it Start from 0 Based on the assignments you accomplished Reflect on your work, not on you Attendance
- 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
- 5. Dreamweaver Interface Application bar Document tabs Document toolbar Document window Property inspector Panel groups
- 6. Set up 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
- 7. Build Your Own Page Title Text: Insert panel > text (to change styles) Line break (automatic return + 1 empty line) If no line break, Insert Panel > Text > BRj or Insert > HTML > Special characters > line break Multiple space: Edit > preference > general > allow multiple consecutive spaces
- 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
- 9. Local Site Structure My document gslis720 gslis750 week1 week2 week3 week1.html week2.html Week3.html img1.jpg img1.jpg img1.png
- 10. Server What: combination of hardware and software designed to provide services to clients Server operating system is required How to: Sign up a free server Free Web Hosting http://www.free-webhosts.com/webhosting-01.php Watch video: http://www.youtube.com/watch?v=kDly37wAxyE&feature=player_embedded
- 11. Server Structure ftp http://www
- 12. 3 Ways of uploading your files On server site, upload your file http://www.youtube.com/watch?v=g0CXeHtl7ow&feature=player_embedded ftp from local to server using FileZilla http://www.youtube.com/watch?v=eY0NZho3vFc&feature=player_embedded http://www.youtube.com/watch?v=evj_Oy9ZjRo&feature=related Use Dreamweaver to sync http://www.youtube.com/watch?v=nNLYzm0PsTw&feature=player_embedded
- 13. FTP What: file transfer protocol Why: 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)