K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.

Slides:



Advertisements
Similar presentations
PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Development of Web Applications - Contents Teppo Räisänen Principal Lecturer Oulu University of Applied Sciences School of Business and Information Management.
Evaluation in Digital Media Graphics Basic Concepts.
Project 1 Introduction to HTML.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
CSC 2720 Building Web Applications JavaScript. Introduction  JavaScript is a scripting language most often used for client-side web development.  JavaScript.
1st Project Introduction to HTML.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
5 th February Introduction Web Development Course.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
G51WPS Web Programming and Scripting Boriana Koleva Room: C54 Phone:
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
User Interface design – Course Info Teppo Räisänen
Software Engineering Group Project Prepared by Abd Elkarim AbuGhali Mahmoud Badawi Norhan Abo Hani Supervised By Dr: Mohammed Mikii.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
Adding Hypertext Links to a Web Page Tutorial 2 eXtensible Markup Language (XML)
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Links Teppo Räisänen LIIKE/OAMK What is a Link? Blue, underlined piece of text? Something leading to somewhere? A relation or a reference?
Contents 1 WDMD 170 – UW Stevens Point WDMD 170 Internet Languages e-Lesson: Introduction to WDMD 170 (there is an audio component to this e-Lesson) ©
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
HTML ~ Web Design.
How the Web Works Digital Histories Workshop Adam Crymble.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
CS 494 Web Development Class Size: Winter, 214: 97 Spring, 214: 81 Summer, 2014: 69.
Planning your site/organization on the Web Please use speaker notes for additional information!
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Louisa Lambregts, Louisa Lambregts
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
Interactive Web Tehcnologies Teppo Räisänen LIIKE/OAMK 2011.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
Search: Prof. Jeff Sonstein Home Contact Website Design & Tech ( ) Fall 2011  Professor Jeff Sonstein Office: GOL-2555 Hours: T/R 10am-noon
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
Louisa Lambregts, Louisa Lambregts
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
2016 Cengage Learning Computing Conference Lisa Friedrichsen, Professor Web Development & Digital Media Johnson County Community College HTML 5 / CSS 3.
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Web Basics: HTML/CSS/JavaScript What are they?
Visual Classification of Football Teams
Project 1 Introduction to HTML.
CSE 102/ISE 102 Introduction to Web Design and Programming
Final Project Presentation
Chapter 1 Introduction to HTML.
Introduction to Website Creation in sphb K200
Project 1 Introduction to HTML.
Web software.
Introduction to Advance Web Technologies
Department of Computer Science, Florida State University
Business Information Systems
WEB DEVELOPMENT TRAINING
Mozafar Bag-Mohammadi
Course Overview CS 4640 Programming Languages for Web Applications
ITI 163: Web, Mobile, and Social Media Design Introduction
Art 128 Interface Programming 1 In-class Presentation Week 2A
INFS 230 L Internet Technology
Information Technologies Anselm Spoerri PhD (MIT)
Course Overview CS 4640 Programming Languages for Web Applications
Internet Skills ELEC135 Alan Noble Room 504 Tel:
Presentation transcript:

K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK

General Information K1047BI – 4 CR 3rd & 4th periods 32 X 60 mins Lectures Exercises Assignments

Objectives The student knows how to design and create web pages by using hypertext markup language The student understands the importance of the user interface of a software product The student respects and knows the copyright of a product.

Contents (1) The design and implementation of a hypermedia product, HTML, frames, forms, CSS style sheets, Examples of CGI scripts, JavaScript and PHP

Contents (2) Basics of image editing User interface design Usability issues Copyright issues

Requirements Exercises = passed/failed Course Assignment = 15 p Exam = 30 p Total = 45 p + Attendance at 80 % of the lectures = 5 p

About the Course Assignment General Requirements: A small-scaled Web site Use of images, links, Web layout The site is designed and implemented during the course Note: Students’ sites implemented outside the course’s context are not eglible for course assignments

Course Material Lecture Slides W3schools Tutorials on XHTML CSS + material announced/delivered during the course