Desain dan Pemrograman Web. 2. HTML Lanjut
|
|
|
- Bertram Morgan
- 7 years ago
- Views:
Transcription
1 Desain dan Pemrograman Web 2. HTML Lanjut M. Udin Harun Al Rasyid, S.Kom, Ph.D Room: Lab Jaringan Komputer (C-307)
2 Table of Contents HTML DOCTYPE HTML Head HTML Scripts HTML Entities HTML URLs HTML Media HTML Object HTML Audio HTML Video
3 HTML DOCTYPE A <!DOCTYPE> declaration helps the browser to display a web page correctly. The <!DOCTYPE> Declaration There are many different documents on the web. A browser can only display a document correctly, if it knows what kind of document it is. There are also many different versions of HTML, and a browser can only display an HTML page 100% correctly if it knows the exact HTML version used in the page. This is what <!DOCTYPE> is used for. <!DOCTYPE> is not an HTML tag. It is an information (a declaration) to the browser about what version the HTML is written in.
4 Example - An HTML document with an HTML5 DOCTYPE: <!DOCTYPE html> <html> <head> <title>title of the document</title> </head> <body> The content of the document... </body> </html>
5 HTML Versions
6 The HTML <head> Element The <head> element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>.
7 The HTML <title> Element The <title> tag defines the title of the document. The title element is required in all HTML/XHTML documents. The title element: defines a title in the browser toolbar provides a title for the page when it is added to favorites displays a title for the page in search-engine results A simplified HTML document: <!DOCTYPE html> <html> <head> <title>title of the document</title> </head> <body> The content of the document... </body> </html>
8 The HTML <base> Element The <base> tag specifies a default address or a default target for all links on a page: <head> <base href=" /> <base target="_blank" /> </head>
9 The HTML <link> Element The <link> tag defines the relationship between a document and an external resource. The <link> tag is most used to link to style sheets: <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
10 The HTML <style> Element The <style> tag is used to define style information for an HTML document. Inside the style element you specify how HTML elements should render in a browser: <head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>
11 The HTML <meta> Element Metadata is information about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine readable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The <meta> tag always goes inside the head element. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.
12 Keywords for Search Engines Some search engines will use the name and content attributes of the meta element to index your pages. The following meta element defines a description of a page: <meta name="description" content="free Web tutorials on HTML, CSS, XML" /> The following meta element defines keywords for a page: <meta name="keywords" content="html, CSS, XML" /> The intention of the name and content attributes is to describe the content of a page.
13 The HTML <script> Element The <script> tag is used to define a client-side script, such as a JavaScript. The script element will be explained in a later chapter. HTML head Elements
14 The HTML script Element The <script> tag is used to define a client-side script, such as a JavaScript. The script element either contains scripting statements or it points to an external script file through the src attribute. The required type attribute specifies the MIME type of the script. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
15 The HTML noscript Element The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn t support client-side scripting. The noscript element can contain all the elements that you can find inside the body element of a normal HTML page. The content inside the noscript element will only be displayed if scripts are not supported, or are disabled in the user s browser:
16 HTML Entities Some characters are reserved in HTML. It is not possible to use the less than (<) or greater than (>) signs in your text, because the browser will mix them with tags. To actually display reserved characters, we must use character entities in the HTML source code. A character entity looks like this: &entity_name; OR &#entity_number;
17 HTML Uniform Resource Locators A URL (Uniform Resource Locator) is another word for a web address. A URL can be composed of words, such as "w3schools.com", or an Internet Protocol (IP) address: Most people enter the name of the website when surfing, because names are easier to remember than numbers. A Uniform Resource Locator (URL) is used to address a document (or other data) on the world wide web.
18 URL syntax rules: scheme://host.domain:port/path/filename Explanation: scheme - defines the type of Internet service. The most common type is http host - defines the domain host (the default host for http is www) domain - defines the Internet domain name, like w3schools.com :port - defines the port number at the host (the default port number for http is 80) path - defines a path at the server (If omitted, the document must be stored at the root directory of the web site) filename - defines the name of a document/resource Common URL Schemes
19 HTML Multimedia Multimedia on the web is sound, music, videos, and animations. Modern web browsers have support for many multimedia formats. What is Multimedia? Multimedia comes in many different formats. It can be almost anything you can hear or see like text, pictures, music, sound, videos, records, films, animations, and more. On the Internet you can often find multimedia elements embedded in web pages, and modern web browsers have support for a number of multimedia formats.
20 Browser Support The first Internet browsers had support for text only, and even the text support was limited to a single font in a single color. Then came browsers with support for colors, fonts and text styles, and the support for pictures was added. The support for sounds, animations and videos is handled in different ways by different browsers. Some elements can be handled inline, and some requires an extra helper program (a plug-in). Multimedia Formats Multimedia elements (like sounds or videos) are stored in media files. The.xml extension indicates an XML file, and the.css extension indicates a style sheet. Picture formats are recognized by extensions like.gif and.jpg. Multimedia elements also have their own file formats with different extensions like.swf,.wmv,.mp3, and.mp4.
21 Video Formats
22 Sound Formats
23 The HTML Object Element The purpose of the <object> element is to support HTML helpers (Plug-Ins). Plug-Ins can be used in HTML for many purposes. They can be used to display maps, verify your bank id, control your input, and much more. HTML Helpers (Plug-Ins) A helper application is a program that can be launched by the browser to "help". Helper applications are also called Plug-Ins. Helper applications can be used to play audio and video (and much more). Helper applications are launched using the <object> tag. One advantage of using a helper application to play video and audio, is that you can let some (or all) of the player settings be controlled by the user. Most helper applications allow manual (or programmed) control over the volume settings and play functions like rewind, pause, stop and play.
24 Playing Wave Audio Using QuickTime <object width="420" height="360" classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" codebase=" <param name="src" value="liar.wav" /> <param name="controller" value="true" /> </object> Playing MP4 Video Using QuickTime <object width="420" height="360" classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" codebase=" <param name="src" value="movie.mp4" /> <param name="controller" value="true" /> </object>
25 Playing SWF Videos Using Flash <object width="400" height="40" classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> <param name="src" value="bookmark.swf"> <embed src="bookmark.swf" width="400" height="40"></embed> </object> Playing WMV Movies Using Windows Media Player <object width="100%" height="100%" type="video/x-ms-asf" url="3d.wmv" data="3d.wmv" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6"> <param name="url" value="3d.wmv"> <param name="filename" value="3d.wmv"> <param name="autostart" value="1"> <param name="uimode" value="full" /> <param name="autosize" value="1"> <param name="playcount" value="1"> <embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage=" </object>
26 HTML Audio Sounds can be played in HTML by many different methods. Using Plug-ins A browser Plug-in is a small computer program that extends the standard functionality of the browser. Plug-ins can be used for many purposes: play music, display maps, verify your bank id, control your input, and much more. Plug-ins can be added to HTML pages using the <object> tag or the <embed> tag. These tags defines containers for resources (normally non-html resources), which, depending on the type, will either be displayed by the browsers, or by an external plug-in.
27 Audio Using The <embed> Element The <embed> tag defines a container for external (non-html) content. (It is an HTML5 tag, invalid in HTML 4, but works in all browsers). example: <embed height="100" width="100" src="horse.mp3" /> Problems: The <embed> tag is invalid in HTML 4. Your page will not validate as HTML 4. Different browsers have different audio format support. If a browser does not support the file format, the audio will not play without a plug-in. If the plug-in is not installed on the users' computer, the audio will not play. If you convert the file to another formats, it will still not play in all browsers. NOTE: Using <!DOCTYPE html> (HTML5) solves the validation problem.
28 Audio Using The <object> Element The <object tag> tag can also define a container for external (non- HTML) content. The following code fragment can display an MP3 file embedded in a web page. Example <object height="100" width="100" data="horse.mp3"></object> Problems: Different browsers have different audio format support. If a browser does not support the file format, the audio will not play without a plug-in. If the plug-in is not installed on the users' computer, the audio will not play. If you convert the file to another formats, it will still not play in all browsers.
29 Using the HTML5 <audio> Element The <audio> element is an HTML5 element, invalid in HTML 4, but it works in all browsers. Example <audio controls="controls"> <source src="horse.mp3" type="audio/mp3" /> Your browser does not support this audio format. </audio> Problems: The <audio> tag is invalid in HTML 4. Your page will not validate as HTML 4. You must convert your audio files into different formats. The <audio> element does not work in older browsers.
30 Audio - The Best HTML Solution Example: <audio controls="controls" height="100" width="100"> <source src="horse.mp3" type="audio/mp3" /> <source src="horse.ogg" type="audio/ogg" /> <embed height="100" width="100" src="horse.mp3" /> </audio> The HTML5 <audio> element tries to play the video either as mp3 or ogg. If this fails, the code "falls back" to try the <embed> element. Problems: You must convert your videos to different formats. The <audio> element does not validate as HTML 4 and XHTML. The <embed> element does not validate as HTML 4 and XHTML. The <embed> element cannot "fall-back" to display an error. NOTE: Using <!DOCTYPE html> (HTML5) solves the validation problem.
31 Using A Hyperlink If a web page includes a hyperlink to a media file, most browsers will use a "helper application" to play the file. The following code fragment displays a link to an mp3 file. If a user clicks on the link, the browser will launch a helper application to play the file: <a href="horse.mp3">play the sound</a>
32 Inline Sound When sound is included in a web page, or as part of a web page, it is called inline sound. If you plan to use inline sounds in your web applications, be aware that many people will find inline sound annoying. Also note that some users might have turned off the inline sound option in their browser.
33 HTML Videos Videos can be played in HTML by many different methods. Example: <video width="320" height="240" controls="controls" autoplay="autoplay"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed width="320" height="240" src="movie.swf" /> </object> </video> The example above uses 4 different video formats. The HTML 5 <video> element tries to play the video either in mp4, ogg, or webm formats. If this fails, the code "falls back" to try the <object> element. If this also fails, it "falls back" to the <embed> element.
34 HTML - YouTube Videos The easiest way to display videos (others or your own) in HTML is to use YouTube. Example - YouTube iframe <iframe width="420" height="345" src=" </iframe> Example - YouTube Embedded <embed width="420" height="345" src=" type="application/x-shockwave-flash"> </embed>
35 Finish
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.
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...
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.
JW Player Quick Start Guide
JW Player Quick Start Guide Getting Started Embedding the JW Player on your website is a simple, 3-step process: 1. Upload the jwplayer.js and player.swf files from the download ZIP to your server. All
We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
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
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
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
Tableau Server Trusted Authentication
Tableau Server Trusted Authentication When you embed Tableau Server views into webpages, everyone who visits the page must be a licensed user on Tableau Server. When users visit the page they will be prompted
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
How To Embed A Youtube Video On A Computer Or Ipad Or Ipa Computer Or Tvplayer On A Pc Or Mac Or Ipro Or Ipo Or Ipode Or Iporode On A Mac Or Tvode On Your Computer Or Mac (
Multimedia im Netz Wintersemester 2009/2010 Part I Web Technologies for Interactive Multimedia Ludwig-Maximilians-Universität München Prof. Hußmann Multimedia im Netz 2-1 2 Media on the Web 2.1 Media Embedding
SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1
SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test
Creating Web Pages with HTML Simplified. 3rd Edition
Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you
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
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
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
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
Search Engine Optimization Glossary
Search Engine Optimization Glossary A ALT Text/Tag or Attribute: A description of an image in your site's HTML. Unlike humans, search engines read only the ALT text of images, not the images themselves.
Mobile Publishing. Academy of Journalism and Media, Faculty of Economic Sciences, University of Neuchâtel Switzerland
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,
Lesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
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
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:
ICT 6012: Web Programming
ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term
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
Creating an Intranet Website for Library & Information Services in an Organization
Creating an Intranet Website for Library & Information Services in an Organization The Objective The purpose of this write-up is to guide you through all the steps necessary to create a website and put
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
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
Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.
Curriculum Map for Web Design SEPTEMBER Targeted NJ Core Curriculum Content Standards: Design develop, test, implement, update, and evaluate web solutions Technology Use, Media Literacy, Responsible Use
JISIS and Web Technologies
27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS
JW Player for Flash and HTML5
JW Player for Flash and HTML5 Release 5.3 Embedding Guide December 20, 2010 CONTENTS 1 Embedding the player 1 1.1 Upload.................................................. 1 1.2 SWFObject................................................
Chapter 10: Multimedia and the Web
Understanding Computers Today and Tomorrow 12 th Edition Chapter 10: Multimedia and the Web Learning Objectives Define Web-based multimedia and list some advantages and disadvantages of using multimedia.
Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission
Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified
Search Engine Optimisation (SEO) Guide
Search Engine Optimisation (SEO) Guide Search Engine Optimisation (SEO) has two very distinct areas; on site SEO and off site SEO. The first relates to all the tasks that you can carry out on your website
Adobe Marketing Cloud How Adobe Scene7 Publishing System Supports SEO
Adobe Marketing Cloud How Adobe Scene7 Publishing System Supports SEO Contents Contact and Legal Information...3 Introduction...4 Indexing of images by search engines...4 Maintaining the name of the image...6
Please select one of the topics below.
Thanks for choosing WYSIWYG Web Builder! In this section we will give a short introduction to Web Builder so you can start building your web site in (almost) no time. Please select one of the topics below.
Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella
Google Web Toolkit Progetto di Applicazioni Software a.a. 2011/12 Massimo Mecella Introduction Ajax (Asynchronous JavaScript and XML) refers to a broad range of techniques Beyond the technical jargon,
Super Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1
Getting Started Guide Super Resellers Getting Started Guide Page 1 Getting Started Guide: Super Resellers Version 2.1 (1.6.2012) Copyright 2012 All rights reserved. Distribution of this work or derivative
OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE
ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below
WORKING WITH REALVIEW WELCOME TO REALVIEW
WELCOME TO REALVIEW This guide outlines how to supply different materials for the digital version of your publication. Some of the specifications in here may not be relevant to your publication depending
ITP 101 Project 3 - Dreamweaver
ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with
How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
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
SEO Overview. Introduction
Introduction This guide addresses a number of separate issues which are involved in Search Engine Optimisation (SEO) - the art of ensuring that your pages rank well in the "organic listings" [Wikipedia]
Xtreeme Search Engine Studio Help. 2007 Xtreeme
Xtreeme Search Engine Studio Help 2007 Xtreeme I Search Engine Studio Help Table of Contents Part I Introduction 2 Part II Requirements 4 Part III Features 7 Part IV Quick Start Tutorials 9 1 Steps to
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
Web Programming. Robert M. Dondero, Ph.D. Princeton University
Web Programming Robert M. Dondero, Ph.D. Princeton University 1 Objectives You will learn: The fundamentals of web programming... The hypertext markup language (HTML) Uniform resource locators (URLs) The
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 Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
Introduction. It would appear that. we have reached the. limits of what it is. possible to achieve with. computer technology, although one should be
Introduction It would appear that we have reached the limits of what it is possible to achieve with computer technology, although one should be careful with such statements, as they tend to sound pretty
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
Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Brief Course Overview An introduction to Web development Server-side Scripting Web Servers PHP Client-side Scripting HTML & CSS JavaScript &
Introduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
TEMPLATE MANUAL Table of Contents
TEMPLATE MANUAL Table of Contents Introduction... 2 Features Overview...3 How to preview the website... 4 Background configuration... 4 Disabling grid over background... 4 How to build Menu...5 Setting
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
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
An overview of designing HTML emails for Hotmail, Yahoo, Outlook, Lotus Notes and AOL
An Emailcenter briefing: Can your customers read your email newsletters? An overview of designing HTML emails for Hotmail, Yahoo, Outlook, Lotus Notes and AOL November, 2004 Emailcenter research has shown
FileMaker Server 12. Custom Web Publishing with PHP
FileMaker Server 12 Custom Web Publishing with PHP 2007 2012 FileMaker, Inc. All Rights Reserved. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker and Bento are trademarks
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
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/
OmniUpdate Training (Advanced OU users level 7+)
(Advanced OU users level 7+) University Web Team The Web Team is a part of the Office of University Communication and Marketing s Creative Services Department. Our responsibility is to build, migrate,
An Introduction To The Web File Manager
An Introduction To The Web File Manager When clients need to use a Web browser to access your FTP site, use the Web File Manager to provide a more reliable, consistent, and inviting interface. Popular
The Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
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
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
Online Advertising Specifications
Online Advertising Specifications Website Banner Ads pg. 2-3 Here you will discover the different banner ads that are available through ArtsAndCraftsHomes.com. There will be visual examples along with
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
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
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
Taleo Enterprise. Career Section Branding Definition. Version 7.5
Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010 Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that
WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13
WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...
Madison Area Technical College. MATC Web Style Guide
Madison Area Technical College MATC Web Style Guide July 27, 2005 Table of Contents Topic Page Introduction/Purpose 3 Overview 4 Requests for Adding Content to the Web Server 3 The MATC Public Web Template
Microsoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
Unit 2: Webpage creation (LEVEL 2)
(LEVEL 2) Learning outcomes By completing this unit candidates will develop knowledge relating to the planning and creation of a multimedia website that is fit for purpose. Candidates will develop the
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,
Fig (1) (a) Server-side scripting with PHP. (b) Client-side scripting with JavaScript.
Client-Side Dynamic Web Page Generation CGI, PHP, JSP, and ASP scripts solve the problem of handling forms and interactions with databases on the server. They can all accept incoming information from forms,
Coding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
Internet Technologies. World Wide Web (WWW) Proxy Server Network Address Translator (NAT)
Internet Technologies World Wide Web (WWW) Proxy Server Network Address Translator (NAT) What is WWW? System of interlinked Hypertext documents Text, Images, Videos, and other multimedia documents navigate
SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE
SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE COURSE TITLE: Introduction to Web Development CODE NO. : SEMESTER: 1 PROGRAM: AUTHOR: IT Studies Dennis Ochoski DATE:
15 minutes is not much so I will try to give some crucial guidelines and basic knowledge.
1 Presentation. Good morning ladies and gentlemen, dear colleagues. First of all I would like to thank the committee for this invitation and letting me speak about one of my favourite topics: the internet.
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
Action settings and interactivity
Interactivity in Powerpoint Powerpoint includes a small set of actions that can be set to occur when the user clicks, or simply moves the cursor over an object. These actions consist of links to other
Part I! Web Technologies for Interactive Multimedia
Multimedia im Netz! Online Multimedia Wintersemester 2014/2015 Part I!! Web Technologies for Interactive Multimedia 1 Chapter 2: Interactive Web Applications 2.1! Interactivity and Multimedia in the WWW
Adobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
ShoutCast v2 - Broadcasting with Winamp & ShoutCast DSP Plugin
ShoutCast v2 - Broadcasting with Winamp & ShoutCast DSP Plugin In this tutorial we are going to explain how to broadcast using the ShoutCast DSP Plugin with Winamp to our ShoutCast v2 running under CentovaCast
CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5
CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5 AIM To learn the basics of creating web pages with HTML5. Remember to register your practical attendance. This sheet contains one checkpoint.
How To Design The Web And The Internet
1 The Environment and the Tools Web Design, 4 th Edition Chapter Objectives Describe the Internet and the World Wide Web Discuss ways to access the Internet and the Web Categorize types of Web sites Identify
Web Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com
Web Testing Main Concepts of Web Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Snejina Lazarova Product Manager Business Services Team Dimo Mitev QA
HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
Rich Internet Applications
Rich Internet Applications Prepared by: Husen Umer Supervisor: Kjell Osborn IT Department Uppsala University 8 Feb 2010 Agenda What is RIA? RIA vs traditional Internet applications. Why to use RIAs? Running
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux
Introduction to Web Technologies
Introduction to Web Technologies Tara Murphy 17th February, 2011 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET (Advanced
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
SiteBuilder 2.1 Manual
SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can
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
PLAYER DEVELOPER GUIDE
PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the
ADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
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,
ebooks: Exporting EPUB files from Adobe InDesign
White Paper ebooks: Exporting EPUB files from Adobe InDesign Table of contents 1 Preparing a publication for export 4 Exporting an EPUB file The electronic publication (EPUB) format is an ebook file format
1. Digital Asset Management User Guide... 2 1.1 Digital Asset Management Concepts... 2 1.2 Working with digital assets... 4 1.2.1 Importing assets in
1. Digital Asset Management User Guide....................................................... 2 1.1 Digital Asset Management Concepts.................................................... 2 1.2 Working with
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,
Saucon Valley School District Planned Course of Study
Course Title Grade Level: 10-12 Credits: 0.5 Content Area / Dept. Business / Technology Education Length of Course: Quarter Author(s): Gemma Cody Course Description: is an introductory course designed