Web Development using PHP and MySQL - Hypertext Markup Language (HTML)
|
|
|
- Lucy Heath
- 7 years ago
- Views:
Transcription
1 Web Development using PHP and MySQL - Hypertext Markup Language (HTML) Rahamathulla K Assistant Professor GEC Thrissur January 17, 2017 Web Development January 17, using 2017 PHP and 1 / MySQ 30
2 Outline 1 Hypertext Markup Language 2 HTML Syntax 3 HTML Tags 4 Hypertext Links 5 Working with tables 6 HTML Frames 7 HTML Forms Web Development January 17, using 2017 PHP and 2 / MySQ 30
3 Hypertext Markup Language Web pages are text files, written in a language called Hypertext Markup Language or HTML. A markup language is a language used to describe the contact and format of documents HTML was developed from the Standard Generalized Markup Language (SGML), a language used for large-scale documents SGML proved to be cumbersome and difficult, thus HTML was created HTML allows Web authors to create documents that can be displayed across different operating systems HTML describes the format of Web pages through the use of tags Web Development January 17, using 2017 PHP and 3 / MySQ 30
4 HTML Versions HTML November 24, 1995 HTML January 14, 1997 HTML December 18, 1997 HTML5 - October 28, 2014 Web Development January 17, using 2017 PHP and 4 / MySQ 30
5 HTML Contd HTML has a set of rules, called syntax syntax are a set of standards or specifications developed by a consortium of Web developers, programmers, and authors called the World Wide Web Consortium (W3C) HTML extensions have been added to support new features, which have been adopted in subsequent sets of standards released by the W3C these extensions have provided Web page authors with more options Web Development January 17, using 2017 PHP and 5 / MySQ 30
6 HTML Syntax Document content is what the users sees on the page, such as headings and images Tags are the HTML codes that control the appearance of the document content tag is the name of the HTML tag attributes are properties of the tag document content is actual content that appears in the Web page Web Development January 17, using 2017 PHP and 6 / MySQ 30
7 HTML Tags Tags can be one-sided or two-sided. two-sided tags contain an opening tag <b> that tells the browser to turn on a feature and apply it to the contact that follows, and a closing tag </b> that turns off the feature one-sided tags are used to insert noncharacter data into the Web page, such as a graphic image or video clip <tag-attribute> Tags are not case sensitive. The current standard is to display all tags in lowercase letters Web Development January 17, using 2017 PHP and 7 / MySQ 30
8 HTML Tags My first HTML page <html> <head> <title>my First HTML page </title> </head> <body> </body> </html> Web Development January 17, using 2017 PHP and 8 / MySQ 30
9 HTML Tags <html> <head> <title> tag indicates that the file is written in HTML tag contains information about the web page tag contains the title of the web page Page content will go between <body> tags Web Development January 17, using 2017 PHP and 9 / MySQ 30
10 Heading Tags HTML supports six levels of headings, numbered <h1>through <h6>, with <h1>being the lagest and most prominent Headings are always displayed in a bold font eg. <h1>this is a sample h1 header </h1> Web Development January 17, using 2017PHP and 10 / MySQ 30
11 Paragraph Tags HTML formats text only through the use of tags and ignores such things as extra blank spaces, blank lines, or tabs To add space between paragraphs, use the paragraph tag <p> eg. <p>this is a test paragraph </p> Web Development January 17, using 2017PHP and 11 / MySQ 30
12 Inserting images Images can be displayed in two ways: as inline images or as external images an inline image displays directly on the Web page and is displayed when the page is accessed by a user an inline image can be placed on a separate line in your HTML code, or it can be placed directly within a line of text eg. <p align= center ><img src= cat1.jpg ></p> Web Development January 17, using 2017PHP and 12 / MySQ 30
13 Inserting Horizontal lines The HTML horizontal syntax includes the following align specifies the horizontal alignment of the line on the page (center, left, or right) size specifies the height of the line in pixels or percentage of the screen width width indicates the width of the line in pixels or percentage of the screen width width indicates the width of the line in pixels or percentage of the screen width color indicates the color of the line eg. <hr align= center width= 1 color= blue > Web Development January 17, using 2017PHP and 13 / MySQ 30
14 Hypertext Links Hypertext documents contain hypertext links, items that you can select to view another topic or document, often called the destination of the link These links can point to the same document to a different document to a different Web page to a variety of other Web objects Web Development January 17, using 2017PHP and 14 / MySQ 30
15 Creating Anchors The <a>tag creates an anchor, text that is specially marked so that you can link to it from other points in a document Text that is anchored is the destination of a link Each anchor has its own anchor name, using the name attribute i.e. <a name= test >Testing </a>. An anchor doesnt have to be text. You can mark an inline image as an anchor. Adding an anchor does not change your documents appearance in any way. It merely creates locations in your Web page that become destinations of links. Web Development January 17, using 2017PHP and 15 / MySQ 30
16 Creating Links To create a link to an anchor, use the same <a >tag you used to create the anchor The <a>tags used to create links are sometimes called link tags. Use the href attribute, which is short for Hypertext Reference, to indicate the location to jump to. href can refer to an anchor that you place in the document or to a different Web page or a resource anywhere on the Internet You link to an anchor using the anchor name preceded by a pound (#) symbol i.e. <a href= #test >Test </a>. Web Development January 17, using 2017PHP and 16 / MySQ 30
17 Linking to a Document To create a link to a document, use the same <a>tag with the href attribute i.e. <a href= linktest.html >Click here to test </a>. In order for the browser to be able to locate and open linktest.html, it must be in the same folder as the document containing the link. To navigate to a specific location elsewhere in a document, rather than the top, you can set anchors and link to an anchor you create within the document Web Development January 17, using 2017PHP and 17 / MySQ 30
18 Linking to a Document Link to Another Page on the Web Displaying Linked Documents in a New Window By default, each Web page you open is displayed in the main browser window, replacing the one you were viewing last To force a document to appear in a new window, instead of the main browser window, you would use the target attribute in the href tag i.e. <a href= target= newwindow >GEC Thrissur </a > Web Development January 17, using 2017PHP and 18 / MySQ 30
19 Linking to a Document External Hyperlinks Linking to File Transfer Protocol (FTP) Servers Displaying a FTP Site Linking to <a href=mailto:abc@gmail.com>send mail to abc </a > Web Development January 17, using 2017PHP and 19 / MySQ 30
20 Working with tables <table >tag for defining the table <th >for defining the table headers <caption >tag <tr >tag <td >tag Web Development January 17, using 2017PHP and 20 / MySQ 30
21 HTML Frames HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document A collection of frames in the browser window is known as a frameset To use frames on a page we use <frameset >tag instead of <body>tag Horizontal frames and Vertical frames eg. <frameset rows= 20%,80% > Web Development January 17, using 2017PHP and 21 / MySQ 30
22 HTML Forms The form is enclosed in form tags <form action=path/to/submit/page method=get> <- form contents -> </form> Web Development January 17, using 2017PHP and 22 / MySQ 30
23 Form tags action=.. is the page that the form should submit its data to method=.. is the method by which the form data is submitted. The option are either get or post. If the method is get the data is passed in the url string, if the method is post it is passed as a separate file. Web Development January 17, using 2017PHP and 23 / MySQ 30
24 Form fields: text input Use a text input within form tags for a single line freeform text input. <label for=fn >First Name </label > <input type= text name= firstname id=fn size= 20 /> name=.. is the name of the field. You will use this name in PHP to access the data. id=.. is label reference string this should be the same as that referenced in the label tag. size=.. is the length of the displayed text box (number of characters). Web Development January 17, using 2017PHP and 24 / MySQ 30
25 Form fields: password input Use a starred text input for passwords. <label for=pw >Password </label > <input type= password name= password id=pw size= 20 /> Web Development January 17, using 2017PHP and 25 / MySQ 30
26 Form fields: drop down <label for= tn >Where do you live </label > <select name= town id= tn > <option value= swindon >Swindon </option > <option value= london selected= selected >London </option > <option value=bristol >Bristol </option > </select > Web Development January 17, using 2017PHP and 26 / MySQ 30
27 Form fields: radio buttons <input type= radio name= age id= u30 checked=checked value= Under30 /> <label for= u30 >Under 30 </label><br /> <input type= radio name= age id= thirty40 value= 30to40 /> <label for= thirty40 >30 to 40 </label> Web Development January 17, using 2017PHP and 27 / MySQ 30
28 Submit button <input type= submit name= submit value= Submit /> Web Development January 17, using 2017PHP and 28 / MySQ 30
29 Quiz What is the correct HTML element for inserting a line break 1 <break > 2 <br > 3 <hr > 4 <linebreak > Web Development January 17, using 2017PHP and 29 / MySQ 30
30 Quiz What is the correct HTML for inserting an image? 1 <img alt= MyImage >image.gif</img > 2 <img src= image.gif alt= MyImage > 3 <image src= image.gif alt= MyImage > 4 <img href= image.gif alt= MyImage > Web Development January 17, using 2017PHP and 30 / MySQ 30
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.
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
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
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.
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
Contents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College
Taking your HTML Emails to the Next Level Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Purpose This past spring, the NCCCS delivered a financial
CREATING WEB PAGES USING HTML INTRODUCTION
CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual
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
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
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,
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
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
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
COMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
WebCT 4.x: HTML Editor
Competencies After reading this document, you will be able to: Employ the HTML Editor capabilities to create and publish content. About HTML Editor The HTML editor provides word-processor-like features
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
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
Creating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4
CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...
The Web Web page Links 16-3
Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML documents Describe several specific HTML tags and their purposes 16-1 Chapter Goals
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
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,
Going Above and Beyond
Whitepaper Going Above and Beyond Using Advanced Techniques to Create Customized HTML Templates August 3, 2010 Copyright 2010 L-Soft international, Inc. Information in this document is subject to change
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 Design. Links and Navigation
Web Design Links and Navigation Web Design Link Terms HTTP, FTP, Hyperlink, Email Links, Anchor HTTP (HyperText Transfer Protocol) - The most common link type and allows the user to connect to any page
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
The Home link will bring you back to the Dashboard after. Workflows alert you to outstanding assets waiting for approval or review.
Gonzaga University s content management system (CMS) is a software program that allows individuals to create and edit departmental websites. This tutorial demonstrates commonly used CMS functions. For
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.
Creating Accessible Word Documents
Center for Faculty Development and Support Creating Accessible Word Documents With Microsoft Word 2008 for Macintosh CREATING ACCESSIBLE WORD DOCUMENTS 3 Overview 3 Learning Objectives 3 Prerequisites
RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide
RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and
Google Sites: Site Creation and Home Page Design
Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and
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
Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
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
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
Developing Website Using Tools
7 Developing Website Using Tools 7.1 INTRODUCTION A number of Software Packages are available in market for creating a website. Among popular softwares are Dreamweaver, Microsoft FrontPage and Flash. These
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
FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II)
Sample Question Paper FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) TIME : 3 Hrs MM : 80. SECTION A 1. Fill in the blanks: [10] 1.1 is the extension of an XML file. 1.2 attribute is used with
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
HTML, CSS, XML, and XSL
APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these
Web Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
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...
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
What is HTML? a)hyper Text Marking Language b) Hyper Text Machine Language c)hyper Text Middle Language d)hyper Text Markup Language
ONE MARKS QUESTIONS What is HTML? a)hyper Text Marking Language b) Hyper Text Machine Language c)hyper Text Middle Language d)hyper Text Markup Language 1. In email address character is essential a) _
CWU Content Management System (CMS) User Guide
CWU Content Management System (CMS) User Guide Last Revision: July 14, 2014 Version: 1.7 CWU Content management System (CMS) User Guide 2 Table of Contents NOTE: Copyright Guidelines... 4 What is a content
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.
Basic Website Creation. General Information about Websites
Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes
Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
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
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
HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk
HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS
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
QUESTION BANK COMPUTER SCIENCE. Class VIII LESSON-1 INTRODUCTION TO MS ACCESS
QUESTION BANK COMPUTER SCIENCE Class VIII LESSON-1 INTRODUCTION TO MS ACCESS 1. What is a database? 2. Explain various types of database? 3. What is Normalization? Why is it required? 4. Database 5. Table
How to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session
ICS 202 Web Site Design 2 Credits The use of web design software in creating Web Pages. Available options for hosting Web pages. Design of web pages. Program interactive websites. Use of multimedia. Group
Personal Portfolios on Blackboard
Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal
How To Write A Web Page In Html
HTML Basics Welcome to HTML Basics. This workshop leads you through the basics of Hyper Text Markup Language (HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML
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
Quick Guide to the Cascade Server Content Management System (CMS)
Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging
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
Creating Web Pages With Dreamweaver MX 2004
Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic
Intro to Web Development
Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing
BLACKBOARD 9.1: Text Editor
BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed
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
MS Word 2007 practical notes
MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the
Advanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
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
Learnem.com. Web Development Course Series. Learn em. HTML Web Design in 7 days! By: Siamak Sarmady
Learnem.com Web Development Course Series Learn em HTML Web Design in 7 days! By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S HTML Web Design in 7 Days! Ver. 2.08.02
To change title of module, click on settings
HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over
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
Creating Web Pages with Dreamweaver CS 6 and CSS
Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding
CiviCRM for The Giving Circle. Bulk Mailing Tips & Tricks
CiviCRM for The Giving Circle Bulk Mailing Tips & Tricks By Leo D. Geoffrion & Ken Hapeman Technology for the Public Good Saratoga Springs, NY Version 1.1 5/26/2013 Table of Contents 1. Introduction...
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.
Content Management System
OIT Training and Documentation Services Content Management System End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2009 CONTENTS 1.
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,
Brock University Content Management System Training Guide
Brock University Content Management System Training Guide Table of Contents Brock University Content Management System Training Guide...1 Logging In...2 User Permissions...3 Content Editors...3 Section
Web Design with Dreamweaver Lesson 4 Handout
Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the
Using Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
Enhanced Formatting and Document Management. Word 2010. Unit 3 Module 3. Diocese of St. Petersburg Office of Training Training@dosp.
Enhanced Formatting and Document Management Word 2010 Unit 3 Module 3 Diocese of St. Petersburg Office of Training Training@dosp.org This Page Left Intentionally Blank Diocese of St. Petersburg 9/5/2014
Fairsail PDF Template Generator: A Complete Guide
Fairsail PDF Template Generator: A Complete Guide Version 12 FS-HCM-PTG-COMP-201506--R012.00 Fairsail 2015. All rights reserved. This document contains information proprietary to Fairsail and may not be
Dreamweaver Tutorial #1
Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet
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
TUTORIAL 4 Building a Navigation Bar with Fireworks
TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar
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
HTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College *
Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Some Student Organizations are on our web server called
Multimedia Applications. Mono-media Document Example: Hypertext. Multimedia Documents
Multimedia Applications Chapter 2: Basics Chapter 3: Multimedia Systems Communication Aspects and Services Chapter 4: Multimedia Systems Storage Aspects Chapter 5: Multimedia Usage and Applications Documents
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
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
KOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
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
Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...
Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with
04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks
One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via
NUI Galway Web Training Presentation
NUI Galway Web Training Presentation Welcome Objective To provide training on how best to maintain and update University Web pages while also providing an introduction to systems & services provided by
Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta.
OIT Training and Documentation Services Cascade Server End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2013 CONTENTS 1. Introduction
Depending on your role, this might mean adding and editing, for example, events, blog entries or news stories.
website guide guide for adding and editing web content Introduction The MS Society website uses a content management system (CMS) called Drupal. As a contributor to the site, you ll receive training in
U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide. Version: 10.0.1
U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide Version: 10.0.1 Date: August 2, 2011 [ This page is intentional left blank ] Page: ii Table of Contents List of Figures...