Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV...

23
Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002

Transcript of Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV...

Page 1: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Designing a Web Site and Linking to the SCV Section

SiteRockwell Hsu, Ph.D.

SCV Webmaster

IEEE SCV New Officer TrainingFeb. 23, 2002

Page 2: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

2

Outlines

• What is IEEE EHW• IEEE EHW Policy• Other EHW Services• Setting up a website• Generate a web page• Publishing the page on the web• Examples and Tips

Page 3: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

3

IEEE EHW

• EWH: IEEE Entity Web Hosting– This service is intended to meet the needs of IEEE

entities who want to develop, create and maintain their own web site on an IEEE host.

– The general philosophy is that posting entities will be responsible for their content, its maintenance and its conformance to IEEE policy.

– Entities are expected to choose a single webmaster who is skilled in managing web content. This webmaster will be the entity contact and the only one authorized to post content to the web site. The webmaster will be expected to work with IEEE staff to insure that site security measures are effective.

Page 4: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

4

Appropriate Use Policy(Oct. 24, 2000)

• Impersonation• Privacy Violations• Excessive disk utilization

– The disk limit for Regions, Societies and Technical Councils is 60MB.

– The disk limit for Sections, IEEE Board Level Committees and Geographic Councils is 10MB

• Network Unfriendly Activity

Page 5: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

5

Other EWH Services

• IEEE Internet Conference; E-Conference– E-Conferencing is using various tools such as Internet

Relay Chat to conduct online meetings. Learn more about E-Conferencing at the Region 3 E-Conferencing Committee site and at the IEEE Internet Conferencing site.

• URL Alias– http://www.ewh.ieee.org/r6/scv/

http://www.ieee.org/scv/ – Fill out application form at

• http://www.ieee.org/web/developers/naming/aliasregistration.html

Page 6: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

6

Setting Up Chapter’s Website

• Assign a webmaster who is responsible for the site• Request a SCV sub website account (ask Rockwell)

– account name and password– URL: http://ewh.ieee.org/r6/scv/chapter_name/

• Generate a chapter home page: index.html (on your PC)

• FTP the web page and data to EWH server• Pilot run your website• Inform SCV webmaster of linking your web site

Page 7: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

7

SCV Site Map~/scv/

/graphics/

/ssc/

/graphics/

/data/

index.html

Slides.pdf

scv_xxx.html

scv_ssc.html/vts/

Sub account

move to sub account

Page 8: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

8

URL Guideline

• http://www.ewh.ieee.org/r6/scv/chapter/ • http://ewh.ieee.org/r6/scv/chapter/

• http://www.ieee.org/scv/chapter/

Page 9: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

9

Generate a Web Page

• Contents• Layout

– Use a template layout• SCV Section template• IEEE template generator

• Use web page design tool (HTML editor)

Page 10: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

10

Contents Guideline

• Title of your chapter/society• Objective of your chapter/society• Officer roster• Current and past events• Meeting location and directions• Related links• History of your chapter/society• Speaker’s slides (limited to last 12 months)• Statistics counter• Courtesy• Webmaster’s contact information• Page modified date

Page 11: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

11

Banner and Logo

Links

Title

Current Event

SCV Web Page Template

Page 12: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

12

Page 13: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

13

Bottom of a Page

Don’t forget to show who is hosting the site

And who is responsible for the site

Page 14: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

14

Page Layout Generated by IEEE Template

Page 15: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

15

Publishing Your Page on the Web

• FTP ewh.ieee.org• FTP Tools

– Win98/2000: Run “command” and “ftp”– SmartFTP: www.smartftp.com (freeware)– FlashFXP: www.flashfxp.com (shareware)– AceFTP: www.visicommedia.com/aceftp

(shareware)– CuteFTP: www.cuteftp.com

Page 16: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

16

Design Tips

• If you are not sure, don’t use html extensions and Java scripts that are browser specific. You want to cover most of your audiences.

• Use counter for site statistics• Keep the page simple and be focus• Use table format to layout the page• Save a backup copy of your site• Use search keywords in header section for

locating your web site

Page 17: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

17

Keywords Example

<META HTTP-EQUIV="keywords" CONTENT="Silicon Valley Santa Clara Valley IEEE San Jose Local Activities Calendar Information">

<META HTTP-EQUIV="description" CONTENT="Information about upcoming Section excom events and how to contact the Executive Committee.">

<META HTTP-EQUIV="url" CONTENT="http://www.ewh.ieee.org/r6/scv/">

Page 18: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

18

Banner and Logo

Page 19: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

19

Useful Tools

• Use IEEE Web page templates• IEEE Web Developer Guide

– http://www.ieee.org/web/developers/

• Web Tools– http://www.ieee.org/web/developers/tools.html

• Tools: http://www.ewh.ieee.org/tools.html • NCSA beginner’s guide to HTML

– http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerP1.html

Page 20: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

20

HTML Books

• HTML 4 for the world wide web, visual quickstart guide by Elizabeth Castro $19.99

• HTML & XHTML: the definitive guide by Chuck Musciano, $34.95

• Sams teach yourself HTML and XHTML in 24-hour by Michael Morrison and Dick Oliver, $24.99

• HTML 4.01 Programmer’s Reference by Chris Ullman et al., $34.99

Page 21: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

21

HTML Editors

• High end– Dreamweaver (Macromedia, $300+)– Adobe GoLive (Adobe, $300+)

• Middle-to-low end– Microsoft FrontPage (Microsoft, $120)– Netscape Composer (Netscape Comm. $0)– FileMaker Home Page (FileMaker, $100)

• Text Based– BBEdit (M) (Bare Bones Software, $120)– Allaire HomeSite (W) (Allaire, $100)

Page 22: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

22

SCV Section Website Policy

• A webmaster is required for each web site and is responsible for the web contents. (compliant to IEEE EWH policy)

• Post only last 12 month slides (trial period)

• SCV Section is not responsible for your loss of data when disk is full

Page 23: Designing a Web Site and Linking to the SCV Section Site Rockwell Hsu, Ph.D. SCV Webmaster IEEE SCV New Officer Training Feb. 23, 2002.

Feb. 23, 2002 IEEE SCV Section New Officer Training

23

Q & A