Room: NL11 (above New Library)

Slides:



Advertisements
Similar presentations
Centre for the Enhancement of Learning and Teaching Supporting & Enhancing Online Teaching & Learning by Catherine Ogilvie Centre for the Enhancement of.
Advertisements

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
TS 313 Multimedia Applications Welcome to TS 313 Multimedia Applications There is no audio lecture associated with this set of introduction slides Refer.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
A Beginners Guide to Web Site Design. What we will cover…. Planning your site. Creating a template. Images and Fonts. Absolute vs. Relative Links.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
ETT 429 Spring 2007 Web Design I.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Software and Multimedia
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
Web 2.0: Concepts and Applications 2 Publishing Online.
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.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Ivailo Chakarov Web Design Ivo Chakarov Telephone: Ext Room: NL11 (above New Library)
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
PowerPoint Presentation By: David Larson. IPA’s Identify Components of Visio 2010 interface, navigate a Visio drawing, and get help Using Visio. Manipulate.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Getting What You Want From Adobe © Dreamweaver, Fireworks, and Flash Presented by Helen Siukola Jancich, M.S. Anastasia Trekles Milligan, M.S. Purdue University.
Ivailo Chakarov Introduction to Web Technologies Ivo Chakarov Telephone: Ext. 3300
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
PART 1: INTRODUCTION TO BLOG Instructor: Mr Rizal Arbain FB:Facebook/rizal.arbain Website: H/P: Ibnu.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Applications Software. Applications software is software that is capable of doing a specific job A job is called an application Examples include word.
Ivailo Chakarov System Development, Tools... Ivo Chakarov Telephone: Ext Website:
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Ivailo Chakarov Web Design & Development Ivo Chakarov Telephone: Ext Room: NL11 (above New Library)
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Creating Website Using FrontPage 2003 By Heidi Lee.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
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.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
Ivailo Chakarov Introduction to Web Development Ivo Chakarov Telephone: Ext. 3300
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Unit 15 – Web Authoring Web Authoring Project.
Unit 15 – Web Authoring Web Authoring Project.
Pre-Production Meet with the client to create a project plan:
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
PowerPoint presentation
ASSIGNMENT ACTIVITIES
Creating Web Pages and Graphics
Web software.
Web Design and Development
Software and Multimedia
Software and Multimedia
Unit 2 – Webpage Creation
OCR Level 02 – Cambridge Technical
Create and edit web pages 2
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Application Software EIT, © Author Gay Robertson, 2016.
Internet Skills ELEC135 Alan Noble Room 504 Tel:
Edexcel CiDA| Course Overview
Presentation transcript:

Room: NL11 (above New Library) Web Technologies Ivo Chakarov Telephone: 01782 208208 Ext. 3424 Email: ichak1sc@stokecoll.ac.uk Room: NL11 (above New Library)

Web Technologies Course aim: to give students an essential overview of the tools, techniques and underpinning knowledge required to create and host simple web pages.

Students should be able to: Web Technologies Students should be able to: Analyse user requirements to produce a brief Use initial design and documentation techniques and take into account considerations when developing a small web site Design and optimise web images using a drawing or paint package Use web authoring package to create a web site. Use web standards to create web sites (e.g. XHTML, CSS) Use components such as tables, images, etc. Use web testing startegies

Web Technologies Basic principles of web page development: Set suitable colours for page and text Text manipulation (font, size, style) Paragraphs Converting images into suitable formats

Web Technologies Undertake user requirements analysis: Design web sites using prototyping Create appropriate diagrams Produce a brief that details the client requirements

Web Technologies Use appropriate development tools: Create web page templates Embed images within the web pages Use tables to enhance web page layout Create web page anchors (bookmarks) Create hyperlinks Create image maps Use meta tags Use appropriate web authoring software packages

Web Technologies Test web sites: Verify all links work Use different browsers to preview pages Verify all components appear as expected

Web Technologies Use graphics software: Resize images within web sites Apply transparency to images Use file compression methods Apply "web safe" palettes Create appropriate web banners

Web Technologies Publish and maintain web sites: Use software to manage web site development Publish web sites to the Internet

Web Technologies Assessment: Assignment covering both practical web site activities and underpinning knowledge. A report (3000 words) worth 100% Assignment will include both Design component Implementation component

Web Technologies Essential Reading: Paper Prototyping C. A. Snyder Morgan Kaufmann Publishers Inc ISBN: 1558608702 The Zen of CSS Design David Shea Peachpit Press ISBN: 0321303474

Web Technologies Essential Reading: Multimedia: Making it Work Tay Vaughan Osborne McGraw-Hill ISBN: 0072190957 Web Design: The Complete Reference Thomas Powell Osborne McGraw-Hill ISBN: 0072122978 W3 Schools www.w3schools.com