Module 2-1-2: Markup Languages & HTML
|
|
|
- Hugo Doyle
- 7 years ago
- Views:
Transcription
1 WEB ENGINEERING G & DEVELOPMENT SWE 363 Spring Semester (082) Module 2-1-2: Markup Languages & HTML Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals alfy@kfupm.edu.sa Objectives/Outline Objectives Create pages that t have frames Create pages pg that have forms to collect user inputs Use meta data to improve search engine results and to redirect a user Use the <!DOCTYPE> to declare the DTD Outline HTML Elements Frames Forms Head Element Meta data <!DOCTYPE> tag KFUPM-082 Dr. El-Alfy
2 Frames Allow the browser window to be divided into an independent set of frames More than one HTML document can be displayed in the same browser window Frequently used to add a menu bar to a web site where the constant back and forth clicking would become tedious in a single page. Allow easier navigation under some circumstances The designer can divide the window horizontally and vertically in various ways, e.g. The disadvantages of using frames are: The web developer must keep track of many HTML documents It is difficult to print/bookmark the entire page KFUPM-082 Dr. El-Alfy Frames (cont.) The <frameset> tag Defines how to divide the window into frames Each frameset defines a set of rows or columns The values of the rows/columns indicate the amount of screen area each row/column will occupy The <frame> tag Defines what HTML document to put into each frame Useful tips If a frame has visible borders, the user can resize it by dragging the border To prevent a user from resizing a frame, add noresize="noresize" to the <frame> tag Add the <noframes> tag for browsers that do not support frames KFUPM-082 Dr. El-Alfy
3 Examples <html> No <body> element <frameset rows="50%,50%"> <frame src="tryhtml_frame_a.htm"> <frameset cols="25%,75%"> <frame src="tryhtml_frame_b.htm"> <frame src="tryhtml tryhtml_frame_c.htm htm"> </frameset> </frameset> </html> KFUPM-082 Dr. El-Alfy Examples (cont.) Name the frame and use target attribute te in the <a> element to specify where to load the page <html> <frameset cols="120,*"> <frame src="tryhtml_contents.htm"> <frame src="tryhtml_frame_a.htm name="showframe"> </frameset> </html> Only to be displayed in <html> browsers that are not <frameset cols="15%,85%"> able to show frames <frame src="menu_bar.htm" name="sidemenu"> <frame src="main.htm" name="mainwindow"> </frameset> <noframes> Your browser does not support frames. <a href="frameless frameless_main.htm main htm">please visit the frameless page.</a> </noframes> </html> KFUPM-082 Dr. El-Alfy
4 Frames Attributes Attribute Value Description align left right Specifies how to align the iframe according to the surrounding text top middle bottom frameborder 1 Specifies whether or not to display a frame border 0 height pixels Defines the height of the iframe % longdesc URL A URL to a long description of the frame contents marginheight pixels Defines the top and bottom margins of the iframe marginwidth pixels Defines the left and right margins of the iframe name frame_name Specifies a unique name of the iframe (to use in scripts) scrolling yes Define scroll bars no auto src URL The URL of the document to show in the iframe width pixels % Defines the width of the iframe KFUPM-082 Dr. El-Alfy Inline Frame The iframe element creates an inline frame that contains another document (a frame inside an HTML page) <html> <body> <iframe src ="/default.asp"> </iframe> <p> Some older browsers don't support iframes. If they don't, the iframe will not be visible. </p> </body> </html> KFUPM-082 Dr. El-Alfy
5 Forms Forms are used to collect different input data from a user A form is an area that can contain form elements like text fields, textarea, drop-down menus, radio buttons, checkboxes, etc. A form is defined with the <form> tag <form> </form> The <input> tag is the most used element The type of input is specified with the type attribute: Text Fields Radio Buttons Checkboxes Drop Lists KFUPM-082 Dr. El-Alfy Example <form> First name: <input type="text" name="firstname"> <br> Last name: <input type="text" name="lastname"> </form> KFUPM-082 Dr. El-Alfy
6 Examples (cont.) <form> First name: <input type="text name="firstname"> <br> Last name: <input type="text" name="lastname"> <input type="radio" name="sex" value="male" checked> Male<br> <input type="radio" name="sex" value="female"> Female <input type="checkbox" name="bike"> I have a bike <br> <input type="checkbox" name="car"> I have a car <select name="cars"> <option value="volvo">volvo <option value="saab">saab <option value="fiat">fiat <option value="audi">audi </select> <textarea rows="10" cols="30"> </textarea> </form> KFUPM-082 Dr. El-Alfy Forms (cont.) To send the form content to the server The form's action attribute defines the name of the file to send the content to The Submit" button is used to allow the user to activate the send process <form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" text name="user"> <input type= Submit" value="submit"> </form> KFUPM-082 Dr. El-Alfy
7 Example: Send from a form <form action="mailto:someone@w3schools.com" method="post" enctype="text/plain"> <h3>this form sends an to W3Schools.</h3> Name:<input type="text" name="name value="yourname" size="20 ><br> Mail:<input i type="text" t" name="mail value="yourmail" size="20 > <br> Comment:<input type="text" name="comment value="yourcomment" size="40"> <br><br> <input type="submit" value="send"> <input type="reset" value="reset"> </form> KFUPM-082 Dr. El-Alfy The <head> element The head element contains general information (meta-information) about a document Using this is optional, but recommended. Head tags <title>: defines the document title <title>web Design</title> <base>: defines a base URL for all the links <base href=" /> <link>: defines a resource reference <link rel="stylesheet" type="text/css" href="theme.css" /> <meta>: defines meta information about your page, such as descriptions and keywords for search engines and refresh rates KFUPM-082 Dr. El-Alfy
8 Meta tags Improving Search Engine Results: This gives you more control over how your page will show up during a search Document description: Information inside a meta element describes the document. <meta name="description" content="description of page goes here"> Document keywords: Information inside a meta element describes the document's keywords. <meta name="keywords" content="keywords go here"> Redirect a user (auto-refreshing): Rdi Redirect a user if the site address has changed Refresh the document to update the data Controlling indexing/following links on your page KFUPM-082 Dr. El-Alfy Example <html> <head> <title>little Joe's Sound Page</title> <meta name="description" content="joe's Collection of Cool Sound files for you to use in your home page!"> <meta name="keywords" content="music sounds midi wav joe collection"> </head> <body> Page Goes Here </body> </html> KFUPM-082 Dr. El-Alfy
9 Meta Tags: Automatic Refreshing Auto refreshing means that once one page loads, you can set a certain number of seconds and then the browser will load another page pg automatically. Supported by popular web browsers The basic structure is as follows: <meta http-equiv="refresh" content="x_seconds; url= http-equiv="refresh" tells that this is the refresh meta tag. Content gives the number of seconds to wait before refreshing and the URL of the page to load Example: refresh to davesite.com after 5 seconds <meta http-equiv="refresh" content="5; URL= KFUPM-082 Dr. El-Alfy Meta Tag: Controlling Page Indexing You can use the following meta tag to control which pages to be indexed by all search engines and which to be crawled <meta name= robots" content= text"> t t" where text can be any one of the following: all index,follow noindex, follow Same as index,follow. The default, meaning index the page and follow all links from the page. don't index the page but do follow all links from the page. index,nofollownofollow index the page, but do not proceed to the links from the page. noindex,nofollow do not index the page and do not proceed to links from the page. none same as noindex,nofollow. noimageindex i Altavista t only. Prevents the images on the page from being indexed, d but the text on the page can still be indexed. May be included index, noindex, follow and nofollow. You can also control a specific engine by changing the name value Examples <meta name= robots" content= noindex, nofollow"> <meta name= googlebot content= noindex > KFUPM-082 Dr. El-Alfy
10 HTML <!DOCTYPE> Tag The <DOCTYPE> declaration must be the very first thing in a document, before the <html> tag Has no closing tag Used to tell the browser what version of HTML or XHTML is used by the document; i.e. Document Type Definition (DTD) which is the grammar of the markup language HTML 4.01 specifies three document types: Strict DTD: Use this when you want clean markup, free of presentational clutter Used together with Cascading Style Sheets (CSS) Transitional DTD: Used when HTML presentational features are included in the document instead of in a style sheet; To accommodate older browsers that don't support CSS Frameset DTD: Used for documents with frames; is equal to the Transitional DTD except for the frameset element replaces the body element KFUPM-082 Dr. El-Alfy HTML <!DOCTYPE> Tag (cont.) Strict DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Transitional DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Frameset DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " /TR/ht tdtd"> KFUPM-082 Dr. El-Alfy
11 Q & A KFUPM-082 Dr. El-Alfy References Some useful links with examples and other resources: Internet and World Wide Web How to Program, 4/e, H. M. Deitel, P. J. Deitel, and A. B. Goldberg, Pearson Education Inc., Chapter 4. Web Development and Design Foundations with XHTML, 4/e, Pearson Education Inc Chapter 2. W3C at w3 W3Schools at HTML Tutorial shtml For a full description of meta tags refer to KFUPM-082 Dr. El-Alfy
CREATING WEB FORMS WEB and FORMS FRAMES AND
CREATING CREATING WEB FORMS WEB and FORMS FRAMES AND FRAMES USING Using HTML HTML Creating Web Forms and Frames 1. What is a Web Form 2. What is a CGI Script File 3. Initiating the HTML File 4. Composing
Internet Technologies
QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department aadamov@qu.edu.az http://ce.qu.edu.az/~aadamov What are forms?
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.
Frames. In this chapter
Frames 2007 NOTES This article was originally published in 2003 as Chapter 12 of Learning Web Design, 2nd edition. Since the time of its publication, frames have become all but extinct, particularly for
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.
Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
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.
When you have selected where you would like the form on your web page, insert these lines of code to start:
Mail Form Tutorial This tutorial will show you how to make use of SIUE s mail form script to allow web users to contact you via e mail regarding anything you wish. This script if most useful for receiving
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
HTML FRAMES. There are few drawbacks with using frames, so it's never recommended to use frames in your webpages:
http://www.tutorialspoint.com/html/html_frames.htm HTML FRAMES Copyright tutorialspoint.com HTML frames are used to divide your browser window into multiple sections where each section can load a separate
Further web design: HTML forms
Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on
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
Introduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
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:
Chapter 1 Introduction to web development and PHP
Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL
HTML Fails: What No One Tells You About Email HTML
HTML Fails: What No One Tells You About Email HTML 2 Today s Webinar Presenter Kate McDonough Campaign Manager at PostUp Worked with various ESPs: Constant Contact, Campaign Monitor, ExactTarget, Distribion
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Joomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
Dreamweaver Tutorials Creating a Web Contact Form
Dreamweaver Tutorials This tutorial will explain how to create an online contact form. There are two pages involved: the form and the confirmation page. When a user presses the submit button on the form,
How To Use Mugeda Content
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
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
Microsoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
OCS Training Workshop LAB13. Ethernet FTP and HTTP servers
OCS Training Workshop LAB13 Ethernet FTP and HTTP servers Introduction The training module will introduce the FTP and Web hosting capabilities of the OCS product family. The user will be instructed in
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,
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
HTML Forms and CONTROLS
HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in
Web Design and Development ACS-1809. Chapter 13. Using Forms 11/30/2015 1
Web Design and Development ACS-1809 Chapter 13 Using Forms 11/30/2015 1 Chapter 13: Employing Forms Understand the concept and uses of forms in web pages Create a basic form Validate the form content 11/30/2015
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
Integrating Luceo with your Website Using iframes. Version 4.1 Jan 15, 2013
Integrating Luceo with your Website Using iframes Version 4.1 Jan 15, 2013 Table of Contents Table of Contents... 2 Preface... 3 Confidential Information... 3 Intellectual Property... 3 Quick Start Guide...
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
Working with the new enudge responsive email styles
Working with the new enudge responsive email styles This tutorial assumes that you have added one of the mobile responsive colour styles to your email campaign contents. To add an enudge email style to
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
How To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to
Getting Started with KompoZer
Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
Umbraco v4 Editors Manual
Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...
Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.
using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers
Dreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to
Terminal 4 Site Manager User Guide. Need help? Call the ITD Lab, x7471
Need help? Call the ITD Lab, x7471 1 Contents Introduction... 2 Login to Terminal 4... 2 What is the Difference between a Section and Content... 2 The Interface Explained... 2 Modify Content... 3 Basic
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
Step 2 Open Kompozer and establish your site. 1. Open Kompozer from the Start Menu (at the Polytechnic) or from the downloaded program.
Kompozer User Guide KompoZer is web authoring software that combines web file management and easy-to-use WYSIWYG web page editing. It is designed to be easy to use, making it ideal for non-technical computer
Using Style Sheets for Consistency
Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point
Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION
Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels
Using Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
ART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2
HTML, XHTML & CSS: Introduction, 1-2 History: 90s browsers (netscape & internet explorer) only read their own specific set of html. made designing web pages difficult! (this is why you would see disclaimers
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.
Using FrontPage 2000 to Create Forms
Using FrontPage 2000 to Create Forms Academic Computing Support Information Technology Services Tennessee Technological University October 2002 1. Introduction Using FrontPage 2000 you can create simple
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
Manual for CKForms component Release 1.3.4
Manual for CKForms component Release 1.3.4 This manual outlines the main features of the component CK Forms including the module and the plug-in. CKForms 1.3 is the new version of the component for Joomla
Creating Web Pages with Microsoft FrontPage
Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short
Creating Java EE Applications and Servlets with IntelliJ IDEA
Creating Java EE Applications and Servlets with IntelliJ IDEA In this tutorial you will: 1. Create IntelliJ IDEA project for Java EE application 2. Create Servlet 3. Deploy the application to JBoss server
IAS Web Development using Dreamweaver CS4
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute
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
<head> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <title>my First PHP Lab</title> </head>
Lab1.html my First PHP Lab Please enter your Username and Email Name:
Configuring the JEvents Component
Configuring the JEvents Component The JEvents Control Panel's Configuration button takes you to the JEvents Global Configuration page. Here, you may set a very wide array of values that control the way
WYSIWYG Editor in Detail
WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.
HTML Form Widgets. Review: HTML Forms. Review: CGI Programs
HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate
Applying the Corporate Identity to the Web WEB GUIDELINES
$SSO\LQJWKH&RUSRUDWH,GHQWLW\WRWKH:HE Learning Technology Section WHY HAVE A WEB CORPORATE IDENTITY? 1 1. Competitive Market Place 1 2. Complex Target Audience 1 3. Usability 1 4. Maintenance 1 WHAT IS
Web Application Developer s Guide for the SoundPoint IP/SoundStation IP Family
Web Application Developer s Guide for the SoundPoint IP/SoundStation IP Family SIP 3.0.2 April, 2008 Edition 1725-17693-300 Rev. A SIP 3.0.2 Trademark Information Polycom, the Polycom logo design, SoundPoint
Using your content management system EXPRESSIONENGINE CMS DOCUMENTATION UKONS
Using your content management system EXPRESSIONENGINE CMS DOCUMENTATION UKONS JOHN MOYLAN UKONS EXPRESSIONENGINE DOCUMENTATION 2 What is ExpressionEngine? ExpressionEngine is a flexible, feature-rich content
Pizza SEO: Effective Web. Effective Web Audit. Effective Web Audit. Copyright 2007+ Pizza SEO Ltd. info@pizzaseo.com http://pizzaseo.
1 Table of Contents 1 (X)HTML Code / CSS Code 1.1 Valid code 1.2 Layout 1.3 CSS & JavaScript 1.4 TITLE element 1.5 META Description element 1.6 Structure of pages 2 Structure of URL addresses 2.1 Friendly
Welcome to CSE 330 Crea0ve Progamming and Rapid Prototyping. Course Informa0on
Welcome to CSE 330 Crea0ve Progamming and Rapid Prototyping 1 Extensible - CSE 330 Creative Networking Programming Platform and Rapid Prototyping 1 Course Informa0on Instructor Todd Sproull todd@wustl.edu
6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.
Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the
Further web design: using meta tags
Further web design: using meta tags Practical workbook Aims and Learning Objectives This document introduces meta tags. When you have completed these exercises you should be able to: include additional
Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design
Principles of Web Design 6 th Edition Chapter 12 Responsive Web Design Objectives Recognize the need for responsive web design Use media queries to apply conditional styles Build a basic media query Create
WP Popup Magic User Guide
WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical
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
Have you seen the new TAMUG websites?
4 For all Cascade Management System request for PUBLISHING please email cms@tamug.edu for the quickest response. For all Cascade Management System request for QUESTIONS or COMMENTS please email cascadeusers@tamug.edu
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
Joomla Article Advanced Topics: Table Layouts
Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand
Mastering the JangoMail EditLive HTML Editor
JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop
ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat
ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat November 2012 Legal Notices Document and Software Copyrights Copyright 1998-2012 by ShoreTel Inc., Sunnyvale, California, USA. All
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
Internet Ohjelmointi 1 Examples 4
Internet Ohjelmointi 1 Example 1 4 form 5 6 7 8 Loan Amount 9 Monthly Repayment
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
Introduction to Drupal
Introduction to Drupal Login 2 Create a Page 2 Title 2 Body 2 Editor 2 Menu Settings 5 Attached Images 5 Authoring Information 6 Revision Information 6 Publishing Options 6 File Attachments 6 URL Path
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
By Glenn Fleishman. WebSpy. Form and function
Form and function The simplest and really the only method to get information from a visitor to a Web site is via an HTML form. Form tags appeared early in the HTML spec, and closely mirror or exactly duplicate
Agenda. 1. ZAPms Konzept. 2. Benutzer-Kontroller. 3. Laout-Aufbau. 4. Template-Aufbau. 6. Konfiguration. 7. Module.
Agenda. ZAPms Konzept.. Benutzer-Kontroller.. Laout-Aufbau.. Template-Aufbau. 5. Bildergalerie (Beispiel). 6. Konfiguration. 7. Module. . ZAPms Konzept Benutzer Web Server Benutzer-Kontroller www.domain/index.php
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,
Form Tutorial. Overview. Creating a Form. Insert a Form
Form Tutorial Overview Note: The information on this page pertains to the old WYSIWYG Editor. For information about the new JustEdit Editor and the JustEdit toolbar, visit the JustEdit page. Building a
BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com
BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4
White Paper Using PHP Site Assistant to create sites for mobile devices
White Paper Using PHP Site Assistant to create sites for mobile devices Overview In the last few years, a major shift has occurred in the number and capabilities of mobile devices. Improvements in processor
Web Developer Jr - Newbie Course
Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance
Microsoft Office PowerPoint 2003. Creating a new presentation from a design template. Creating a new presentation from a design template
Microsoft Office PowerPoint 2003 Tutorial 2 Applying and Modifying Text and Graphic Objects 1 Creating a new presentation from a design template Click File on the menu bar, and then click New Click the
Creating a Web Site with Publisher 2010
Creating a Web Site with Publisher 2010 Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document may be
SEO Optimization A Developer s Role
Copyright 2010. www.anubavam.com. All Rights Reserved. Page 1 Contents Overview 3 What is SEO? 3 Role of a Developer in SEO 4 SEO friendly URLs 4 Page Title 5 Meta Tags 6 Page Heading 7 Amplify the First
07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers
1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product
How To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (
CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of
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
UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
Garfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
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.
CUSTOMER+ PURL Manager
CUSTOMER+ PURL Manager October, 2009 CUSTOMER+ v. 5.3.1 Section I: Creating the PURL 1. Go to Administration > PURL Management > PURLs 2. Click Add Personalized URL 3. In the Edit PURL screen, Name your
Chapter 15: Forms. User Guide. 1 P a g e
User Guide Chapter 15 Forms Engine 1 P a g e Table of Contents Introduction... 3 Form Building Basics... 4 1) About Form Templates... 4 2) About Form Instances... 4 Key Information... 4 Accessing the Form
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,
User Manual Sitecore Content Manager
User Manual Sitecore Content Manager Author: Sitecore A/S Date: November 2003 Release: Revision 4.3 Language: English Sitecore is a trademark of Sitecore A/S. All other brand and product names are the