Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Publishing: An Overview of Tools and Service

738 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

Web Publishing: An Overview of Tools and Service

  1. 1. IT Training and Education Web Publishing: An Overview of Tools & Resources Indiana University
  2. 2. Basic Terms • World Wide Web (WWW) • Web Page • Web Site • Web Server • Hypertext Transfer Protocol (HTTP) • Uniform Resource Locator (URL) • Links (Hypertext Links) • Hypertext Markup Language (HTML) • Extensible Hypertext Markup Language (XHTML) • Cascading Style Sheets (CSS)
  3. 3. What Applications Do I Need? • Web Authoring Tool • Secure Shell (SSH) Client • Secure File Transfer Protocol (FTP) Client • Web Browser(s) • Other Solutions For Simple Pages: – Oncourse CL – Google Page Creator – Blogger – (Will Limit Your Design Choices)
  4. 4. What Accounts and Connections Do I Need? • Web Server Accounts • Internet Connection • Internet Service Provider
  5. 5. About Text Editors • Advantages: – Straightforward Interface to Write or Edit XHTML – Useful for Fine-tuning – Usually FREE • Disadvantages: – Do Not Have Graphical Interfaces – Difficult or Time Consuming • Examples: – Notepad - Windows – Textedit, Textwrangler - Mac
  6. 6. About XHTML Editors  Advantages: – Make XHTML-coding Easier And Faster – Make the Code More Readable  Disadvantages: – You Must Purchase a Licensed Copy of the Software – Do Not Allow You to View Your Web Page As You're Building It  Examples: – Komodo Edit - Windows And Mac – BBedit - Mac – Hypertext Builder - Windows
  7. 7. About WYSIWYG Applications • Advantages: – You Don't Have to Know Any XHTML – Most WYSIWYG Editors Have Built-in XHTML Editors to Edit XHTML Code Directly – Often Include Additional Tools for Site Maintenance • Disadvantages: – Purchase of Licensed Software Often Required • Examples: – Dreamweaver - Windows And Mac – Microsoft Expression (Replaces Microsoft Frontpage) - Windows – Nvu (Free) - Windows, Mac, And Linux
  8. 8. About Microsoft Office Applications • Advantages: – Quickly Make a Document Visible to Web Browsers – Documents May Be Downloaded and Converted Back • Disadvantages: – “Proprietary Code” Increases the File Size – XHTML Becomes Very Difficult to Edit • Examples: – Word - Windows And Mac – Excel - Windows And Mac – Powerpoint - Windows And Mac
  9. 9. Some Added Tools • Site Maintenance Tool – Dreamweaver – MS Expression – BB Edit – Nvu • Integrated FTP Client – Dreamweaver – Microsoft Expression – BBedit – Nvu • Group Work Tools – Dreamweaver – MS Expression Blend – Adobe Contribute
  10. 10. Helpful Utilities You May Use • Webxact (http://webxact.watchfire.com/ ) • Vischeck (http://www.vischeck.com/ ) • Check Pages in Main Browsers • Check Pages on Different Platforms • Web-based Utilities – W3C XHTML Validator: http://validator.w3.org/ – Other Checkers and Validators at: http://www.webreference.com/authoring/languages/xhtml/
  11. 11. How Can People See Web Pages?
  12. 12. ding loa Up ing l oad wn Do Transferring Files to a Web Server
  13. 13. Logging in to a Web Server • The remote server recognizes login • The remote server grants access
  14. 14. Using Secure File Transfer Protocol (SFTP) • Transfer files to a remote server • Set permissions for files • Log out of remote server
  15. 15. Viewing Web Pages: HTTP Address (HTTP Process) http://ittraining.iu.edu
  16. 16. Web Files Working Together XHTML Media page Files (optional)
  17. 17. Web Files Working Together XHTML Media page Files (optional) CSS Files
  18. 18. Web Files Working Together XHTML + CSS + Images = Text + Format + Graphics
  19. 19. IU Resources for Web Development • IU Webmaster http://webmaster.iu.edu • The Visual Identity Site http://visualidentity.iu.edu • IU's Accessibility Policies http://visualidentity.iu.edu/media/standards.sX
  20. 20. Training Options at IU Training for staff, students, and faculty: • IT Training & Education, at http://ittraining.iu.edu – Web Markup & Style Coding – Web Site Development Fundamentals – More than 1200 self-study IT courses ( http://ittraining.iu.edu/online/) • IUB Teaching and Learning Technology Lab http://www.indiana.edu/~tltl/ • IUPUI Office for Professional Development (OPD) http://opd.iupui.edu/
  21. 21. 3 Basic Steps in Web Publishing • Planning The Design And Content • Creating The Web Page • Publishing The Web Page To A Web Server

×