Inserir Html / htm

Si anem a la comanda Insereix del Menú, una de les opcions que tenim és HTML.

1

Regla horitzontal, és una barra, o línia que podria servir-nos per separació. És igual que la que es pot inserir en el OE i que segur la majoria coneixem ja. Marc, els veurem més endavant, així que ens els anem a salta ara ;)

Veure el submenú Objectes de Text:

2

Tot està relacionat amb aplicacions per al format de text. Però anem a veure com aplicar una llista. Per això també tenim unes icones a l'Inspector de Propietats que ens seran potser més fàcils d'usar:

3

Primer inserim el text, al qual necessitem aplicar aquesta opció. I ho seleccionem tot:

4

Prémer sobre el botó Llista sense ordenar i el resultat serà així:

5

Si el que volem és una llista amb números per ordre:

6

i ens quedés així:

7

Podem combinar-les i que apareguin així:

8

Per a això, primer inserim els punts principals i apliquem una llista ordenada. Després usant la Sangria de Text:

9

Escrivim i desplacem els textos I els apliquem una Llista desordenada. Això és ja mes ofimàtica que disseny web, així que ho deixem i era només per donar una idea. Anem ara al que ens interessa per al disseny web, i que són les Etiquetes Head:

10

I comencem pels Metes: Podem crear Metes, però hem de conèixer el llenguatge:

Hiper Text Markup Language = HTML

Però com a mostra, crearem un que si bé no és necessària, és molt interessant, ja que de res ja que de res serveix que s'anul · li l'opció. del segon botó del ratolí amb un script, perquè no puguin descarregar les imatges si es està utilitzant un navegador que et mostra aquesta imatge:

Toolbar no

ia través d'ella, permet que la copies ;)

11

El Drean ja té predefinides unes quantes:

Paraules clau = són aquelles paraules que els usuari posaran en un cercador i que si nosaltres les tenim, la nostra pàgina serà una de les que el cercador ensenyés en els resultats:

12

En vista codi, les veiem així:

13

Descripció:

14

15

Ampliar captura aquí

Una petita descripció de la nostra pàgina, que és, al fet que la dediquem, etc, etc ... Per als cercadors, és el que va aparèixer sota la direcció que mostren.

A la Xarxa, trobarem pàgines dedicades a recursos per Webmasters que ens ajudaran a crear Metes de cara als cercadors que ens seran molt útils a l'hora de posicionar les nostres pàgines en ells, de manera que almenys sortim a la primera pàgina del cercador ... si pot ser en els primers llocs ;) Ja veurem això més tranquil · lament

Els Metes, són el primer que hauríem inserir en començar el document que serà el index de la nostra Web. És perquè hi ha moltes altres coses que s'inserissin així la anem construint al head i convé que els Metes estiguin molt al principi, just a sota del títol.

Així que si els hem posat ara, en vista codi, els seleccionarem, tallar ... busquem el principi del document i enganxem sense més enllà.

16

Ampliar captura aquí

Actualitzar, es refereix no a l'actualització que nosaltres haguem fet dels arxius i documents del web, sinó que des del navegador, i de tant en tant es 'carregui' la pàgina o bé, podem dirigir-la a una altra url.

El Favicon ;)

Segurament haureu vist a la barra de navegació dels Navegadors, que juntament amb les adreces, en algunes pàgines apareixen uns dibuixets ... es diuen Favicon.

18

I no és un Meta, però si hem d'inserir-la head i ho farem inserint un vincle en el head:

17

No serveixen imatges jpg o gif, ha de ser una icona i per tant l'extensió. Ico Podeu veure com convertir un gif en una icona Aquí

Després ho guardeu a la carpeta d'imatges o en el directori principal, al vostre gust. En Rel: heu de posar shortcut icon

19

Acceptar i pujar el document i imatge al servidor.

Anar al navegador i obrir la pàgina on hagueu inserit el vincle. Si esteu usant el Navegador Mozilla, ja ho veureu a la barra de direcció, amb el IExplorer caldrà afegir-lo a 'Els meus preferits' perquè el puguem veure.

20

Us deixo una adreça on podreu comprovar uns petits trucs en cas que no es vegi immediatament.

http://www.favicon.net/

Com us vaig dir, no és important, només mola, no?? Ens queda un menú més a veure

21

El copyright i Marca registrada, ens ira molt bé per d'alguna manera dir que som els

Webmestres de la Web.

Shalana - © - 2006

Shalana ®

Shalana ™

Etc, etc ...

En altres, i perquè ens resulti més senzill, podem inserir el codi de la @ que de vegades li costa bastant quedar tal qual:

22

I per últim, i encara que no té a veure ni amb els Metes, ni amb caràcters especials ... vegem com inserir data en les pàgines:

Inserir / Data:

23

Escollir el format que més us agradi i si voleu que cada vegada que modifiqueu aquest document, sigui actualitzat, marcar on indica la fletxa. Una manera d'usar la data per a les actualitzacions, seria escriure alguna cosa així com: darrera actualització i inserir Data: última actualització 28, 2006

Veure Exemple del Institut Aquí

Respondre