web site development and maintenance this workshop covers 4 basic areas of developing a web site. 1....
TRANSCRIPT
Web Site Web Site Development Development
and Maintenanceand Maintenance
This workshop covers 4 basic This workshop covers 4 basic areas of developing a web areas of developing a web site.site.
1.1. PlanningPlanning
2.2. DesignDesign
3.3. LaunchLaunch
4.4. MaintenanceMaintenance
This workshop covers 4 basic This workshop covers 4 basic areas of developing a web areas of developing a web site.site.
1.1. PlanningPlanning
2.2. DesignDesign
3.3. LaunchLaunch
4.4. MaintenanceMaintenance
Section #1:Section #1:
PLANNINGPLANNING
Define Your PurposeDefine Your Purpose
• Will your site be a glorified brochure? Will your site be a glorified brochure?
• What is the aim? What is the aim?
• What will you emphasize? What will you emphasize?
Target Your AudienceTarget Your Audience
1.1. Potential New Members:Potential New Members:
Your site offers them a way to find out Your site offers them a way to find out about the church in an anonymous way about the church in an anonymous way before taking the plungebefore taking the plunge
2.2. Existing MembersExisting Members
Are important but less important than Are important but less important than potential new members because they potential new members because they already know or can acquire knowledge already know or can acquire knowledge of church information through other of church information through other sourcessources
Decide on Content & Decide on Content & FeaturesFeatures
Contact InformationContact Information CalendarCalendar Staff Contact InfoStaff Contact Info PCUSA Web FeedsPCUSA Web Feeds Link to Web MasterLink to Web Master Worship ScheduleWorship Schedule Maps and DirectionsMaps and Directions Devotional MaterialsDevotional Materials Photo GalleryPhoto Gallery Virtual TourVirtual Tour Community InfoCommunity Info
FAQ’sFAQ’s Nursery InfoNursery Info Community LinksCommunity Links Ministry InformationMinistry Information Online DirectoryOnline Directory Registration FormsRegistration Forms Sermon Videos, Audio or Sermon Videos, Audio or
TranscriptsTranscripts BlogsBlogs Private Chats/Message Private Chats/Message
BoardBoard
Decide On A DesignerDecide On A DesignerIn-house?In-house?
• Who in your organization will design the site? Who in your organization will design the site? • What is the level of expertise?What is the level of expertise?• How much time will be spent to create and How much time will be spent to create and
maintain the site if the designer is staff?maintain the site if the designer is staff?• Who is responsible for acquiring all updated Who is responsible for acquiring all updated
information and images?information and images?• Who will maintain the site in the event of Who will maintain the site in the event of
illness or vacation?illness or vacation?• What about volunteers from within the What about volunteers from within the
congregation?congregation?
• What services will your organization require?What services will your organization require?
Site design only?Site design only?
Site design and maintenance?Site design and maintenance?
Site design, hosting and maintenance?Site design, hosting and maintenance?
****Template design?****Template design?• What are the costs?What are the costs?• What other services do they include in their package?What other services do they include in their package?• Who in your organization will be responsible for Who in your organization will be responsible for
providing all updated information and images?providing all updated information and images?• What about visibility on the web?What about visibility on the web?
Professional Web Design Company:Professional Web Design Company:
Choose & Register Your Choose & Register Your Domain NameDomain Name
• What is a Domain Name?What is a Domain Name?• How do I register a Domain Name?How do I register a Domain Name?• When do I renew?When do I renew?
Network Solutions Home PageNetwork Solutions Home Page
Select A Hosting Select A Hosting ServiceService
• Take your list of features and compare it to Take your list of features and compare it to the specifications of hosting services in your the specifications of hosting services in your price range.price range.
• How much space do they provide?How much space do they provide?• How many email accounts?How many email accounts?• Will they provide CGI scripting for forms?Will they provide CGI scripting for forms?• How much tech support will your hosting How much tech support will your hosting
service provide?service provide?• Will your hosting service provide Domain Will your hosting service provide Domain
Name registration and renewal?Name registration and renewal?
Front Page WPPFront Page WPP
Develop Develop Web Content Web Content GuidelinesGuidelines
• Website permissions (see booklet)Website permissions (see booklet)• Church photographyChurch photography• Member phone numbers and addresses in Member phone numbers and addresses in
online newsletters and bulletinsonline newsletters and bulletins• Staff home phone numbersStaff home phone numbers• Prayers for congregation members who are illPrayers for congregation members who are ill
©©
Section #2:Section #2:
DESIGNING DESIGNING YOUR SITEYOUR SITE
Select Your SoftwareSelect Your Software
• Web design softwareWeb design software• DreamweaverDreamweaver• FrontpageFrontpage• Web TemplatesWeb Templates
• Image formatting softwareImage formatting software• Adobe PhotoshopAdobe Photoshop• Corel DrawCorel Draw• Graphics libraries and clip-artGraphics libraries and clip-art
• FTP SoftwareFTP Software• Cute FTPCute FTP• FTP included in your softwareFTP included in your software
Plan Your DesignPlan Your Design
• Get organized: thumbnails & site mapsGet organized: thumbnails & site maps
• What look and mood will the site What look and mood will the site convey? convey?
• How will the navigation of the site work?How will the navigation of the site work?
• Placement of componentsPlacement of components
A Word About DesignA Word About Design
• General designGeneral design• Links and NavigationLinks and Navigation• Avoid Under Construction pagesAvoid Under Construction pages• Avoid banners and flashing textAvoid banners and flashing text• Rules for graphicsRules for graphics• Rules for textRules for text• No Hit CountersNo Hit Counters
Designing with HTMLDesigning with HTML
• Hyper Text Markup LanguageHyper Text Markup Language
HTML is a language used to make web pages. HTML is a language used to make web pages.
This language is what your browser translates This language is what your browser translates
into web pages.into web pages.
Code view in Dreamweaver
WYSIWYG DesignWYSIWYG Design
What You See Is What You Get "wiz-ee-What You See Is What You Get "wiz-ee-wig"wig"
A WYSIWYG program is one that allows a A WYSIWYG program is one that allows a designer to see what the end result will designer to see what the end result will look like while the web page is being look like while the web page is being created.created.
WYSIWYG – Design View in Dreamweaver
Split ViewSplit View
Testing Your SiteTesting Your SiteBrowsersBrowsers
Broken linksBroken links
Missing imagesMissing images
Section #3:Section #3:
LAUNCHING LAUNCHING YOUR SITEYOUR SITE
FTPFTP File Transfer Protocol. A common File Transfer Protocol. A common
method of moving files between two method of moving files between two Internet sites. FTP is a special way to Internet sites. FTP is a special way to log in to another Internet site for the log in to another Internet site for the purposes of retrieving and/or sending purposes of retrieving and/or sending files.files.
WS-FTP ProWS-FTP Pro
Local ViewLocal View
Remote ViewRemote View
Dreamweaver FTPDreamweaver FTP
Section #4:Section #4:
MAINTENANCMAINTENANCEE
Updating Your SiteUpdating Your Site
Analyze the communication flow in your congregation
When will the site be updated?
Two or more designers?
Analyze the communication flow in your congregation
When will the site be updated?
Two or more designers?
Meta Tags Alt Tags Title your pages correctly Submit your site Getting ranked at the top Other ways of getting found
Meta Tags Alt Tags Title your pages correctly Submit your site Getting ranked at the top Other ways of getting found
Search EnginesSearch Engines
Statistics LogsStatistics Logs
