Mobile Publishing. Academy of Journalism and Media, Faculty of Economic Sciences, University of Neuchâtel Switzerland

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Mobile Publishing. Academy of Journalism and Media, Faculty of Economic Sciences, University of Neuchâtel Switzerland"

Transcription

1 Mobile Publishing MARCO GIARDINA a,b a Academy of Journalism and Media, Faculty of Economic Sciences, University of Neuchâtel Switzerland b Sensiel Research, Bern, Switzerland Faculty of Economic Sciences, University of Neuchâtel, Switzerland Faculty of Economic Sciences, University of Neuchâtel, Switzerland 1

2 OUTLINE 1. Basic exercises with HTML/CSS for Journalists (2x45 min) 2. Exercises handling Multimedia Content for Mobile Publishing (2x45min) 3. Exercises with CMS (Wordpress & GitHub Pages) (2x45min) 4. Exercises with responsive templates targeting mobile publishing(2x45min) Glossary CMS: Content Management System CSS: Cascading Style Sheets FTP: File Transfer Protocol HTML: HyperText Markup Language Faculty of Economic Sciences, University of Neuchâtel, Switzerland 2

3 1. HTML Basics: HTML files, HTTP, HTML- Setting your (free) HTML editor on a MAC. TexEdit>Preferences Faculty of Economic Sciences, University of Neuchâtel, Switzerland 3

4 1. HTML Basics: Exercise 1 HTML (main) tags: 1.<html></html> 2.<body></body> 3.<head></head> 4.<title></title> 5.<p></p> 6.<img src=""/> 7.<a href=""></a> 8.<div></div> 9.</br> 10.<h1></h1> 11.<style></style> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 4

5 1. HTML Basics: Exercise 2 HTML (main) tags continued: 1.<html></html> 2.<body></body> 3.<head></head> 4.<title></title> 5.<p></p> 6.<img src=""/> 7.<a href=""></a> 8.<div></div> 9.</br> 10.<h1></h1> 11.<style></style> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 5

6 1. HTML Basics: Exercise 3 Responsive CSS (media-queries) Faculty of Economic Sciences, University of Neuchâtel, Switzerland 6

7 1. HTML Basics: RECAP Basic HTML page structure doc type <!DOCTYPE HTML> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 7

8 1. HTML Basics: The hidden semantics of sites Faculty of Economic Sciences, University of Neuchâtel, Switzerland 8

9 1. HTML Basics: The hidden semantics of sites Naming Conven,ons Most Web sites are a costella,ons of files Faculty of Economic Sciences, University of Neuchâtel, Switzerland 9

10 1. HTML Basics: The hidden semantics of sites Faculty of Economic Sciences, University of Neuchâtel, Switzerland 10

11 1. HTML Basics: The hidden semantics of sites Faculty of Economic Sciences, University of Neuchâtel, Switzerland 11

12 1. HTML Basics: The hidden semantics of sites Faculty of Economic Sciences, University of Neuchâtel, Switzerland 12

13 2. Handling Multimedia Content Faculty of Economic Sciences, University of Neuchâtel, Switzerland 13

14 2. Handling Multimedia Content: Jtools Faculty of Economic Sciences, University of Neuchâtel, Switzerland 14

15 2. Handling Multimedia Content Dropbox: Cloud file sharing Faculty of Economic Sciences, University of Neuchâtel, Switzerland 15

16 2. Handling Multimedia Content Filezilla: remote server file sharing Faculty of Economic Sciences, University of Neuchâtel, Switzerland 16

17 2. Handling Multimedia Content: Exercise 7 text embed <article> <section> <aside> <time> <details> <figure> & <figcaption> <mark> <wbr> Advanced: <canvas> Advanced: geolocation in HTML5 <script> var x=document.getelementbyid("demo"); function getlocation() { if (navigator.geolocation) { navigator.geolocation.getcurrentposit ion(showposition); } else{x.innerhtml="geolocation is not supported by this browser.";} } function showposition(position) { x.innerhtml="latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude; } </script> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 17

18 2. Handling Multimedia Content: Exercise 8 audio embed <audio> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 18

19 2. Handling Multimedia Content: Exercise 9 video embed <video> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> Faculty of Economic Sciences, University of Neuchâtel, Switzerland 19

20 2. Handling Multimedia Content: Exercise 10 social media memes embed::homework Faculty of Economic Sciences, University of Neuchâtel, Switzerland 20

Web Browser. Fetches/displays documents from web servers. Mosaic 1993

Web Browser. Fetches/displays documents from web servers. Mosaic 1993 HTML5 and CSS3 Web Browser Fetches/displays documents from web servers Mosaic 1993 Firefox,IE,Chrome,Safari,Opera,Lynx,Mosaic,Konqueror There are standards, but wide variation in features Desktop Browser

More information

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication HTML5 HTML5 is the most recent version of Hypertext Markup Language. It's evolution

More information

Differences between HTML and HTML 5

Differences between HTML and HTML 5 Differences between HTML and HTML 5 1 T.N.Sharma, 2 Priyanka Bhardwaj, 3 Manish Bhardwaj Abstract: Web technology is a standard that allow developing web applications with the help of predefined sets of

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

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:

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

What is a Web Browser? Web Site Functionality. A client program that uses HTTP to communicate with web servers.

What is a Web Browser? Web Site Functionality. A client program that uses HTTP to communicate with web servers. What is a Web Browser? Web Site Functionality April 1, 2004 A client program that uses HTTP to communicate with web servers. HTML interpreter Reads HTML, determines how to display it A Simple HTML file

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

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

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

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

Web Foundations Series Internet Business Associate

Web Foundations Series Internet Business Associate Web Foundations Series Internet Business Associate Internet Business Associate prepares students to work effectively in today's business environment. In this course, you will learn about the tasks involved

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

HTML5 and CSS3. new semantic elements advanced form support CSS3 features other HTML5 features

HTML5 and CSS3. new semantic elements advanced form support CSS3 features other HTML5 features HTML5 and CSS3 new semantic elements advanced form support CSS3 features other HTML5 features fallback solutions HTML5 and CSS3 are new and evolving standards two levels of fallback different browsers

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

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D. Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain

More information

Programming exercises (Assignments)

Programming exercises (Assignments) Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites

More information

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011 Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons

More information

HTML & HTML5 INTRO A COUPLE OF NOTES. Some tags have attributes that you have to use. For example, <a> tags need links in their href attribute.

HTML & HTML5 INTRO A COUPLE OF NOTES. Some tags have attributes that you have to use. For example, <a> tags need links in their href attribute. HTML & HTML5 INTRO This is a complete cheat sheet for you to feel comfortable diving right into HTML & HTML5 without feeling like you have to memorize ALL THINGS related to HTML. With time you will be

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

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview 20480B: Programming in HTML5 with JavaScript and CSS3 Course Overview This course provides students with the knowledge and skills to create and style HTML pages, use JavaScript, create forms to collect

More information

3DHOP Local Setup. Lezione 14 Maggio 2015

3DHOP Local Setup. Lezione 14 Maggio 2015 Lezione 14 Maggio 2015 3DHOP what is it? Basically a set of web files :.html (hyper text markup language) The main file, it contains the Web page structure e some basic functions..js (javascript) The brain

More information

Chapter 1 Domain Names...1

Chapter 1 Domain Names...1 Introduction Chapter 1 Domain Names...........................................1 1. Have You Thought of a Good Domain Name for Your Website? 2 2. Do You Need Multiple Domain Names? 4 3. How Much Should

More information

Unlocking the Java EE Platform with HTML 5

Unlocking the Java EE Platform with HTML 5 1 2 Unlocking the Java EE Platform with HTML 5 Unlocking the Java EE Platform with HTML 5 Overview HTML5 has suddenly become a hot item, even in the Java ecosystem. How do the 'old' technologies of HTML,

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

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

Developing Your Own Academic Website. SGD Professional Development Seminar February 28, 2014

Developing Your Own Academic Website. SGD Professional Development Seminar February 28, 2014 Developing Your Own Academic Website SGD Professional Development Seminar February 28, 2014 Why Bother With A Website? Having a web presence is very important Especially for job applicakons Nice CV fodder

More information

Web Authoring CSS. www.fetac.ie. Module Descriptor

Web Authoring CSS. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

Web Authoring. www.fetac.ie. Module Descriptor

Web Authoring. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

Annex E - Capability Building Policy

Annex E - Capability Building Policy Page 1 DEPARTMENT OF Version: 1.5 Effective: December 18, 2014 Annex E - Capability Building Policy This Capability Building Policy is an annex to the Government Web Hosting Service (GWHS) Memorandum Circular

More information

Website Development (D4)

Website Development (D4) IMIS DIPLOMA QUALIFICATIONS Website Development (D4) Thursday 5 th June 2015 14:00hrs 17:00hrs DURATION: 3 HOURS SOLUTIONS & MARKING SCHEME Question A1 Give and describe TWO new features of HTML5. LO1

More information

WEB PAGE, DIGITAL/MULTIMEDIA AND INFORMATION RESOURCES DESIGN

WEB PAGE, DIGITAL/MULTIMEDIA AND INFORMATION RESOURCES DESIGN 1 Secondary Task List 100 DEMONSTRATE SAFETY IN THE MULTIMEDIA LABORATORY 101 Explain the Material Safety Data Sheet (MSDS) system for hazardous chemicals and materials. 102 Follow safety rules when working

More information

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development 4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services

More information

Job Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01. Copyright 2011. All Rights Reserved.

Job Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01. Copyright 2011. All Rights Reserved. Job Ready Assessment Blueprint Web Design Test Code: 2750 / Version: 01 Copyright 2011. All Rights Reserved. General Assessment Information Blueprint Contents General Assessment Information Written Assessment

More information

Information Technology Career Field Pathways and Course Structure

Information Technology Career Field Pathways and Course Structure Information Technology Career Field Pathways and Course Structure Courses in Information Support and Services (N0) Computer Hardware 2 145025 Computer Software 145030 Networking 2 145035 Network Operating

More information

HTML5 & Friends. And How They Change A Developer s Life

HTML5 & Friends. And How They Change A Developer s Life HTML5 & Friends And How They Change A Developer s Life Yang Piao yp@cmu.edu 2 HTML5? 3 What is HTML5 The markup language 5 th major version of HTML successor of HTML 4.01 Or a set of cutting-edge web technologies

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development h0p://home.hit.no/~hansha/?page=sojware_development Web O. Widder. (2013). geek&poke. Available: h0p://geek- and- poke.com Programming Hans- Pe0er Halvorsen, M.Sc. 1 Web is the Present and the Future 2

More information

Putting Your Genealogy On-line

Putting Your Genealogy On-line Putting Your Genealogy On-line Presented by Charlie Mead Overview How a website works Things to consider before you start Different options available Types of software How a website works User selects

More information

HTML & CSS Workshop. by Bethany Davis FemmeHacks 2016

HTML & CSS Workshop. by Bethany Davis FemmeHacks 2016 HTML & CSS Workshop by Bethany Davis FemmeHacks 2016 Welcome! Bethany Davis Junior at Penn studying CS Taught myself HTML/CSS in 7th grade I have a few lines of HTML and CSS in the Google codebase www.bethanytdavis.com

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

SPLIT BLOCK FINAL Web Design

SPLIT BLOCK FINAL Web Design SPLIT BLOCK FINAL Web Design MULTIPLE CHOICE 1. A(n) site shares user-created content with site visitors. a. portal c. informational/educational b. Web 2.0 d. business 2. sites include Erly, Flickr, Pinterest,

More information

Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 3. Internet : the vast collection of interconnected networks that all use the TCP/IP protocols

Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 3. Internet : the vast collection of interconnected networks that all use the TCP/IP protocols E-Commerce Infrastructure II: the World Wide Web The Internet and the World Wide Web are two separate but related things Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 1 Outline The Internet and

More information

HTML5 & CSS3. Jens Jäger Freiberuflicher Softwareentwickler JavaEE, Ruby on Rails, Webstuff Blog: www.jensjaeger.com Mail: mail@jensjaeger.

HTML5 & CSS3. Jens Jäger Freiberuflicher Softwareentwickler JavaEE, Ruby on Rails, Webstuff Blog: www.jensjaeger.com Mail: mail@jensjaeger. HTML5 & CSS3 and beyond Jens Jäger Freiberuflicher Softwareentwickler JavaEE, Ruby on Rails, Webstuff Blog: www.jensjaeger.com Mail: mail@jensjaeger.com 1 Content A short of history Html New Markup Webforms

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

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/

More information

HTML5 & CSS3. ( What about SharePoint? ) presented by @kyleschaeffer

HTML5 & CSS3. ( What about SharePoint? ) presented by @kyleschaeffer HTML5 & CSS3 ( What about SharePoint? ) presented by @kyleschaeffer The Agenda HTML5 What is it? What can it do? Does SharePoint do HTML5? CSS3 What is it? What can it do? Does SharePoint do CSS3? HTML5

More information

Chapter 16 Exercises and Answers

Chapter 16 Exercises and Answers Chapter 16 Exercises and nswers nswers are in blue. For Exercises 1-12, mark the answers true and false as follows:. True. False 1. The Internet and the Web are essentially two names for the same thing.

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

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING %\ ^/ CS> v% Sr KRIS JAMSA, PhD, MBA y» A- JONES & BARTLETT LEARNING Brief Contents Acknowledgments Preface Getting Started with HTML Integrating Images Using Hyperlinks to Connect Content Presenting Lists

More information

Short notes on webpage programming languages

Short notes on webpage programming languages Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of

More information

A set-up guide and general information to help you get the most out of your new theme.

A set-up guide and general information to help you get the most out of your new theme. Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common

More information

ACE: Dreamweaver CC Exam Guide

ACE: Dreamweaver CC Exam Guide Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation

More information

Research on HTML5 in Web Development

Research on HTML5 in Web Development Research on HTML5 in Web Development 1 Ch Rajesh, 2 K S V Krishna Srikanth 1 Department of IT, ANITS, Visakhapatnam 2 Department of IT, ANITS, Visakhapatnam Abstract HTML5 is everywhere these days. HTML5

More information

Request for Proposal. Organizational Background:

Request for Proposal. Organizational Background: \jee- tay- geh- máy\ v [Swahili : sustain yourself] : empowering street children through education. Request for Proposal Jitegemee, a nonprofit organization working with street and destitute children in

More information

HTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Libraries

HTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Libraries HTML5 and CSS3: New Markup & Styles for the Emerging Web Jason Clark Head of Digital Access & Web Services Montana State University Libraries twitter #hashtag #cilhtml5 pinboard.in #tag pinboard.in/u:jasonclark/t:cil-html5/

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

Introduction to Web Development with Dreamweaver

Introduction to Web Development with Dreamweaver ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

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

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SCHOOL OF COMPUTING DEPARTMENT OF CSE COURSE PLAN

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SCHOOL OF COMPUTING DEPARTMENT OF CSE COURSE PLAN SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY Course Code : CS0518 Course Title : Internet Programming and Tool Semester : II Semester (M.Tech) Course Time :Dec May 2012 SCHOOL OF COMPUTING DEPARTMENT

More information

Appendix H: Cascading Style Sheets (CSS)

Appendix H: Cascading Style Sheets (CSS) Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

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

Qnet Website Design and Development Process

Qnet Website Design and Development Process Qnet Web Site Design and Development Process Your Answer. Your Solution. Your Team. QNET INFORMATION SERVICES (Qnet) is a full service technology solutions provider and value added reseller (VAR) offering

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

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session ICS 202 Web Site Design 2 Credits The use of web design software in creating Web Pages. Available options for hosting Web pages. Design of web pages. Program interactive websites. Use of multimedia. Group

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

Developing Web-Based Courses Using an Online Development Guide and Templates

Developing Web-Based Courses Using an Online Development Guide and Templates Session 2247 Developing Web-Based Courses Using an Online Development Guide and Templates James A. Rehg Penn State Altoona Abstract The impact of the web on engineering and engineering technology education

More information

An Overview of HTML5 and Deciding When to Use It. Robby Robson, Ph.D. & Heather L. Jones, MCT Eduworks

An Overview of HTML5 and Deciding When to Use It. Robby Robson, Ph.D. & Heather L. Jones, MCT Eduworks An Overview of HTML5 and Deciding When to Use It Robby Robson, Ph.D. & Heather L. Jones, MCT Eduworks Learning Objectives At the end of this tutorial, you should be able to Describe the problems that HTML5

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

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

Beginning Android Web

Beginning Android Web Beginning Android Web Apps Development Develop for Android using HTML5, CSS3, and JavaScript Jon Westfall Rocco Augusto Grant Allen Apress* Contents Contents at a Glance About the Authors About the Technical

More information

CSE 203 Web Programming 1. Prepared by: Asst. Prof. Dr. Maryam Eskandari

CSE 203 Web Programming 1. Prepared by: Asst. Prof. Dr. Maryam Eskandari CSE 203 Web Programming 1 Prepared by: Asst. Prof. Dr. Maryam Eskandari Outline Basic concepts related to design and implement a website. HTML/XHTML Dynamic HTML Cascading Style Sheets (CSS) Basic JavaScript

More information

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

Using Mugeda Content. The Mugeda Team www.mugeda.com May 19, 2013

Using Mugeda Content. The Mugeda Team www.mugeda.com May 19, 2013 Using Mugeda Content The Mugeda Team www.mugeda.com May 19, 2013 How to Use Created Content Three basic methods Direct export Publish to Mugeda CDN Upload to your own or 3 rd party server Direct Export

More information

WordPress and HTML Basics

WordPress and HTML Basics WordPress and HTML Basics Intro: Jennifer Stuart Graphic Design background - switched to Web Design (1998) Started blogging in 2001 Became Interested in Javascript, PHP, etc. 2004 - Moved to WordPress

More information

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

Unit Title: Content Management System Website Creation

Unit Title: Content Management System Website Creation Unit Credit Value: 7 Unit Level: Three Unit Guided Learning Hours: 36 Ofqual Unit Reference Number: H/503/9327 Unit Review Date: 31/12/2016 Unit Sector: 15.3 Business Management Unit Summary This unit

More information

Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College

Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Taking your HTML Emails to the Next Level Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Purpose This past spring, the NCCCS delivered a financial

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

Step into the Future: HTML5 and its Impact on SSL VPNs

Step into the Future: HTML5 and its Impact on SSL VPNs Step into the Future: HTML5 and its Impact on SSL VPNs Aidan Gogarty HOB, Inc. Session ID: SPO - 302 Session Classification: General Interest What this is all about. All about HTML5 3 useful components

More information

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS

More information

Basic HTML Programming

Basic HTML Programming Creating HTML Documents and Managing Web site Basic HTML Programming HTML Text Editors BBEditLite Notepad, wordpad HTML stands for Hypertext Markup Language. 287 Other text editing programs 288 HTML files

More information

Request for Proposal (RFP) Toolkit

Request for Proposal (RFP) Toolkit Request for Proposal (RFP) Toolkit A Message from the CEO Hi, this is Ryan Flannagan, founder and CEO of Nuanced Media. Thanks for downloading the RFP Toolkit. My team and I are excited that you ve decided

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

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

A website's ability to be used by people with disabilities, including visually impaired

A website's ability to be used by people with disabilities, including visually impaired Glossary of Web Design Terms A Accessibility A website's ability to be used by people with disabilities, including visually impaired visitors, hearing impaired visitors, color blind people, or those with

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

More information

Seattle Central Community College BITCA Division. Syllabus MIC 151 - Online

Seattle Central Community College BITCA Division. Syllabus MIC 151 - Online Seattle Central Community College BITCA Division Syllabus MIC 151 - Online 2016 Spring Course Title and Item Number: Web Design & Development with HTML / MIC 151 Number of Credits: 5 Lecture Hour Equivalent:

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

Creating Library Website Using Open Source Content Management System

Creating Library Website Using Open Source Content Management System Creating Library Website Using Open Source Content Management System Vimal kumar V. 1 and Deepak Sankar 2 1 Asian School of Business Technopark Trivandrum-695 581 Vimal0212@yahoo.com 2 Deepak Shankar Malayalam

More information

Contents. Using the TTU Streaming Server. Academic Computing Support

Contents. Using the TTU Streaming Server. Academic Computing Support Using the TTU Streaming Server Academic Computing Support Information Technology Services Tennessee Technological University May 2002-Rev. 6/06 Contents 1. Before you begin... 2 2. Creating your content...

More information

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins Learning Web Design Third Edition A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics Jennifer Niederst Robbins O'REILLY Beijing- Cambridge Farnham Koln Paris Sebastopol -Taipei -Tokyo CONTENTS

More information

Developing Your School Website

Developing Your School Website Developing Your School Website Why do you need a website Determining website requirements Developing the website Ongoing maintenance of the site Why does your school need a website? Promotion and status

More information