1. Jiří Balej, Martin Podborský, Petra Čačková

2.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer vs. TeX (LaTeX)  Presentation ◦ MS Power Point vs. LaTeX Beamer  Web pages ◦ MS Frontpage vs. HTML

3. Visual development instead of HTML, CSS, PHP, JavaScript coding  Pros - coding knowledge is not necessary  Cons – more complicated and longer source code  Programs: Adobe Dreamweaver, MS Expression Web, KompoZer, MS Frontpage, …  CMS: TinyMCE, CKEditor, NicEdit, …

4.  Application for web content management  Accessible online through web browser  Enables web creation and management of web sites even without knowledge of web technologies  Suitable for large variety of web content pages (business/organization/personal)

5.  Advantages ◦ Online Access ◦ Quick and Easy Changes ◦ Content can be edited by less experienced users ◦ Saves money and time  Disadvantages ◦ Necessity to install CMS on server ◦ Technology is not under control ◦ Enables only what is installed

6.  Article (post), categories  Page  Plugins (modules)  Template, page layout  Widget  Administration  User profiles  Publish vs. save

7.  Open Source ◦ Free to use and to add own functionalities ◦ Many free add-ons and templates ◦ WordPress – simple, originally for blogging ◦ Joomla, Drupal – powerful web development systems, with complex user administration  Proprietary ◦ Many professional web design companies have own CMS, which integrates e-shop, gallery,…

8. URL: http://wordpress.org/http://wordpress.org/

9. URL: http://www.joomla.org/http://www.joomla.org/

10. URL: http://drupal.org/http://drupal.org/

11. URL: http://www.cmsmadesimple.org/http://www.cmsmadesimple.org/

12.  http://www.opensourcecms.com/  Central resource for Open Source CMS  Contains almost 300 Open Source CMS demos  You can “try out” most of the best Open Source CMS tools.  CMS are divided to categories (eCommerce, Forums, Blogs etc.)

13.  Proprietary web sites, which allows to simply create an own page  Most simple way to create and manage web  Limited number of options, which could be managed,  Small number of free web design templates  Examples: myewebsite.com, webnode.com, sites.google.com, wordpress.com, …

14. URL: http://www.myewebsite.com/http://www.myewebsite.com/

15. URL: http://www.webnode.com/http://www.webnode.com/

16. URL: http://www.wordpress.com/http://www.wordpress.com/

17. URL: http://sites.google.com/http://sites.google.com/

18. URL: http://weebly.comhttp://weebly.com

19.  https://sites.google.com (login with Google account) https://sites.google.com  Create new site ◦ Blank template, choose name of your site and link  Choose a template  Change page layout  Create a content  Adjust navigation

20. Website settings  create an access for other user with a level of privileges ‘can view’  choose a theme (from the list of default themes) Customize your theme:  change the main font  change colors of all links in your website ◦ pick different color for visited links  set different font for title of the website  change font size for subheadings in content of website

21.  move a sidebar to the right side of a page and set a width to it  change the footer of your website  set a logo to the header of the site ◦ choose only very small image, for example with width about 80 pixels and the same for height  enhance website’s search ◦ include a search provider: google.com  disable attachments and user comments for all pages (except Homepage)

22.  Homepage – some (generated) text structured with headings, a table of contents and a horizontal line.  News – page with a Google Gadget (‘Google News’)  Fairy-tale (The Frog Prince) – page with some text (which can be generated) and with at least three images in the text.  About me – text, lists, images, table,…  Calendar – page with ‘Google Calendar’  Map – page with a ‘Google Map’ with a placemark pointing for example to your country

23. Change website’s Navigation  specify a label to the navigation  set the navigation to only 1 level  include the sitemap, ‘Recent site activity’ and a link to the “www.google.com”  add a ‘Recent site activity’ gadget to the sidebar and change it up to 5 activities  add a ‘My Recent site activity’ gadget to the sidebar  add a ‘Page authors’ gadget to the sidebar  add ‘+1 Button’ to the sidebar  add a ‘Countdown’ gadget to the sidebar and set it to the date “29th October”