JÁN LACKO, EUGEN RUŽICKÝ WEB TECHNOLOGIES AND DESIGN

Size: px
Start display at page:

Download "JÁN LACKO, EUGEN RUŽICKÝ WEB TECHNOLOGIES AND DESIGN"

Transcription

1 JÁN LACKO, EUGEN RUŽICKÝ WEB TECHNOLOGIES AND DESIGN

2 Názov projektu: MEDZINÁRODNOU SPOLUPRÁCOU KU KVALITE VZDELÁVANIA PEVŠ Kód ITMS: NFP dopytovo - orientovaný projekt Moderné vzdelávanie pre vedomostnú spoločnosť Projekt je spolufinancovaný zo zdrojov EÚ

3 JÁN LACKO, EUGEN RUŽICKÝ Web technologies and design 2014

4 Example of citation: LACKO, Ján and Eugen RUŽICKÝ. Web technologies and design. 1st ed. Prague: Wolters Kluwer, ISBN This publication has been published with the financial support of European Union within Operational Programme Education as a result of the project under the name Quality Education at the Pan-European University with International Cooperation. This publication reflects the views only of the authors, and the European Union cannot be held responsible for any use which may be made of the information contained therein. Authors RNDr. Ján Lacko, PhD. Assoc. Prof. RNDr. Eugen Ružický, PhD. Language Corrections SKRIVANEK SLOVENSKO, s.r.o. Reviewers: Assoc. Prof. Martin Šperka, PhD. RNDr. Dávid Běhal, PhD. First edition Copyright Pan-European University Slovakia, 2014 Copyright Ján Lacko, Eugen Ružický, 2014 ISBN

5 Contents List of Figures... 6 List of Tables Introduction From scratch to web design Functional Design F-shape: Screen Rading Navigation Graphic Design Colours in Web Design Responsive Web Design Colour Models for Web Design Image File Formats HTML template Why XHTML Syntax? HTML Style sheet CSS Client side scripting JavaScript Libraries jquery Ajax Server side scripting PHP Basic Syntax XML and transformations XML DTD and Schema XSLT When HTML is not enough XML applications MathML RSS Basic SEO Techniques BIBLIOGRAPHY Index... 90

6 List of Figures Figure 1 Wireframe of website layout sketched by hand Figure 2 Wireframe model of index page Figure 3 Wireframe model of subpage Figure 4 The RGB colour model mapped to a cube Figure 5 Example of SVG images Figure 6 Graphic design of testing index web page Figure 7 Graphic design of testing subpage Figure 8 Slices Adobe Photoshop example Figure 9 Lorem ipsum text example Figure 10 HTML template of index.html in Mozilla Firefox without a Cascade style sheet Figure 11 Box model Figure 12 Implemented CSS into index.html template Figure 13 Implemented CSS into subpage Figure 14 Company subpage with hidden Contact part Figure 15 Company subpage with displayed Contact part Figure 16 Questionnaire design Figure 17 XML without XSLT and CSS rendered in the browser Figure 18 XSL template for Products page List of Tables Table 1 Raster image file format comparison Table 2 CSS selector patterns... 44

7 1 Introduction Building a website is a complex process. It consist of web design, web development, testing and user experience. In this book we would like to present the steps of the process and technologies for building a simple website. We will talk about the web design from the point of view of customers and web designers and later about the process of web development including scripting on the browser and server sides. Each part of the process is important in the whole lifecycle of a new website. In this book we will briefly describe various technologies used in web development like HTML, CSS, JavaScript, PHP, XML and also about their applications. This book is not a course book for each technology, but is a simple overview book. Its aim is to motivate the reader to study other interesting books from this domain. The reader will find interesting information about the process of web development illustrated by an examples in this book. We use the fictional software company named myquotes in example. Through the reading following chapters of this book you will see how we build a website for this company. We will start with the web design process and will then continue with building static HTML template, adding styles and some scripting, and last but not least we will add some structural data using the XML and XSL transformation language. Each part of the process is supported with some theory about the technologies. If you are interested in web development please do not forget to visit the W3 Consortium website ( for detailed specification of various markup languages and other technologies. A good starting point for learning web technologies is the W3Schools website ( providing user friendly information, tests and examples. We hope that this book will motivate you to learn about web technologies in more detail and discover the magic of web design and web development.

8 BIBLIOGRAPHY [1] Web design, [Online]. Available: [Accessed 21/04/2014]. [2] A. Beam, I screen, you screen, we all screen, 19/06/2009. [Online]. Available: screen/. [Accessed 12/04/2014]. [3] J. Nielsen, F-Shaped Pattern For Reading Web Content, 17/04/2006. [Online]. Available: [Accessed 21/04/2014]. [4] Eyetools, The Importance of the Golden Triangle, [Online]. Available: [Accessed 21/04/2014]. [5] E. Marcotte, Responsive Web Design, 25/05/2010. [Online]. Available: alistapart.com/article/responsive-web-design. [Accessed 10/11/2013]. [6] Z. M. Gillenwater, Examples of flexible layouts with CSS3 media queries, in Stunning CSS3, 2010, p [7] JPEG Comittee. [Online]. Available: [Accessed 21/06/2013]. [8] W3 Consortium, Graphics Interchange Format, Version 87a, 13/10/2012. [Online]. Available: [Accessed 03/05/2013]. [9] G. Roelofs, Portable Network Graphics, [Online]. Available: org/pub/png/. [Accessed 03/05/2013]. [10] W3C SVG Working Group, Scalable vector graphics, [Online]. Available: [Accessed 03/05/2013]. [11] W3 Consortium, HTML & CSS, [Online]. Available: [Accessed 19/06/2013].

9 88 BIBLIOGRAPHY [12] W3Schools, DTD, [Online]. Available: [Accessed 19/06/2013]. [13] W3 Consortium, XHTML Module-based XHTML - Second Edition, [Online]. Available: [Accessed 14/07/2013]. [14] W3 Consortium, HTML 5, [Online]. Available: [Accessed 03/08/2013]. [15] W3 Consortium, MathML, [Online]. Available: [Accessed 21/01/2014]. [16] W3 Consortium, Document Object Model, [Online]. Available: w3.org/dom/. [Accessed 12/03/2014]. [17] W3 Consortium, Overview of SGML Resources, [Online]. Available: [Accessed 21/01/2014]. [18] W3Schools, JavaScript Tutorial, [Online]. Available: com/js/default.asp. [Accessed 14/03/2014]. [19] W3Schools, CSS Selector Reference, [Online]. Available: com/cssref/css_selectors.asp. [Accessed 14/08/2013]. [20] W3 Consortium, Cascading Style Sheets (CSS) Snapshot 2010, [Online]. Available: [Accessed 14/09/2013]. [21] Wikipedia, Client side scripting, [Online]. Available: wiki/client-side_scripting. [Accessed 14/06/2013]. [22] jquery, jquery, [Online]. Available: [Accessed 16/02/2014]. [23] W3Schools, Ajax Tutorial, [Online]. Available: default.asp. [Accessed 16/09/2013]. [24] J. J. Garret, Ajax: A New Approach to Web Applications, 18/02/2005. [Online]. Available: [Accessed 21/08/2013]. [25] PHP.net, PHP.net, [Online]. Available: [Accessed 14/09/2013]. [26] GNU Operating system, GNU GENERAL PUBLIC LICENSE, [Online]. Available: [Accessed 24/10/2013]. [27] Wikipedia, Comparison of web application frameworks, [Online]. Available: [Accessed 14/09/2013]. [28] Wikipedia, Content management system, [Online]. Available: en.wikipedia.org/wiki/content_management_system. [Accessed 14/10/2013].

10 BIBLIOGRAPHY 89 [29] W3 Consortium, Extensible Markup Language (XML), [Online]. Available: [Accessed 21/10/2013]. [30] W3 Consortium, XML Schema, [Online]. Available: Schema. [Accessed 21/10/2013]. [31] W3 Consortium, The Extensible Stylesheet Language Family (XSL), [Online]. Available: [Accessed 21/10/2013]. [32] W3 Consortium, XQuery 1.0 and XPath 2.0 Data Model (XDM) (Second Edition), [Online]. Available: [Accessed 21/10/2013]. [33] W3Schools, RSS Tutorial, [Online]. Available: default.asp. [Accessed 02/11/2013]. [34] W3Schools, WEB - SEO, [Online]. Available: [Accessed 12/01/2014]. [35] P. Farkaš, Transcontrol Codes, Praha: Wolters Kluwer, [36] J. Fogel, Operating Systems, Nitra: Forpress, [37] E. Jurišová, English for IT Students, Nitra: Forpress, [38] J. Kultán, Introduction into Databases, Nitra: Forpress, [39] J. Lacko and E. Ružický, Web Technologies and Design, Nitra: Forpress, [40] T. Páleník, Computer Networks, Nitra: Forpress, [41] F. Schindler, Data Structures and Algorithms, Praha: Wolters Kluwer, [42] F. Schindler, Essentials of Programming, Nitra: Forpress, [43] V. Řepa, Process Management and Modelling, Nitra: Forpress, [44] M. Šperka and I. Lvovich, Introduction to Information Technology, Nitra: Forpress, [45] M. Šperka, Graphical User Interface in Java, Praha: Wolters Kluwer, [46] J. Voříšek, Principles of Development and Operation of Business Information Systems, Praha: Wolters Kluwer, [47] I. Černáková, Business Information Systems, Nitra: Forpress, [48] V. Palko, Discrete Mathematics, Nitra: Forpress, 2014.

11 INDEX A Ajax 56, 59 Attributes 33 B Box model 45, 46 C Colours 16, 20 CSS 18, 29, 42, 48, 56 D Document Type Definitions 30 DOM 38, 39, 56, 59 E Element 29, 34, 38, 44, 56, 69, 73, 80 Extensible Stylesheet Language Transformations 75 G GIF 22, 23 H HTML 7, 29, 33, 38, 42, 53, 60, 61, 68, 79 HTML5 38, 80 I Image file formats 21 J JavaScript 54, 55, 59, 62 JPEG 22,23 jquery 42, 56 M Markup language 7, 29, 39, 68, 71, 79 MathML 39, 79 N Navigation 8, 13, 18 P PHP 62 PNG 22, 23 R Responsive web design 18 RGB colour model 20 RSS 68, 82 S Scripting 7, 38, 53, 61 Search engine optimisation (SEO) 83 Selector 44, 48 SVG 22, 24, 38

12 JÁN LACKO, EUGEN RUŽICKÝ WEB TECHNOLOGIES AND DESIGN Editorial office Wolters Kluwer s. r. o. Mlynské nivy 48, Bratislava Cover design by Christian Published by Wolters Kluwer, a. s., U Nákladového nádraží 6, Prague 3, Czech Republic, in 2014 as its th publication. First edition 92 pages. Format: A5. Impression: 200 copies. Typography by Forma, s. r. o., Bratislava. Printed by Tlačiareň P+M, Slovakia. knihy@wkcr.cz tel.: , , fax: ISBN

06 XML-based Technologies

06 XML-based Technologies MSc in Communication Sciences 2010-2011 Program in Technologies for Human Communication Davide Eynard Software Technology 2 06 XML-based Technologies 2 ntro XML had a huge impact on the development of

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Cloud Computing, Interactive Websites, and Scientific Research/Education

Cloud Computing, Interactive Websites, and Scientific Research/Education Cloud Computing, Interactive Websites, and Scientific Research/Education Chung-Lin Shan Department of Physics, National Cheng Kung University Department of Physics, National Changhua University of Education

More information

Presentation / Interface 1.3

Presentation / Interface 1.3 W3C Recommendations Mobile Web Best Practices 1.0 Canonical XML Version 1.1 Cascading Style Sheets, level 2 (CSS2) SPARQL Query Results XML Format SPARQL Protocol for RDF SPARQL Query Language for RDF

More information

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

Whitepapers at Amikelive.com

Whitepapers at Amikelive.com Brief Overview view on Web Scripting Languages A. Web Scripting Languages This document will review popular web scripting languages[1,2,12] by evaluating its history and current trends. Scripting languages

More information

Software Requirements Specification For Real Estate Web Site

Software Requirements Specification For Real Estate Web Site Software Requirements Specification For Real Estate Web Site Brent Cross 7 February 2011 Page 1 Table of Contents 1. Introduction...3 1.1. Purpose...3 1.2. Scope...3 1.3. Definitions, Acronyms, and Abbreviations...3

More information

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

Agents and Web Services

Agents and Web Services Agents and Web Services ------SENG609.22 Tutorial 1 Dong Liu Abstract: The basics of web services are reviewed in this tutorial. Agents are compared to web services in many aspects, and the impacts of

More information

Expert Reference Series of White Papers. 10 Tips for Creating Your Web Site 1-800-COURSES. www.globalknowledge.com

Expert Reference Series of White Papers. 10 Tips for Creating Your Web Site 1-800-COURSES. www.globalknowledge.com Expert Reference Series of White Papers 10 Tips for Creating Your Web Site 1-800-COURSES www.globalknowledge.com 10 Tips for Creating Your Web Site Provided by WestLake Introduction When looking for ways

More information

Web Design Technology

Web Design Technology Web Design Technology Terms Found in web design front end Found in web development back end Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document

More information

CSET 3100 Advanced Website Design (3 semester credit hours) IT Required

CSET 3100 Advanced Website Design (3 semester credit hours) IT Required CSET 3100 Advanced Website Design (3 semester credit hours) CSET Elective IT Required Current Catalog Description: This course covers the creation of HTML forms, creation of static and animated web graphics,

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

WWW. World Wide Web Aka The Internet. dr. C. P. J. Koymans. Informatics Institute Universiteit van Amsterdam. November 30, 2007

WWW. World Wide Web Aka The Internet. dr. C. P. J. Koymans. Informatics Institute Universiteit van Amsterdam. November 30, 2007 WWW World Wide Web Aka The Internet dr. C. P. J. Koymans Informatics Institute Universiteit van Amsterdam November 30, 2007 dr. C. P. J. Koymans (UvA) WWW November 30, 2007 1 / 36 WWW history (1) 1968

More information

IT3503 Web Development Techniques (Optional)

IT3503 Web Development Techniques (Optional) INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

Example. Represent this as XML

Example. Represent this as XML Example INF 221 program class INF 133 quiz Assignment Represent this as XML JSON There is not an absolutely correct answer to how to interpret this tree in the respective languages. There are multiple

More information

Web Development News, Tips and Tutorials

Web Development News, Tips and Tutorials Web Development News, Tips and Tutorials In this section I will try to explain what we could and how we maybe helpful for your company and online business. The purpose of this site is to show what we had

More information

IT6503 WEB PROGRAMMING. Unit-I

IT6503 WEB PROGRAMMING. Unit-I Handled By, VALLIAMMAI ENGINEERING COLLEGE SRM Nagar, Kattankulathur-603203. Department of Information Technology Question Bank- Odd Semester 2015-2016 IT6503 WEB PROGRAMMING Mr. K. Ravindran, A.P(Sr.G)

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Course 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Outline Module 1: Overview of HTML and CSS This module provides an overview of HTML and CSS, and describes how to use

More information

IT3504: Web Development Techniques (Optional)

IT3504: Web Development Techniques (Optional) INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

Internet Technologies_1. Doc. Ing. František Huňka, CSc. 1 Internet Technologies_1 Doc. Ing. František Huňka, CSc. Outline of the Course 2 Internet and www history. Markup languages. Software tools. HTTP protocol. Basic architecture of the web systems. XHTML

More information

10CS73:Web Programming

10CS73:Web Programming 10CS73:Web Programming Question Bank Fundamentals of Web: 1.What is WWW? 2. What are domain names? Explain domain name conversion with diagram 3.What are the difference between web browser and web server

More information

Introduction to XML Applications

Introduction to XML Applications EMC White Paper Introduction to XML Applications Umair Nauman Abstract: This document provides an overview of XML Applications. This is not a comprehensive guide to XML Applications and is intended for

More information

Web Development. How the Web Works 3/3/2015. Clients / Server

Web Development. How the Web Works 3/3/2015. Clients / Server Web Development WWW part of the Internet (others: Email, FTP, Telnet) Loaded to a Server Viewed in a Browser (Client) Clients / Server Client: Request & Render Content Browsers, mobile devices, screen

More information

WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17)

WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17) WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17) COURSE DESCRIPTION: This advanced course is designed to provide students with

More information

STATEMENT OF PURPOSE

STATEMENT OF PURPOSE WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

WEB DEVELOPMENT COURSE (PHP/ MYSQL)

WEB DEVELOPMENT COURSE (PHP/ MYSQL) WEB DEVELOPMENT COURSE (PHP/ MYSQL) COURSE COVERS: HTML 5 CSS 3 JAVASCRIPT JQUERY BOOTSTRAP 3 PHP 5.5 MYSQL SYLLABUS HTML5 Introduction to HTML Introduction to Internet HTML Basics HTML Elements HTML Attributes

More information

XML. CIS-3152, Spring 2013 Peter C. Chapin

XML. CIS-3152, Spring 2013 Peter C. Chapin XML CIS-3152, Spring 2013 Peter C. Chapin Markup Languages Plain text documents with special commands PRO Plays well with version control and other program development tools. Easy to manipulate with scripts

More information

Maldives Pension Administration Office Republic of Maldives

Maldives Pension Administration Office Republic of Maldives A. Background Maldives Pension Administration Office Republic of Maldives Pension and Social Protection Administration Project IDA Credit.: 4611-MV Date: 01 June 2014 Design and Development of the CMDA

More information

601/8498/X IAO Level 3 Certificate in Web Design and Development (RQF)

601/8498/X IAO Level 3 Certificate in Web Design and Development (RQF) 601/8498/X IAO Level 3 Certificate in Web Design and Development (RQF) A summary of the qualification s content This is a regulated qualification designed to equip you with the knowledge and skills that

More information

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA Page name: Home Keywords: Web, design, development, logo, freelance, graphic design, Seattle WA, WordPress, responsive, mobile-friendly, communication, friendly, professional, frontend, back-end, PHP,

More information

Platform Independent Mobile Application Development

Platform Independent Mobile Application Development International Journal of Information and Computation Technology. ISSN 0974-2239 Volume 4, Number 5 (2014), pp. 527-532 International Research Publications House http://www. irphouse.com /ijict.htm Platform

More information

Developer Tutorial Version 1. 0 February 2015

Developer Tutorial Version 1. 0 February 2015 Developer Tutorial Version 1. 0 Contents Introduction... 3 What is the Mapzania SDK?... 3 Features of Mapzania SDK... 4 Mapzania Applications... 5 Architecture... 6 Front-end application components...

More information

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

More information

INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency

INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency 1. 420-PA3-AB Introduction to Computers, the Internet, and the Web This course is an introduction to the computer,

More information

Lisa Sabin-Wilson WILEY. Wiley Publishing, Inc.

Lisa Sabin-Wilson WILEY. Wiley Publishing, Inc. by Lisa Sabin-Wilson WILEY Wiley Publishing, Inc. Table of Contents Introduction 1 About This Book 1 Foolish Assumptions 2 Conventions Used in This Book 3 What You Are Not to Read 4 How This Book Is Organized

More information

Standards, Tools and Web 2.0

Standards, Tools and Web 2.0 Standards, Tools and Web 2.0 Web Programming Uta Priss ZELL, Ostfalia University 2013 Web Programming Standards and Tools Slide 1/31 Outline Guidelines and Tests Logfile analysis W3C Standards Tools Web

More information

OIT 307/ OIT 218: Web Programming

OIT 307/ OIT 218: Web Programming OIT 307/ OIT 218: Web Programming 1.0 INTRODUCTION Many applications nowadays work really well as a web application. Web programming is the practice of writing applications that run on a web server and

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

IGW+ Certificate. I d e a l G r o u p i n W e b. International professional web design,

IGW+ Certificate. I d e a l G r o u p i n W e b. International professional web design, IGW+ Certificate I d e a l G r o u p i n W e b International professional web design, Programming, CRM, online office automation, complete security, Secured Ecommerce and web site maintenance educational

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Prerequisite: CGA 101, or written permission of instructor.

Prerequisite: CGA 101, or written permission of instructor. Salem Community College Course Syllabus Course Title: Web Page Design Course Code: CGA 140 Lecture Hours: 2 Lab Hours: 2 Credits: 3 Course Description: Web Page Design will introduce the student to basic

More information

<Insert Picture Here>

<Insert Picture Here> Designing the Oracle Store with Oracle Application Express Marc Sewtz Software Development Manager Oracle Application Express Oracle USA Inc. 540 Madison Avenue,

More information

JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT. Test Code: 3750 Version: 01

JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT. Test Code: 3750 Version: 01 JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT Test Code: 3750 Version: 01 Specific Competencies and Skills Tested in this Assessment: Internet Basics Describe the process of information exchange between

More information

Office Hours: Monday: 11:30AM 12:30PM Wednesday: 11:30AM 12:30PM Please make an appointment and other hours can be arranged, if you need assistance.

Office Hours: Monday: 11:30AM 12:30PM Wednesday: 11:30AM 12:30PM Please make an appointment and other hours can be arranged, if you need assistance. Course Number: IS117 Course Title: Introduction to Website Development Section: 101 Date & Time: R: 6:00PM 9:05PM Credits: 3 Contact Hours: 3 Hours Face-to-Face Instructor Information Name: Keith Williams

More information

NHS Education for Scotland Knowledge Services Design and Development Framework

NHS Education for Scotland Knowledge Services Design and Development Framework NHS Education for Scotland Knowledge Services Design and Development Framework In support of Invitation to Tender: Technical Development of Technical Development of a Platform supporting Communication,

More information

AJAX The Future of Web Development?

AJAX The Future of Web Development? AJAX The Future of Web Development? Anders Moberg (dit02amg), David Mörtsell (dit01dml) and David Södermark (dv02sdd). Assignment 2 in New Media D, Department of Computing Science, Umeå University. 2006-04-28

More information

Information Management & Design Course Descriptions Contact Drew Hunt at Andrew.hunt@kctcs.edu for more information

Information Management & Design Course Descriptions Contact Drew Hunt at Andrew.hunt@kctcs.edu for more information Information Management & Design Course Descriptions Contact Drew Hunt at Andrew.hunt@kctcs.edu for more information IMD 100 Introduction to Information Systems (3) Essential computer concepts and terminology

More information

GLOB@L LIBRARIES - BULGARIA PROGRAM. Terms of Reference

GLOB@L LIBRARIES - BULGARIA PROGRAM. Terms of Reference GLOB@L LIBRARIES - BULGARIA PROGRAM Terms of Reference Position: Web Design Consultant (WDC) Timeframe: Up to 6 months based on interim outcomes I. BACKGROUND INFORMATION The Glob@l Libraries Bulgaria

More information

WEB& WEBSITE DESIGN TRAINING

WEB& WEBSITE DESIGN TRAINING WEB& WEBSITE DESIGN TRAINING Introduction to Websites Course Content: Introduction to Web Technologies Protocols and Port Numbers Domain Names, DNS and Domaining Client and Server Software. Static, Dynamic

More information

Interactive Data Visualization for the Web Scott Murray

Interactive Data Visualization for the Web Scott Murray Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding

More information

Lesson Overview. Getting Started. The Internet WWW

Lesson Overview. Getting Started. The Internet WWW Lesson Overview Getting Started Learning Web Design: Chapter 1 and Chapter 2 What is the Internet? History of the Internet Anatomy of a Web Page What is the Web Made Of? Careers in Web Development Web-Related

More information

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 September 2010 Copyright IBM Corporation 2010. 1 Overview Rational Application Developer, Version 8.0, contains

More information

HTML5 and CSS3 The Future of the Web Programming. Current Web Development. Sergio Luján Mora

HTML5 and CSS3 The Future of the Web Programming. Current Web Development. Sergio Luján Mora HTML5 and CSS3 The Future of the Web Programming Current Web Development Sergio Luján Mora 1 Table of contents Why standards are important? Are there any standards in web development? The Web Standards

More information

Web Design and Development I a.k.a. Fundamentals of Web Design and Development

Web Design and Development I a.k.a. Fundamentals of Web Design and Development CompuScholar, Inc. Alignment to South Carolina Web Design and Development I Standards South Carolina Course Details: Course Name: Web Design and Development I a.k.a. Fundamentals of Web Design and Development

More information

CompuScholar, Inc. Alignment to Tennessee Web Design Foundations Standards

CompuScholar, Inc. Alignment to Tennessee Web Design Foundations Standards CompuScholar, Inc. Alignment to Tennessee Web Design Foundations Standards Tennessee Course Details: Course Name: Primary Career Cluster: Course Code: Credit: Grade Level: Teacher Resources: Web Design

More information

2. Distributed Handwriting Recognition. Abstract. 1. Introduction

2. Distributed Handwriting Recognition. Abstract. 1. Introduction XPEN: An XML Based Format for Distributed Online Handwriting Recognition A.P.Lenaghan, R.R.Malyan, School of Computing and Information Systems, Kingston University, UK {a.lenaghan,r.malyan}@kingston.ac.uk

More information

Computer Science E-259

Computer Science E-259 XML with Java, Java Servlet, and JSP Lecture 1: Introduction 17 September 2007 David J. Malan malan@post.harvard.edu 1 The Hype In the Press "XML, as a context-rich, data-neutral file format, is probably

More information

Upgrade to Microsoft Web Applications

Upgrade to Microsoft Web Applications Upgrade to Microsoft Web Applications Description Customers demand beautiful, elegant apps that are alive with activity. Demonstrate your expertise at designing and developing the fast and fluid Store

More information

Beginning Smartphone Web Development

Beginning Smartphone Web Development Beginning Smartphone Web Development I3. jl!c;llirici JavaScript C;SS, f HTML and A-, p p I i с at i о n s f о r«p ri о n e,, А л ei ro i ci, P a! ei P re, Eli ас к I Windows Мкаане, and inotaa S60 Gail

More information

Framework as a master tool in modern web development

Framework as a master tool in modern web development Framework as a master tool in modern web development PETR DO, VOJTECH ONDRYHAL Communication and Information Systems Department University of Defence Kounicova 65, Brno, 662 10 CZECH REPUBLIC petr.do@unob.cz,

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

At least 2 GCE A Level Passes and credit in Mathematics at Ordinary level. Mature candidates will also be considered on a case-by-case basis.

At least 2 GCE A Level Passes and credit in Mathematics at Ordinary level. Mature candidates will also be considered on a case-by-case basis. Diploma in Web & Multimedia Development LC201 1. Objectives This course offers web and multimedia development skills which are focused on internet technologies such as the design and implementation of

More information

Web Design Foundations (2015-16)

Web Design Foundations (2015-16) Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop

More information

GLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS

GLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS Course Title: Advanced Web Design Subject: Mathematics / Computer Science Grade Level: 9-12 Duration: 0.5 year Number of Credits: 2.5 Prerequisite: Grade of A or higher in Web Design Elective or Required:

More information

Textbook s Website for Online Review of Each Chapter http://www.webdevfoundations.net

Textbook s Website for Online Review of Each Chapter http://www.webdevfoundations.net TAWEBDN 1A WEB DESIGN, First Semester #10099 (v.1.0) To the Student: After your registration is complete and your proctor has been approved, you may take the Credit by Examination for TAWEBDN 1A. WHAT

More information

Student Program Information 2014

Student Program Information 2014 Diploma of Website Development (ICA50611) There are a number of possible study plans with the recommended Diploma study plan having the following key features: The recommended study plan will take a new

More information

Study of GML-Based Geographical Data Visualization Strategy

Study of GML-Based Geographical Data Visualization Strategy Study of GML-Based Geographical Data Visualization Strategy ZHANG LIN 1, CHEN SHI-BIN 2 1 College of Information Technology, ZheJiang University of Finance & Economics, HangZhou 310012, China 2 College

More information

design coding monitoring deployment Java Web Framework for the Efficient Development of Enterprise Web Applications

design coding monitoring deployment Java Web Framework for the Efficient Development of Enterprise Web Applications Java Web Framework for the Efficient Development of Enterprise Web Applications Evolution Framework tools 100% reusability Complete Development Kit Evolution Framework enables fast and easy development

More information

IBRI College of Technology Department of Information Technology. Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday)

IBRI College of Technology Department of Information Technology. Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday) IBRI College of Technology Department of Information Technology Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday) Eligibility: Web Programming Contest Rules The contest is open to Diploma

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

COURSE SYLLABUS EDG 6931: Designing Integrated Media Environments 2 Educational Technology Program University of Florida

COURSE SYLLABUS EDG 6931: Designing Integrated Media Environments 2 Educational Technology Program University of Florida COURSE SYLLABUS EDG 6931: Designing Integrated Media Environments 2 Educational Technology Program University of Florida CREDIT HOURS 3 credits hours PREREQUISITE Completion of EME 6208 with a passing

More information

Release: 1. ICAWEB414A Design simple web page layouts

Release: 1. ICAWEB414A Design simple web page layouts Release: 1 ICAWEB414A Design simple web page layouts ICAWEB414A Design simple web page layouts Modification History Release Release 1 Comments This Unit first released with ICA11 Information and Communications

More information

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812 PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812 Class Hours: 3.0 Credit Hours: 3.0 Laboratory Hours: 0.0 Revised: Spring 2011 NOTE: This course is not

More information

Software Development & Education Center PHP 5

Software Development & Education Center PHP 5 Software Development & Education Center PHP 5 (ADVANCE) Detailed Curriculum Advance PHP JQuery Basics Of JQuery Including the JQuery Library Code in an HTML Page JQuery Utilities Faster, Simpler, More

More information

An Extensible Framework for Building Interactive Courses on Web

An Extensible Framework for Building Interactive Courses on Web An Extensible Framework for Building Interactive Courses on Web Sabin Corneliu Buraga Faculty of Computer Science, "A.I.Cuza" University of Iasi Berthelot Str., 16 Iasi 6600 Romania Tel.: +(40) 32 201529,

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

BI DESIGN AND DEVELOPMENT

BI DESIGN AND DEVELOPMENT CHAPTER BI DESIGN AND DEVELOPMENT 14 INFORMATION IN THIS CHAPTER: BI design BI user interface Privacy, security, access standards Design methods Prototyping lifecycle Application development tasks BI application

More information

38 Essential Website Redesign Terms You Need to Know

38 Essential Website Redesign Terms You Need to Know 38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready

More information

Course Description. Course Objectives

Course Description. Course Objectives MONTGOMERY COLLEGE Business, Accounting, Economics, Computer Applications, and Paralegal Studies Department Germantown Campus CMAP272 Professional Web Site Development Instructor: John Coliton Spring,

More information

Joomla Templates 101 Barb Ackemann

Joomla Templates 101 Barb Ackemann Joomla Templates 101 Barb Ackemann Joomla Day NE May 30, 2009 NOTE: Slides, files and resources are all online So you can listen /think hard and not worry about writing everything down! Joomla Templates

More information

Website Development (D4)

Website Development (D4) IMIS DIPLOMA QUALIFICATIONS Website Development (D4) Thursday 4 th December 2014 14:00hrs 17:00hrs DURATION: 3 HOURS Candidates should answer ALL the questions in Part A and THREE of the five questions

More information

XML- New meta language in e-business

XML- New meta language in e-business 1 XML- New meta language in e-business XML (extensible Markup Language) has established itself as a new meta language in e-business. No matter what, text, pictures, video- or audio files - with the flexibility

More information

Structure in documents: an introduction

Structure in documents: an introduction Structure in documents: an introduction Structure in documents: an introduction Being an introduction to the use of databases and markup languages to help the designer make electronic and paper documents

More information

Release 1. ICAPRG604A Create cloud computing services

Release 1. ICAPRG604A Create cloud computing services Release 1 ICAPRG604A Create cloud computing services ICAPRG604A Create cloud computing services Modification History Release Release 1 Comments This version first released with ICA11 Information and Communications

More information

Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015. 866.Macomb1 (866.622.6621) www.macomb.edu

Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015. 866.Macomb1 (866.622.6621) www.macomb.edu Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015 866.Macomb1 (866.622.6621) www.macomb.edu Web Specialist PROGRAM OPTIONS CREDENTIAL TITLE REQUIRED NOTES Associate of Applied Science Web Specialist

More information

DESIGNING HTML HELPERS TO OPTIMIZE WEB APPLICATION DEVELOPMENT

DESIGNING HTML HELPERS TO OPTIMIZE WEB APPLICATION DEVELOPMENT Abstract DESIGNING HTML HELPERS TO OPTIMIZE WEB APPLICATION DEVELOPMENT Dragos-Paul Pop 1 Building a web application or a website can become difficult, just because so many technologies are involved. Generally

More information

Introduction to Dreamweaver

Introduction to Dreamweaver Introduction to Dreamweaver ASSIGNMENT After reading the following introduction, read pages DW1 DW24 in your textbook Adobe Dreamweaver CS6. Be sure to read through the objectives at the beginning of Web

More information

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

Cocoon 2 Programming: Web Publishing with XML and Java"

Cocoon 2 Programming: Web Publishing with XML and Java Cocoon 2 Programming: Web Publishing with XML and Java" Bill Brogden Conrad D'Cruz Mark Gaither StfBEX San Francisco London Introduction xv Chapter 1 The Cocoon 2 Architecture 1 The Challenges of Web Publishing

More information

Business Application Development Platform

Business Application Development Platform Business Application Development Platform Author Copyright Last update Version Document type Sclable Business Solutions GmbH Attribution-NonCommercial-NoDerivatives 4.0 International 01/28/2014 1.0 Technical

More information

Imagine. Innovate. Create. Explore the world of Graphic & Web Design, Animation & Vfx!

Imagine. Innovate. Create. Explore the world of Graphic & Web Design, Animation & Vfx! Imagine. Innovate. Create. Explore the world of Graphic & Web Design, Animation & Vfx! M-25, Old DLF Colony, Sector-14, Gurgaon. Ph. 0124-2391883, 9971259934 Website - www.arenagurgaon.com E-Mail - gurgaon.arena@gmail.com

More information

Teacher Assessment Blueprint. Web Design. Test Code: 5934 / Version: 01. Copyright 2013 NOCTI. All Rights Reserved.

Teacher Assessment Blueprint. Web Design. Test Code: 5934 / Version: 01. Copyright 2013 NOCTI. All Rights Reserved. Teacher Assessment Blueprint Web Design Test Code: 5934 / Version: 01 Copyright 2013 NOCTI. All Rights Reserved. General Assessment Information Blueprint Contents General Assessment Information Written

More information

DIPLOMA IN GRAPHIC WEB DESIGN AND WEB DEVELOPMENT COURSE INFO PACK

DIPLOMA IN GRAPHIC WEB DESIGN AND WEB DEVELOPMENT COURSE INFO PACK Registered as a Private Higher Education Institution with the Department of Higher Education and Training in South Africa under the Higher Education Act 1997 Registration Nr. 2001/HE07/005 DIPLOMA IN GRAPHIC

More information

ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE NUMBER CS 215 - WEB DEVELOPMENT & PROGRAMMING I AND TITLE:

ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE NUMBER CS 215 - WEB DEVELOPMENT & PROGRAMMING I AND TITLE: ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE NUMBER CS 215 - WEB DEVELOPMENT & PROGRAMMING I AND TITLE: B. CURRICULUM: Mathematics / Computer Science Unit Offering PROGRAM: Web-Network Technology Certificate

More information

Contents. Introduction... 2. Downloading the Data Files... 2

Contents. Introduction... 2. Downloading the Data Files... 2 Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading

More information