web publishing: an overview of tools and service

21
IT Training and Education Web Publishing: An Overview of Tools & Resources Indiana University

Upload: kilmeny21

Post on 17-Nov-2014

883 views

Category:

Education


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Web Publishing: An Overview of Tools and Service

IT Training and Education

Web Publishing: An Overview of Tools & Resources

Web Publishing: An Overview of Tools & Resources

Indiana University

Page 2: Web Publishing: An Overview of Tools and Service

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)

Page 3: Web Publishing: An Overview of Tools and Service

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)

Page 4: Web Publishing: An Overview of Tools and Service

What Accounts and Connections Do I Need?• Web Server Accounts

• Internet Connection

• Internet Service Provider

Page 5: Web Publishing: An Overview of Tools and Service

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

Page 6: Web Publishing: An Overview of Tools and Service

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

Page 7: Web Publishing: An Overview of Tools and Service

• 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

Page 8: Web Publishing: An Overview of Tools and Service

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

Page 9: Web Publishing: An Overview of Tools and Service

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

Page 10: Web Publishing: An Overview of Tools and Service

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/

Page 11: Web Publishing: An Overview of Tools and Service

How Can People See Web Pages?

Page 12: Web Publishing: An Overview of Tools and Service

Transferring Files to a Web Server

Uploading

Downloading

Page 13: Web Publishing: An Overview of Tools and Service

Logging in to a Web Server• The remote server recognizes login• The remote server grants access

Page 14: Web Publishing: An Overview of Tools and Service

Using Secure File Transfer Protocol (SFTP)

• Transfer files to a remote server• Set permissions for files• Log out of remote server

Page 15: Web Publishing: An Overview of Tools and Service

Viewing Web Pages: HTTP Address

(HTTP Process)

http://ittraining.iu.edu

Page 16: Web Publishing: An Overview of Tools and Service

Web Files Working Together

XHTMLpage

MediaFiles (optional)

Page 17: Web Publishing: An Overview of Tools and Service

Web Files Working Together

XHTMLpage

CSS Files

MediaFiles (optional)

Page 18: Web Publishing: An Overview of Tools and Service

Web Files Working Together

XHTML + CSS + Images = Text + Format + Graphics

Page 19: Web Publishing: An Overview of Tools and Service

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

Page 20: Web Publishing: An Overview of Tools and Service

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/

Page 21: Web Publishing: An Overview of Tools and Service

3 Basic Steps in Web Publishing

• Planning The Design And Content• Creating The Web Page • Publishing The Web Page To A Web Server