Energy Efficient Ara Design Ltd. Tiit Paabo, 6th April 2016, Opening seminar Creating Web Publications.

Slides:

Advertisements

Similar presentations

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Advertisements

Can you walk away from your current website? In short, yes. However how depends on whether you intend to remain with the same web host and use the same.

MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5

Web Page Designing: Effective Use of Colors and Maintaining User Attention By Deepti Kachalia And Hiren Shah.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

Web Services Presentation. Site Management Console (SMC)

Web Design 101 John Schuster, Yourlink Web Services Inc.

What is the Internet? Internet: The Internet, in simplest terms, is the large group of millions of computers around the world that are all connected to.

Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,

Best Practices for Website Design & Web Content Management.

Search Engine Optimization By Andy Smith | Art Institute of Dallas.

Web Portals and Content Management Systems

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

A content management system (CMS) is a computer program that allows publishing, editing and modifying content on a web site as well as maintenance from.

]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.

Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.

The Internet & Web Browsers Business Webpage Design Kelly Seale.

Build Your Own Website Introduction Introduction Phil Stone Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community.

Websites for Web Designing and Web Hosting M. Surulinathi Department of Library & Information Science

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Evaluating Websites.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

IT 245 – Website Development Welcome!. Welcome to Unit 2! Creating Page Layouts.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Unit 12 LO3 Be able to design websites

Google Xtras. Google Maps Google Latitude tests Site mapping What is it? A New Standard: Search Engine Giants Adopt the XML Protocol In 2005, the search.

 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?

© 2012 Boise State University1 WordPress Training February 14, 2013.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

WEB TERMINOLOGIES. Page or web page: a file that can be read over the world wide web Pages or web pages: the global collection of documents associated.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.

USER Guide. Why the Web Site To facilitate communication between The Board, Management and the Residents Educate and Inform Give insight to the residents.

An Introduction To Websites With a little of help from “WebPages That Suck.

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

Getting Started with CAA’s Alumni Groups Website System.

Mary Immaculate College 9 th Nov. Objectives Participants will be enabled to: Create and maintain your school’s website using Scoilnet Blogs Add other.

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.

Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.

Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

VS/2012/0017 – FIRST STEP TO FIRST JOB – Innovative methods leading YOUTH to a solid career Kick-off meeting, 20 February 2013 Presentation of the project’s.

Content Management System/ Web Quality Initiative Administrative Departments.

How to optimise your WordPress website for search engines and get your offerings found by the right people Presented by: Women In Business with Maggie.

Louisa Lambregts, Louisa Lambregts

Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.

Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.

+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,

WHAT IS IT & HOW DOES IT WORK?. SEO = search engine optimization optimizing content for search engines, right? Therefor if a search engine's jobs is to.

Problem Statement Goal & Objective Background Procedure Literature Reviewed Data Collection KML File and Arcmap Creation, Arc IMS Setup Design of Website.

Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.

Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.

Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,

SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.

By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.

Best Strategies For Website Promotion. What is Website Promotion? Website promotion is the continuing process used by webmasters to promote and bring.

Technical SEO tips for Web Developers Richa Bhatia Singsys Pte. Ltd.

Information Tool Making Complex Data Useful Ara Design Ltd. Tiit Paabo, 5. April 2016, Opening seminar User-Centered Approach.

Using Google Scholar Ronald Wirtz, Ph.D.Calvin T. Ryan LibraryDec Finding Scholarly Information With A Popular Search Engine Tool.

3 Best Website Speed and Performance Checking Tools

Welcome to the new presentation TIS

Best SEO Tips to Make Your Website Stand Out. SEARCH ENGINE OPTIMIZATION It is essential that you implement Search Engine Optimization strategies to make.

SEARCH ENGINE OPTIMIZATION SEO. What is SEO? It is the process of optimizing structure, design and content of your website in order to increase traffic.

Objective % Explain concepts used to create websites.

Created By: MelissaRitter.Com

Elements of Effective Web Design

Presentation transcript:

Energy Efficient Ara Design Ltd. Tiit Paabo, 6th April 2016, Opening seminar Creating Web Publications

In this Presentation 1.About villagewaters.eu website 2.Essential of Content Management System (CMS) 3.Developing decent content strategy 4.Timeline of creating content, archiving 5.What are parameters of quality? 6.Measuring page speed with Pingdom Tool 7.Google Webmaster Pagespeed Insights 8.Hands-on practical exercise

Website is open now See website on

Content management system (CMS) 1.Pages structure, links in navigation menu 2.Different layouts for various content (examples) 3.Independent, news syndicate and gallery 4.Page structure: header and introduction 5.Content paragraphs, formatting texts 6.Add illustrations and document files

Archivability and maintainability ASSESSMENT: However, it is not clear how the produced main output will be maintained and used after project lifetime. CURRENT PLAN: Server and domain villagewaters.eu will be paid for for 12 years to maintain project web identity for longer time after the project duration. All materials will be also mirrored at sykli.fi server and made available with no time limit

Qualities of websites 1.Proper structure for main purpose 2.Clean contrasts, usable interlinking 3.Visible in Search Engines - Google 4.Page displaying speed - faster is better 5.Usable in different screens

Hosting Website 1/3

Hosting Website 2/3

Hosting Website 3/3

Measuring pages speed Use closest server location 3.Page speed less than 1 second is good 4.See waterfall for bottlenecks 5.Overall score out of 100

Why is Faster Site Better? 1.Better user experience 2.Higher ranking in Google search 3.Uses less server CPU time (less processing) 4.Less waiting time on all points

Google Webmaster Insights 1.Search by “pagespeed insights” 2.Set of rules for webmasters 3.Insights Tool has two categories 4.Score above 90 is good

Case analysis 1/2

Case analysis 2/2 1.Pingdom score 82/100 2.Page loading time 2.14 seconds 3.Requests 110, page size 5,1 MB 4.Google Mobile score 21/100 Page qualities measured

Practical Exercise How fast is your organisation website?

Your ideas, Your content 1.What content you will produce during project? 2.Which structure is best for publishing it? 3.What is the format (text, photo, video, graphics)? Thank You! 1.Please speak about your ideas during workshop 2.Talk with chief content manager Jari Heiskanen 3.Mail suggestions about visual design and functions directly to Do: