Harti de imagini, Cadre, Stiluri

Slides:



Advertisements
Similar presentations
Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.
Advertisements

Frames.
HTML – HyperText Markup Language. What is HTML ? the publishing language of the World Wide Web WWW – is a system of interlinked hypertext documents accessed.
Noua generaţie de clienţi. Noua generaţie de clienţi este aici.
Copyright ISEOM © Toate drepturile rezervate.ISEOM Copyright ISEOM © Toate drepturile rezervate.ISEOM Conferinta SEO PPC 12 iunie 2010 ESTE.
Afisarea caracterelor pe un LCD cu ajutorul unui microcontroler Gradinariu Florin gr Varvaroi Gabriel gr
Frames An overview. Why frames Frames allow you to show several documents in one page. Useful for navigation. Useful for attaching pages from other sites.
Chapter 6 Working with Frames.
1 Advanced HTML Joshua S. Simon Collective Technologies.
HTML 4.0 History and Application By: Marc Mayzes.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
Working with HTML Frames The Good, The Bad & The Ugly.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 2 Outline frameset Element 5.10 Nested frameset s.
1 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Image Map You can define a region on your image as clickable. Add usemap=“mapname” parameter to your image. Add a tag to your html where name of map tag.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
INTRODUCTORY Tutorial 9 Creating Frames. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn.
When I am embedding under, I do not close the li tag until I complete the items that are embedded. Looking at outlines.
Chapter 6 Frames and Image Maps Frame sets and frames Image Maps.
CS-3432 Electronic Commerce Lecture – 9 Sikandar Shujah Toor
POSTA ELECTRONICA Ana-Maria Tache Ioana Cristina Ciufu.
HTML & CSS Jan Janoušek.
Web Basics: HTML/CSS/JavaScript What are they?
Introduction to HTML.
Client-Side Internet and Web Programming
IS 360 Declaring CSS Styles
FRAMES.
Table of Contents Creating Frames Frameset Tag and its attributes
ACTIVITATEA 1 -,, PROFESOR IT LA PAPI’’
Funcţii Excel definite de utilizator (FDU) în VBA
Căutarea şi regăsirea informaţiei.
Căutarea şi regăsirea informaţiei.
Paxos Made Simple Autor: Puşcaş Radu George
Retele de calculatoare
Digitizarea – Un nou concept
CONVERSII INTRE SISTEME DE NUMERATIE
WebSite Social Tema 2 WebSite Social.
Table of Contents Creating Frames Frameset Tag and its attributes
Tipuri structurate Tipul tablou
Web Form BuilDer Coffee Cup.
Modificarea structurii unei tabele
Formatarea paragrafului
Funcții C/C++ continuare
prof. mrd. Negrilescu Nicolae Colegiul National Vlaicu Voda
Apache WEB Server.
Mic ghid pentru crearea unei prezentari PowerPoint
Eclipsele de soare si de luna
Forms (Formulare).
CS134 Web Design & Development
A great way to create a channel of communication
Functia de documentare
Table of Contents Creating Frames Frameset Tag and its attributes
Folosirea de către companii a Twitter, Facebook şi LinkedIn
Tehnologia informatiei Prof. ROMEO BOLOHAN
Programarea in limbajul Java 2004 Lecturer: Gavrila Cristian
Realizarea prezentarilor cu Microsoft PowerPoint
Crearea unei aplicatii Windows Forms simple
Review blog culianu.wordpress.com
Оквири Оквири омогућавају да видљиво подручје буде подељено у неколико делова. Свако подручје може да учита сопствени документ, са различитом адресом,
Comunicare in medii electronice
Despre lamaie.net De ce sunt lamaile acre? Realizatori: Cristina Cazan
Tabele WEB.
Administrare Oracle 9i Suport de curs
Pertemuan 1b
Web Design & Development
Creating your website and learning HTML
Presentation transcript:

Harti de imagini, Cadre, Stiluri

Image Maps Permit ca diferite zone ale unei imagini sa fie definite ca legaturi catre diferite obiecte Se definesc prin: Atributul usemap al tagului <img> (usemap=“#nume_harta”) Tagul <map> … </map>

Tagul <map> <map name=“nume”> <area shape=“?” coords=“?” href=“?” /> … </map>

Atributul shape Valori: “rect” “circle” “poly” “default”

Atributul coords coords=“100,200,200,400” Se dau in pixeli (0,0) = coltul stanga sus

Image Maps: diverse Alte atribute ale lui <area> Title=“text” Suprapunerea zonelor active

Cadre Permit afisarea mai multor documente html in ferestre diferite In loc de <body> … </body> <frameset …> <frame src=“?” /> … </frameset>

Frameset Impartirea pe verticala se face prin atributul cols Impartirea pe orizontala se face prin atributul rows Valori pt. cols si rows: nr. intreg de pixeli procente din fereastra parinte n* sau *

Frameset Etichetele <frameset> pot fi imbricate

Atribute pentru frameset si frame bordercolor (frameset, frame) border (frameset) frameborder (frameset, frame) scrolling (frame) noresize (frame)

Cadre in-line <iframe> … </iframe> Mosteneste atribute de la <frameset>, <frame>, <img>

Atributul target Este un atribut al tagului <a> si permite selectarea ferestrei, cadrului unde va fi afista legatura <a href=“…” target=“cadrul2”> … </a> … <frame name=“cadrul2” src=“…” />

Valori “magice” pentru target _self (in cadrul curent) _blank (fereastra noua) _parent (cadrul parinte) _top (fereastra principala a browser-ului)

Stiluri Grupeaza diverse atribute pt. Diferite obiecte (taguri) in special text Sintaxa: CSS (Cascading Style Sheets) JavaScript Sintaxa se specifica cu <meta http-equiv=“content-style-type” content=“text/css” />

Stiluri dedicate Se pun in <head> <style> selecor descriere </style> selector – un nume de tag descriere – {atribut:valoare; atr:val} h1 {text-align:center; color:red}

Clase de stiluri Permit definirea unui stil si folosirea lui doar la cerere .nume_stil { … } Un tag care vrea sa foloseasca acest stil trebuie sa aiba un atribut class a carui valoare sa fie numele stilului

Stiluri in-line Sunt definete chiar in tagul care le folosete cu ajutorul atributului style Valoarea lui style este definitia stilului care in loc de acolade este cuprinsa intre ghilimele

Stiluri definite in fisiere externe Se pune intr-un fisier cu extensia css definitia stilului ca in blocul <style> (dar fara <style>) In <head> <link rel=“stylesheet” href=“fisier.css” type=“text/css” />

Prioritatea stilurilor Numai pt atributele ce intra in conflict Stiluri in-line Stiluri din blocul <style>, are prioritate stilul cel mai recent definit Stiluri din fisiere externe, are prioritate stilul cel mai recent definit Stilul default