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

 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

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, …

 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)

 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

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

 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,…

URL:

URL:

URL:

URL:

  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.)

 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, …

URL:

URL:

URL:

URL:

URL:

 (login with Google account)  Create new site ◦ Blank template, choose name of your site and link  Choose a template  Change page layout  Create a content  Adjust navigation

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

 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)

 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

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 “  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”