18

5 لغةHTML5

5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

Download PDF Report

Upload
others
View
19
Download
0

Embed Size (px)

Citation preview

Page 1: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

5

HTML5 لغة

Page 2: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

ماذا سنتعلم اليوم؟

CSS

CSS HTML

HTML CSS

HTML5

Page 3: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

HTML5

CSS = Cascading Style Sheets

Page 4: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

HTMLفي صفحة CSS طرق تفعيل تقنية

HTML5

Styleباستخدام خاصية •

Inline

Styleباستخدام وسم •

Internal

CSSباستخدام ملف خارجي يحوي أوامر •

External

http://www.google.ae/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http://www.graphicdesigndegreehub.com/classroom-assistant-html-tutorials/&ei=O_CzVK3RBcTNOOGcgLgG&bvm=bv.83339334,d.ZWU&psig=AFQjCNGjVKhjIyc8rxWCnkJ47M01HdVMqg&ust=1421164685165384

Page 5: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

عمل جماعي

Page 6: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

المطلوب من كل فريق دراسة وتطبيق طريقة CSSمن طرق تفعيل

ترشيح طالبة لتأخذ دور المعلم

تقوم بتوضيح الجزء المطلوب

Page 7: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

Page 8: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

Page 9: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

Page 10: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

3

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_css_external

Page 11: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

عمل جماعي

Page 12: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

++Notepadافتحي ملف جديد في برنامد - cssواحفظيه باسم تدريب

HTML5

Page 13: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

1

2

Page 14: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

CSSتنسيق النص والصفحة بتقنية

HTML5

body في قسم •

Style خاصيةباستخدام

Headفي قسم •

Styleوسم باستخدام

http://www.google.ae/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http://www.graphicdesigndegreehub.com/classroom-assistant-html-tutorials/&ei=O_CzVK3RBcTNOOGcgLgG&bvm=bv.83339334,d.ZWU&psig=AFQjCNGjVKhjIyc8rxWCnkJ47M01HdVMqg&ust=1421164685165384

Page 15: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

CSSتنسيق النص والصفحة بتقنية

HTML5 Style خاصيةباستخدام

محاذاة النص

نوع الخط

Page 16: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

CSSتنسيق النص والصفحة بتقنية

HTML5 Styleوسم باستخدام

Page 17: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

تدريبات المذكرة 8-7صـ

Page 18: 5 HTML5ةغل · 2015-01-19 · HTML ةحفص يف CSS ةينقت ليعفت قرط HTML5 Style ةيصاخ مادختساب• Inline Style مسو مادختساب• Internal CSS

PET-SE TRABALHO DE CONCLUSÃO DE CURSO · CSS - Cascading Style Sheets ... teórico e revisão bibliográfica, é onde são apresentados os principais conceitos, características,

PET-SE TRABALHO DE CONCLUSÃO DE CURSO · CSS - Cascading Style Sheets ... teórico e revisão bibliográfica, é onde são apresentados os principais conceitos, características,

Documents

Ultima actualização: 08-01-2014 Cascading Style Sheets (CSS)

Ultima actualização: 08-01-2014 Cascading Style Sheets (CSS)

Documents

CSS - Cascading Style Sheets - jeiks.netjeiks.net/wp-content/uploads/2013/05/Slides_web-03.pdf3 CSS3 Algumas características do novo CSS: – selecionar primeiro e último elemento;

CSS - Cascading Style Sheets - jeiks.netjeiks.net/wp-content/uploads/2013/05/Slides_web-03.pdf3 CSS3 Algumas características do novo CSS: – selecionar primeiro e último elemento;

Documents

APLICATIVO ANDROID UTILIZANDO TECNOLOGIA APACHE … · 2019-03-20 · CSS - Cascading Style Sheets HTML - Hypertext Markup Language UML - Unified Modelling Language . SUMÁRIO 1

APLICATIVO ANDROID UTILIZANDO TECNOLOGIA APACHE … · 2019-03-20 · CSS - Cascading Style Sheets HTML - Hypertext Markup Language UML - Unified Modelling Language . SUMÁRIO 1

Documents

APLICATIVO PARA NAVEGAÇÃO INDOOR UTILIZANDO A …BRIEF Binary Robust Independent Elementary Features CBIR Content-Based Image Retrieval CSS Cascading Style Sheets FPS Frames Per

APLICATIVO PARA NAVEGAÇÃO INDOOR UTILIZANDO A …BRIEF Binary Robust Independent Elementary Features CBIR Content-Based Image Retrieval CSS Cascading Style Sheets FPS Frames Per

Documents

Unidade 4 – Concepção de web sites. Subunidade 2 ... · Cascading Style Sheets Cascading Style Sheets(Folhas de Estilo em cascata) olhas de Estilo em cascata) ou CSS são estilos

Unidade 4 – Concepção de web sites. Subunidade 2 ... · Cascading Style Sheets Cascading Style Sheets(Folhas de Estilo em cascata) olhas de Estilo em cascata) ou CSS são estilos

Documents

Cascading Style SheetsTabela de cores Básica. CSS Font-Style / font-weight ... Altera a cor do fundo do seletor H1. Exemplo com vários seletores. Cores em CSS As cores em css podem

Cascading Style SheetsTabela de cores Básica. CSS Font-Style / font-weight ... Altera a cor do fundo do seletor H1. Exemplo com vários seletores. Cores em CSS As cores em css podem

Documents

Engenharia Informática e de Computadores€¦ · CSS – Cascading Style Sheets WAMP – Windows, Apache, MySQL and PHP UML – Unified Modeling Language IEM6 – Internet Explorer

Engenharia Informática e de Computadores€¦ · CSS – Cascading Style Sheets WAMP – Windows, Apache, MySQL and PHP UML – Unified Modeling Language IEM6 – Internet Explorer

Documents

Linguagens de Marca¸c˜ao e Folhas de Estilos · → HTML 4.01 - 1999 - Limpeza do 4.0 ... CSS Cascading Style Sheet XSL eXtensible Style Sheet ASN Programa¸c˜ao Web - DECOM/UFOP

Linguagens de Marca¸c˜ao e Folhas de Estilos · → HTML 4.01 - 1999 - Limpeza do 4.0 ... CSS Cascading Style Sheet XSL eXtensible Style Sheet ASN Programa¸c˜ao Web - DECOM/UFOP

Documents

CSS - web.fe.up.ptweb.fe.up.pt/~ssn/2011/cdi/06-css.pdfCascading Style Sheets • CSS é o acrónimo de Cascading Style Sheets. • CSS é uma linguagem que permite deﬁnir o estilo

CSS - web.fe.up.ptweb.fe.up.pt/~ssn/2011/cdi/06-css.pdfCascading Style Sheets • CSS é o acrónimo de Cascading Style Sheets. • CSS é uma linguagem que permite deﬁnir o estilo

Documents

CSS - Cascading Style Sheets Folha de Estilos em Cascata Profa:Tânia Neuenschwander

CSS - Cascading Style Sheets Folha de Estilos em Cascata Profa:Tânia Neuenschwander

Documents

Tópicos Especiais III XML (Extensible Markup Language)fernando.gauthier/EGC6006/material/Aula 2... · Cascade Style Sheets (CSS), ... XHTML – reformulação do HTML, ... uma vez

Tópicos Especiais III XML (Extensible Markup Language)fernando.gauthier/EGC6006/material/Aula 2... · Cascade Style Sheets (CSS), ... XHTML – reformulação do HTML, ... uma vez

Documents

Curso de PLANO DE CURSO CRIAÇÃO DE DIGITAIS · Especialista Responsável pela Revisão: ... Folha de Estilos (CSS – Cascading Style Sheets) • Responsividade de sites. Conceito

Curso de PLANO DE CURSO CRIAÇÃO DE DIGITAIS · Especialista Responsável pela Revisão: ... Folha de Estilos (CSS – Cascading Style Sheets) • Responsividade de sites. Conceito

Documents

(Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal

(Folhas de Estilo em Cascata) - Edwar Saliba Júnior · Unidade 02 – CSS 1 Programação para Internet 2 CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal

Documents

AMBIENTE WEB PARA GERENCIAMENTO DE …dsc.inf.furb.br/arquivos/tccs/monografias/2005-1jhonyalceupereira... · ASD – Adaptative Software Development CSS – Cascading Style Sheets

AMBIENTE WEB PARA GERENCIAMENTO DE …dsc.inf.furb.br/arquivos/tccs/monografias/2005-1jhonyalceupereira... · ASD – Adaptative Software Development CSS – Cascading Style Sheets

Documents

HTML - facom.ufu.brflavio/pi/files/2013-02/html-css-javascript.pdf · CSS (Cascade Style Sheets) Permite a definição de estilos que definem como os elementos HTML serão mostrados

HTML - facom.ufu.brflavio/pi/files/2013-02/html-css-javascript.pdf · CSS (Cascade Style Sheets) Permite a definição de estilos que definem como os elementos HTML serão mostrados

Documents

O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos

O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos

Documents

António Miguel Barbosa Dias CorreiaAS - Android Studio HTML - HyperText Markup Language CSS - Cascading Style Sheets RPC - Remote Procedure Call ... seus primeiros passos. A empresa

António Miguel Barbosa Dias CorreiaAS - Android Studio HTML - HyperText Markup Language CSS - Cascading Style Sheets RPC - Remote Procedure Call ... seus primeiros passos. A empresa

Documents

Cascading Style Sheets (CSS) Programação na Internet Secção de Sistemas e Tecnologias de Informação ISEL-DEETC-LEIC Carlos Guedes – cguedes@cc.isel.ipl.ptcguedes@cc.isel.ipl.pt

Cascading Style Sheets (CSS) Programação na Internet Secção de Sistemas e Tecnologias de Informação ISEL-DEETC-LEIC Carlos Guedes – [email protected]@cc.isel.ipl.pt

Documents

UNIVERSIDADE FEDERAL FLUMINENSE FELIPE VELOSO SOARES › riuff › bitstream › 1 › 8964 › 1 › TCC... · CSS – Cascading Style Sheets HTML – Hyper Text Markup Language

UNIVERSIDADE FEDERAL FLUMINENSE FELIPE VELOSO SOARES › riuff › bitstream › 1 › 8964 › 1 › TCC... · CSS – Cascading Style Sheets HTML – Hyper Text Markup Language

Documents

street style street style

street style street style

Documents

HTML, CSS & Style Guides

HTML, CSS & Style Guides

Software

Cascading Style Sheets CSS CASCADING STYLE SHEETSvsm.com.br/grupodeestudos/wp-content/uploads/2013/11/Apresenta… · Oque é o CSS • Cascading Style Sheets - Folhas de Estilo em

Cascading Style Sheets CSS CASCADING STYLE SHEETSvsm.com.br/grupodeestudos/wp-content/uploads/2013/11/Apresenta… · Oque é o CSS • Cascading Style Sheets - Folhas de Estilo em

Documents

Estilizando com CSS Cascading Style Sheets Folhas de Estilo em Cascata

Estilizando com CSS Cascading Style Sheets Folhas de Estilo em Cascata

Documents

Seja Bem-Vindo ao Curso CSS- Cascading Style Sheets · CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Você provavelmente já deve ter visto esses nomes em vários

Seja Bem-Vindo ao Curso CSS- Cascading Style Sheets · CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Você provavelmente já deve ter visto esses nomes em vários

Documents

Apostila de Introdu o ao CSSA sigla CSS (Cascading Style Sheets) se refere a uma linguagem de estilos que de ne o layout de documentos escritos, geralmente, em linguagem HTML. O CSS

Apostila de Introdu o ao CSSA sigla CSS (Cascading Style Sheets) se refere a uma linguagem de estilos que de ne o layout de documentos escritos, geralmente, em linguagem HTML. O CSS

Documents

UNIVERSIDADE DO GRANDE RIO “Prof. José de Souza Herdy ...tede.unigranrio.edu.br/bitstream/tede/268/5/Renan... · CSS – Cascading Style Sheets GD – Geometria Dinâmica HTML

UNIVERSIDADE DO GRANDE RIO “Prof. José de Souza Herdy ...tede.unigranrio.edu.br/bitstream/tede/268/5/Renan... · CSS – Cascading Style Sheets GD – Geometria Dinâmica HTML

Documents

1.1 Cascading Style Sheets – CSSpessoal.educacional.com.br/up/3670002/686835/CSS.pdfCSS externos são construídos de forma similar ao CSS definido dentro do documento. A folha de

1.1 Cascading Style Sheets – CSSpessoal.educacional.com.br/up/3670002/686835/CSS.pdfCSS externos são construídos de forma similar ao CSS definido dentro do documento. A folha de

Documents

Prof. Cleverson B. Klettenberg - edubox.com.br DE CSS 2014.pdf · index.html Teste CSS configure

Prof. Cleverson B. Klettenberg - edubox.com.br DE CSS 2014.pdf · index.html Teste CSS configure

Documents

Sistema aplicacional para o acompanhamento e monitorização de casos de ...recipp.ipp.pt/bitstream/10400.22/8066/1/DM_DanielBenevides_2015_… · CSS Cascading Style Sheets (Folhas

Sistema aplicacional para o acompanhamento e monitorização de casos de ...recipp.ipp.pt/bitstream/10400.22/8066/1/DM_DanielBenevides_2015_… · CSS Cascading Style Sheets (Folhas

Documents