This document introduces XHTML and CSS. It begins with an overview of XML and how XHTML is a version of XML. It then discusses the basic structure and elements of XHTML, such as the DOCTYPE, tags for text formatting, lists, links, images and tables. Finally, it provides an introduction to cascading style sheets (CSS) and how they are used to separate document structure from presentation.
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
HTML PART-1 Content- 1. Introduction 2. Setting up document 3. document structure
4. Html element
5. Html Attributes
6. Html heading
7. Html paragraph
8. Html display
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
HTML PART-1 Content- 1. Introduction 2. Setting up document 3. document structure
4. Html element
5. Html Attributes
6. Html heading
7. Html paragraph
8. Html display
Introduction to HTML, HTML Basic Tags
HTML Images, Links, Style
HTML Tables, HTML Lists
HTML Frames, HTML Forms
XML, XML Documents
CSS
DTD
XML Schema
XML Parsers
jQuery Mobile is the easiest way to go from web to mobile. It can be used for internet application or serve as the UI for PhoneGap applications. Here is a fast pace introduction to jQuery Mobile.
Authorship and Publisher are two features available through Google that allow us to connect a website with a particular business, and a page of content (website page, blog post, etc.) with a single author. Join us to learn the basics, how these two features help clients, and how it is integrated in our SEO packages.
SEO Strategy and The Hummingbird EffectRobin Leonard
Talk given at #SEMCON2013 on SEO Strategy and the impact caused by Hummingbird.
http://www.pinasevents.com/wp-content/uploads/2013/10/The-7th-Search-Engine-Marketing-SEMCON-2013.jpeg
Google+ Profile PageRank: The Real AuthorRank? - SMX Advanced 2013Mark Traphagen
Everyone who uses Google Authorship wants to know: Is AuthorRank active yet? That is, is Google using Authorship data as a direct influence on search results yet? Most likely not. But...Authorship provides a significant benefit that most miss: it builds the PageRank authority of your profile, making it a ranking powerhouse
(One correction from last slide: My Google+ guides are found at http://bit.ly/gplusguides - all lower case)
The secret's out! The highest converting landing pages are built backwards. There's a formula for building effective landing pages and The Conversion Scientists are here to lay it out for you.
In this Unwebinar, Brian Massey and Joel Harvey:
- Show you how to build a landing page by starting at the end
- Teach you elements of any landing page
- Critique live landing pages from your fellow marketers
OpenGL® is the only cross-platform graphics API that enables developers of software for PC, workstation, and supercomputing hardware to create high- performance, visually-compelling graphics software applications, in markets such as CAD, content creation, energy, entertainment, game development, manufacturing, medical, and virtual reality.
Original blogpost http://bit.ly/UX3JKj Every year I have compiled a list of trends that marketers have to follow closely in the following year to beat the competition. Social media marketing trends for 2013 is all about mobile, personalization and location. Read on to find out how marketing will change in the near future.
Our C# expert Eric Lippert provides his take on the psychology of C# analysis, including the business case for C#, developer characteristics and analysis tools.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
HTML5: Introduction, Why HTML5? Formatting text by using tags, using lists and backgrounds, Creating hyperlinks and anchors. Style sheets, CSS formatting text using style sheets, formatting paragraphs using style sheets.
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Honest Reviews of Tim Han LMA Course Program.pptxtimhan337
Personal development courses are widely available today, with each one promising life-changing outcomes. Tim Han’s Life Mastery Achievers (LMA) Course has drawn a lot of interest. In addition to offering my frank assessment of Success Insider’s LMA Course, this piece examines the course’s effects via a variety of Tim Han LMA course reviews and Success Insider comments.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
Normal Labour/ Stages of Labour/ Mechanism of LabourWasim Ak
Normal labor is also termed spontaneous labor, defined as the natural physiological process through which the fetus, placenta, and membranes are expelled from the uterus through the birth canal at term (37 to 42 weeks
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
3. Extensible
Markup
Language
• XML
is
a
specifica)on
for
crea)ng
custom
markup
languages
• Subset
of
SGML
• XML
languages:
RSS,
MathML,
SVG,
XHTML
• W3C
Recommenda)on
5. XML
Example
<?xml version=“1.0” encoding=“utf-8”?>!
<books>!
!<book id=“A01”>!
!!<title>Designing Web Usability</title>!
!!<author>Jakob Nielsen</author>!
!</book>!
</books>!
6. XML
Well
Formed
• XML
Declara)on
• One
root-‐element
• Every
tag
is
opened
and
ended
• ASributes
inside
“
”
• Case-‐sensi)vity
7. XML
Example
<?xml version=“1.0” encoding=“utf-8”?>!
<!DOCTYPE books SYSTEM “books.dtd”>!
<books>!
!<book id=“A01”>!
!!<title>Designing Web Usability</title>!
!!<author>Jakob Nielsen</author>!
!<book>!
</books>!
8. DTD
Example:
books.dtd
<!ELEMENT books (book+)>!
<!ELEMENT book (title, author)>!
<!ELEMENT title (#PCDATA)>!
<!ELEMENT author (#PCDATA)>!
<!ATTLIST book id ID #REQUIRED>!
9. XML
Valid
• XML
document
is
valid,
when
it
follows
it’s
dtd
• Valida)on
can
be
done
only,
if
the
xml
document
has
dtd
(or
schema)
• XHTML
strict
1.0
dtd:
– hSp://www.w3.org/TR/xhtml1/DTD/xhtml1-‐
strict.dtd
11. XHTML
• XHTML
is
a
XML
based
language
• XHTML
1.0
/
1.1:
– Strict
– Transi)onal
– Frameset
12. XHTML
Example
<?xml version="1.0"?>!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"!
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">!
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">!
<head>!
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />!
<title>XHTML 1.0 Example</title>!
</head>!
<body>!
<p>This is a example.</p>!
</body>!
</html>!
13. General
Form
• XHTML
consists
of
– Xml-‐declara)on
– Document
type
– XHTML
-‐
document
• head
• body
14. XHTML
Basic
Structure
• Every
element
is
wriSen
in
lower
case
• If
element
does
not
contain
anything,
it’s
empty
element:
– <br></br>
<!–
line
break
-‐-‐>
– <hr></hr>
<!–
horizontal
line
-‐-‐>
– <img
src=”pic.jpg"
alt=”picture"></img>
<!-‐-‐
picture
-‐-‐>
• Empty
elements
should
be
wriSen
like
this:
– <br/>
– <hr/>
– <img
src=”pic.jpg"
alt=”picture"/>
15. Inden)ng
• Indenta)on
is
free
in
xml
• It’s
easier
to
read
the
document,
if
you
use
indenta)on
• One
indenta)on:
4
spaces:
<ul>
____<li>Carrot</li>
____<li>Tomato</li>
</ul>
16. Commen)ng
• It’s
possible
to
add
comments
to
xhtml
–
documents:
• <!-‐-‐
and
here
we
have
a
list
-‐-‐>
17. Document
types
<!DOCTYPE
html
PUBLIC
"-‐//W3C//DTD
XHTML
1.0
Strict//EN"
"
hSp://www.w3.org/TR/xhtml1/DTD/xhtml1-‐strict.dtd">
<!DOCTYPE
html
PUBLIC
"-‐//W3C//DTD
XHTML
1.0
Transi)onal//EN"
"
hSp://www.w3.org/TR/xhtml1/DTD/xhtml1-‐transi)onal.dtd">a
<!DOCTYPE
html
PUBLIC
"-‐//W3C//DTD
XHTML
1.0
Frameset//EN"
"
hSp://www.w3.org/TR/xhtml1/DTD/xhtml1-‐frameset.dtd">
18. Head
• Compulsary:
)tle
• Meta-‐informa)on
– See:
hSp://www.cs.tut.fi/~jkorpela/webjulk/1.6.html
• Possible
linking
to
stylesheets
19. Text
-‐
elements
• p
• S
• br
• i
• blockquote
• b
• pre
• big
• em
• small
• strong
• sub
• code
• sup
20. Lists
• ul:
unordered
list
• ol:
ordered
list
• dl:
defini)on
list
• ul
and
ol
items
are
marked
as
li
• In
dl
items
are
marked
as
dt
and
dd
21. Links
• See:
– hSp://www.cs.tut.fi/~jkorpela/webjulk/1.5.html
• Link
to
outside
– <a
href="hSp://www.tamk.fi">tamk</a>
• Link
within
page
– <a
href=”dog.html">Dog</a>
22. Images
• Use
gif,
jpeg
or
png
• img-‐element:
– <img
src=”pic.jpg"
alt=”alterna)ve
text"/>
• Img
as
link
– <a
href=”dog.html"><img
src=”dog.png"
alt=”dog"/></a>
23. Tables
Title Title Title
Cell Cell Cell
Cell Cell Cell
28. CSS
• CSS
is
a
stylesheet
language
used
to
describe
the
presenta)on
of
a
document
wriSen
in
markup
language
• Usually
used
with
(x)html
• Defining
fonts,
colors
and
layout
• Separates
document
content
and
presenta)on
29. History
• CSS1
spec
finished
1996,
it
took
three
years
before
browsers
supported
CSS1
• 2000
IE
5.0
for
Mac
was
the
first
browser
to
fully
support
CSS1
• =>
CSS
Filtering
• S)ll
hundreds
of
bugs
in
browsers
30. CSS
support
today
• Compe))on
– Mozilla
Gecko
engine
(FireFox,
Mozilla)
– Presto
Layout
engine
(Opera)
– WebKit
(Apple
Safari,
Konquer,
S60
Browser)
– Internet
Explorer
• CSS
and
browser
compa)bility:
– hSp://www.quirksmode.org/css/contents.html
31. Before
CSS
• Presenta)on
was
part
of
the
document
structure:
<h2 align="center">
<font color="red" size="+4" face="Times New Roman, serif">
<i>Usage of CSS</i>
</font>
</h2>
• Many
problems…
32. Using
CSS
• Structure
is
clear:
<h2>Usage of CSS</h2>
• Presenta)on
is
clear:
h2 {
text-align: center;
color: red;
font: italic large "Times New Roman", serif;
}
33. CSS
Possibili)es
• Colors,
fonts,
layout,
sizes,
borders..
• Possible
to
do
different
css
–
files
for
prin)ng,
mobile
devices,
desktop
computers.
• See
– hSp://www.csszengarden.com/
39. Class
• XHTML:
<h1 class="tarkea">Otsikko</h1>!
<p>Tässä tekstiä ja tämä <span
class="tarkea">erityisen tärkeää
tekstiä</span></p>!
<p class="tarkea">Ja tämä vasta tärkeää
onkin</p>!
• Css:
.tarkea {!
color: RGB(255,0,0);!
}!
40. Class
• Css:
h1.tarkea {!
color: RGB(255,0,0);!
}!
46. font-‐size
• It’s
possible
to
define
the
font
size
absolutely,
rela)vely,
using
unit
of
length
or
by
percentage
– font-size: x-small; /* absolute */
– font-size: larger; /* relative */
– font-size: 12pt; /* unit of length */
– font-size: 80%; /* percentage */
48. Background
• Background
color:
– background-‐color:
#C0C0C0;
• Background
image:
– background-‐image:
url("marble.gif");
– Repeat
• repeat
(default):
repeat
both
direc)ons
• repeat-‐x:
repeat
horizontally
• repeat-‐y:
repeat
ver)cally
• no-‐repeat:
no
repeat
– background-‐aSachment:
fixed
|
scroll
• Is
the
image
s)ll
or
does
it
move
when
scrolling
49. Background
Image
Posi)on
background-position: right top; /* right upper-corner */
background-position: 100% 0%; /* right upper-corner */
background-position: 100%; /* right upper-corner */
background-position: center bottom;/* center bottom */
background-position: 50% 100%; /* center bottom */
background-position: 100%; /* right top */
background-position: 50% 10px; /* center 10 pixels from top */
50. Text
Features
• word-‐spacing
• leSer-‐spacing
• text-‐decora)on
– underline
– overline
– line-‐through
– blink