web publishing: an overview of tools and service
DESCRIPTION
TRANSCRIPT
IT Training and Education
Web Publishing: An Overview of Tools & Resources
Web Publishing: An Overview of Tools & Resources
Indiana University
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)
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)
What Accounts and Connections Do I Need?• Web Server Accounts
• Internet Connection
• Internet Service Provider
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
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
• 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
About WYSIWYG Applications
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
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
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/
How Can People See Web Pages?
Transferring Files to a Web Server
Uploading
Downloading
Logging in to a Web Server• The remote server recognizes login• The remote server grants access
Using Secure File Transfer Protocol (SFTP)
• Transfer files to a remote server• Set permissions for files• Log out of remote server
Viewing Web Pages: HTTP Address
(HTTP Process)
http://ittraining.iu.edu
Web Files Working Together
XHTMLpage
MediaFiles (optional)
Web Files Working Together
XHTMLpage
CSS Files
MediaFiles (optional)
Web Files Working Together
XHTML + CSS + Images = Text + Format + Graphics
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.sXHTML
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/
3 Basic Steps in Web Publishing
• Planning The Design And Content• Creating The Web Page • Publishing The Web Page To A Web Server