Website techniques

Website approaches

2 approaches

1. Master copy on your computer Create website on your computer, then upload

2. Master copy on internet Create website on internet

Master on computer

Create master copy of website on your computer

Upload to server Update on your computer, then upload Only one person (with master copy) can

upload

Master on your computer

Web language = HTML HTML = Hypertext Markup Language Write HTML using editor (eg FrontPage)

Embed scripts to do fancy menus etc. JavaScript, CGIs, ASP…

Use CSS to control styles CSS = Cascading Style Sheets

Databases using PHP/MySQL

Master on your computer

Web design software Microsoft FrontPage www.microsoft.com Adobe Dreamweaver

www.adobe.com/products/dreamweaver/ Adobe GoLive www.adobe.com/products/golive/ SeaMonkey Composer

www.mozilla.org/projects/seamonkey (free)

FTP (uploading) software Filezilla www.sourceforge.net/projects/filezilla WS_FTP www.ipswitch.com

Master on internet

Create master copy of website on the server

Use browser to revise directly on server Blogs, CMS Many different people can contribute to

website

Blogs

Web-based diary, web log Good for a news section Server-based Programs

Blogger www.blogger.com (free) WordPress www.wordpress.org (free)

Content management systems (CMS) For complex content Allows you to upload content in different

categories Server-based Proprietary (once you start using a program,

it’s difficult to change it) Programs

Joomlah www.joomla.org (free) Drupal www.drupal.org (free)

More software

Graphics software Adobe Photoshop www.adobe.com CorelDraw www.corel.com Corel Paint Shop Pro www.corel.com GIMP www.gimp.org (free)

Web browser Microsoft Internet Explorer www.microsoft.com Firefox www.mozilla.com/en-US/firefox/

Even more software

PDF conversion software Adobe Acrobat Distiller www.adobe.com PDF995 www.pdf995.com (freeware) PDFCreator www.pdfcreator.de.vu

(freeware) PDF reader

Adobe Acrobat Reader www.adobe.com

Yet more software

Graphics management Picasa Compupic www.photodex.com

File compression 7 ZIP www.7-zip.org Winzip www.winzip.com

Free software www.sourceforge.org (best place for free

software)