webdesign idepac

Download Webdesign idepac

Post on 14-Jul-2015

3.170 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • NDICE

    HTML 1. DEFINIO..........................................................................................................01

    2. CRIANDO DOCUMENTOS HTML.......................................................................03

    2.1 - ELEMENTOS BSICOS.........................................................................05 2.1.1 - TTULOS..............................................................................................05 2.1.2 - CABEALHO.......................................................................................06 2.1.3 - PARGRAFO.......................................................................................07 2.1.4 - QUEBRA DE LINHA.............................................................................08 2.1.5 - COMENTRIOS...................................................................................09 2.1.6 - LISTA DE ELEMENTOS BSICOS......................................................09 2.1.7 - DICAS...................................................................................................10

    3. FORMATAO DE TEXTO.................................................................................11 3.1 - DEFININDO FONTES.............................................................................11

    3.2 - ESTILO DE TEXTOS..............................................................................12 3.3 - FORMATANDO BLOCO DE TEXTOS....................................................13 3.3.1 - TAG DIV...............................................................................................13

    4. CONTROLE DE CORES E GRFICOS DE FUNDO...........................................15 4.1 - CORES E ELEMENTOS GRFICOS DE FUNDO..................................15 4.1.1 - BACKGROUND (IMAGEM DE FUNDO)..............................................15 4.1.2 - BGCOLOR............................................................................................16 4.2 - CORES DE LETRAS E LINKS................................................................18 4.2.1 - ATRIBUTO TEXT..................................................................................18 4.2.2 - ATRIBUTO LINK, VLINK E ALINK........................................................19

    5. LINKS.....................................................................................................................21 5.1 - NCORAS..............................................................................................21 5.2 - INTERLIGANDO DOCUMENTOS EM OUTROS DIRETRIOS...........22 5.3 - INTERLIGANDO URL'S.........................................................................25 5.4 - LINKS PARA E-MAILS...........................................................................25

    6. LISTAS..................................................................................................................26

    6.1 - LISTAS NO NUMERADAS.....................................................................26 6.2 - LISTAS NUMERADAS..............................................................................28 6.3 - LISTA DE DEFINIES...........................................................................30 6.4 - LISTA INTERCALADAS............................................................................33

    7. IMAGENS...............................................................................................................35 7.1 - INSERINDO IMAGENS NA PGINA.......................................................36 7.2 - DIMENSIONANDO IMAGENS.................................................................37 7.3 - ALINHANDO IMAGENS...........................................................................38 7.3.1 - ALINHAMENTO EM RELAO AO NAVEGADOR...............................38 7.3.2 - ALINHAMENTO EM RELAO AO TEXTO... ......................................39

    7.4 - OUTROS ATRIBUTOS..............................................................................40

    8.TABELAS................................................................................................................42 8.1 - MARCAES BSICAS...........................................................................42 8.2 - DESENVOLVENDO UMA TABELA SIMPLES..........................................43 8.3 - ATRIBUTOS DE CONTROLE DE TABELAS............................................45 8.4 - CORES E IMAGEM NA TABELA..............................................................56

    8.4.1 - CORES NA TABELA..............................................................................56 8.5 - IMAGEM DE FUNDO NAS TABELAS.......................................................57

  • 9. CORES................................................................................................................55

    9.1 - MATIZ, SATURAO E TONALIDADE................................................. 55 9.2 - SISTEMA DE REPRESENTAO DAS CORES...................................55 9.3 - PSICOLOGIA DAS CORES....................................................................56

    10. TIPOLOGIA.......................................................................................................59

    10.1 - ESTILO ANTIGO.....................................................................................59 10.2 - ESTILO MODERNO................................................................................60 10.3 - SERIFA GROSSA...................................................................................61 10.4 - SEM SERIFA...........................................................................................62 10.5 MANUSCRITO........................................................................................62 10.6 DECORATIVO........................................................................................63

    PHOTOSHOP

    11. FERRAMENTAS DO PHOTOSHOP................................................................64

    11.1 INICIANDO O PHOTOSHOP...............................................................64 EXERCCIOS PARA REVISO......................................................................66

    12. VISUALIZANDO AS IMAGENS.......................................................................67

    EXERCCIOS PARA REVISO......................................................................68

    13. SELECIONANDO E MOVENDO IMAGENS....................................................69

    13.1 MARCA DE SELEO........................................................................69 13.2 LAO...................................................................................................70 13.3 VARINHA MGICA..............................................................................71 13.4 CORTE DEMARCADO........................................................................73 EXERCCIOS PARA REVISO......................................................................73

    14. MODIFICANDO AS SELEES.....................................................................74

    14.1 FILTROS..............................................................................................75 EXERCCIOS PARA REVISO......................................................................76

    15. TRANSFORMANDO AS SELEES..............................................................77

    15.1 PINCEL................................................................................................78 15.2 FERRAMENTA DEGRAD.................................................................78 15.3 CARIMBO............................................................................................80 15.4 DESFOQUE, NITIDEZ E BORRAR.....................................................81 EXERCCIOS PARA REVISO......................................................................81

    16. FERRAMENTAS DE TEXTO...........................................................................82

    EXERCCIOS PARA REVISO......................................................................84 17. CRIAES DE ARQUIVOS PARA WEB........................................................86

    EXERCCIOS PARA REVISO......................................................................88

    18. VOCABULRIO UTILIZADO NO PHOTOSHOP............................................89

    19. SEJA UM BOM WEB DESIGNER...................................................................91

  • DREAMWEAVER

    20. APRESENTANDO O DREAMWEAVER..........................................................93

    20.1 BARRA DE TTULOS...........................................................................94 20.2 BARRA DE MENUS.............................................................................94 20.3 BARRA INSERIR..................................................................................94 20.4 BARRA DE FERRAMENTAS DOCUMENTOS....................................94 20.5 PAINIS................................................................................................95 20.6 GRUPOS DE PAINIS.........................................................................95 20.7 REA DE DESENVOLVIMENTO.........................................................95 20.8 VISUALIZAO DO DREAMWEAVER................................................95 20.9 BARRA DE STATUS............................................................................96 20.1.1 MENUS CONTEXTUAIS....................................................................96 EXERCCIOS PARA REVISO.......................................................................96

    21. CRIANDO UM NOVO SITE...............................................................................97

    22. INICIANDO UMA PGINA NO DREAMWEAVER.............