Technologies for web publishing Ing. Vaclav Freylich Lecture 1.

Slides:

Advertisements

Similar presentations

CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.

Advertisements

The Test Will last 60 minutes Will be submitted via the electronic coursework submission system (not part of the test itself Is worth 20% of total module.

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH

Web Development & Design Foundations with XHTML

CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.

WeB application development

Chapter 2 HTML Basics Key Concepts

Making Things Look Nice: Visual Appearance and CSS CMPT 281.

Technologies for web publishing Ing. Václav Freylich Lecture 4.

XHTML II DIGITAL MEDIA: COMMUNICATION AND DESIGN F2007.

Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.

Technologies for web publishing Ing. Václav Freylich Lecture 5.

Basics of HTML.

Creating a Simple Page: HTML Overview

Creating a Basic Web Page

Week 1.  Phillip Chee   Ext.1214 

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!

CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.

Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.

1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.

Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.

Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.

Cascading Style Sheets: Got Branding?. What is CSS? CSS = Cascading Style Sheets Styles define how HTML (web) elements are displayed. One (or more) style.

XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.

XP 2 HTML Tutorial 1: Developing a Basic Web Page.

XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.

Technologies for web publishing Ing. Václav Freylich Lecture 3.

HTML – Organizing Page Content. HTML Images img tag Required attribute: src

1 Web Application Programming Presented by: Mehwish Shafiq.

Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester

HTML – Organizing Page Content. HTML Images img tag Required attribute: src

Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css.

UF and College of Medicine Web Pages. UF and Com Web Pages Makes heavy use of CSS Uses Server Side Includes Not the Dreamweaver kind of Templates.

Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.

HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.

HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

Web programming Part 1: HTML 由 NordriDesign 提供

INTRODUCTION TO HTML5 New HTML5 User Interface and Attributes.

University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza

HTML tags and attributes By: Dennis Champagne. List of tags.

External Style Sheets Exploring Computer Science – Lesson 3-6.

HTML Review * is used as a reference for most of the notes in this powerpoint.

XP 2 HTML Tutorial 1: Developing a Basic Web Page.

Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.

CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

CIS 228 The Internet Day 2, 9/1/11 Hypertext. The Course Instructor: Bowen Alpern Office hour: GI 137-I, 4-5pm Tu.

HTML5 and CSS3 Illustrated Unit C: Getting Started with CSS.

1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…

HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.

TNPW1 Ing. Jiří Štěpánek.  Tags  Marks for elements ▪ Pair ▪ Start and end tag ( Paragraph text ) ▪ Single ▪ Only start tag, according to XHTML 1.0.

Web Basics: HTML/CSS/JavaScript What are they?

Getting Started with CSS

Introduction to HTML.

Coding, Testing and Valdating a Web Page

N100 Building a Simple Web Page

ITI 133 HTML5 Desktop and Mobile Level I

HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page

Cascading Style Sheets (Introduction)

Document Structure & HTML

Technologies for web publishing

Presentation transcript:

Technologies for web publishing Ing. Vaclav Freylich Lecture 1

TNPW1 - přednáška č. 1 Brief content  Basic XHTML course HTML syntax elements formatting (using CSS) validation  CSS formatting HTML elements positioning

TNPW1 - přednáška č. 1 Literature and sources   

TNPW1 - přednáška č. 1 Requirements  Project personal website valid XHTML 1.0 at least 10 *.html files using external CSS  Examination presentation of the project discussion about the project and the source code

TNPW1 - přednáška č. 1 HTML the tag and the element  HTML page consists of tags (elements) Pair tag: non-pair tag (HTML): non-pair tag (XHTML):  Tag with some content = element  Element can have attributes Link to the next page

TNPW1 - přednáška č. 1 HTML page – basic structure My first page Hello world!

TNPW1 - přednáška č. 1 XHTML – just a small difference My first page Hello world!

TNPW1 - přednáška č. 1 HTML - Plain text Paragraph Some text here The length of the paragraph text is not limited. We can set the text format in external CSS, inline CSS or using special HTML attributes Formatting by attributes is ordinarily not valid in XHTML 1.0 Strict!

TNPW1 - přednáška č. 1 HTML - headline Headline Main headline of the page There are six headline levels existing (h1 – h6). It is not suitable to jump across some levels. We should respect the semantic meaning of the page content and use the headlines according to this content.

TNPW1 - přednáška č. 1 HTML – phrase elements  Phrase elements Determine the semantic meaning of the text. Usually they are implicitly formatted by the browser. Frequently used emphasis highlighted text Other phrase elements source code output of some script or program definition

TNPW1 - přednáška č. 1 HTML - quotation Element cite Shakespeare. Name of the author, quoted source,.. Elements and To be or not to be? Used for short quotations. Browser should add the quotes to the text marked with this element. To be or not to be? Block element for longer quotations. It can contain only the block elements.