15 STEPS TO CREATE A WEB PAGE

Step 1

Open Notepad. Click File->Save As. Choose all files from the file type menu. Save your file as file.html You can replace file with anything. Usually the main page of a website is index.html Now you can start coding. Don't worry, it's not hard!

Step 2

HTML (hypertext markup language) use tags. Tags are basically some text inside of You will use a variey of tags to create your webpage. There are also "end tags" which look like These end things like a bold font.

Step 3

The first tag of a webpage is usually the tag. You can put this at the top of your Notepad file.

Step 4

The next tag is the

tag. Between the and tags are the title tag, which tells the browser what to put at the top of the window, and meta tags, which tell search engines like Google what the site is about.

Step 5

On the next line after your

tag, put a tag. After the title tag, write (not in angle brackets) what you want to put at the top of your website window, usually the title of your website. Now end the title by typing

Step 6

Now end your head by typing

Step 7

Next in our website comes the body tag. Type

Please note that not all colors are supported on all browsers. (for instance, dark grey probably wouldn't be supported on most browsers)

Step 8

Between the two body tags goes the content of your webpage, what the user sees. Let's start with a header. A header a a section of large text, and is specified in HTML with

through , with being the largest. So at the top of your webpage, after the body tag, might be something like Welcome to my site! Make sure you remember the end tag, or your whole webpage will be in giant!

Step 9

Another tag that can go in the webpage body is the

tag, or paragraph tag. So after your header, you might have

I'm learning how to make a website! wikiHow rules!

If you want a new line in your site, use the

tag, or break tag.

Step 10

You probably don't want a webpage that's all plain text. So let's put in some formatting. for bold text, for italics, and for underlining. Remember your end tags!

Step 11

What really makes a website interesting is pictures. Even with formatting, who wants to look at endless words? Use the tag to do this. But, like the body tag, it needs some extra information. An img tag might look like this: The src (source) is what the picture is called. The width and height are the width and height of the picture in pixels.

Step 12

Almost done! You want your visitors to be able to see more than just one page. To create links, use: Another page The text in between the tags is what the user clicks on to get to the next page, and the href part is where their click takes them. Using a tags you can let your users move effortlessly around your website.

Step 13

To finish up, you need to end your body with

, and entire webpage with

Step 14

Save your work and open the .html file in your favourite web browser. Congratulations! You just made a webpage.

Step 15

If you want to put your website on the web, see How to Publish a Web Site

Trabajo 22 Junio

A)

Estructura de una página Web
Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.
.........
Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.
La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

Codificación
Al crear una página de acceso a datos en la vista Diseño, puede especificar la codificación que debe utilizar un explorador Web para mostrar la página.

1-Abra la página de acceso a datos en la vista Diseño.
2-En el menú Herramientas, haga clic en Opciones.
3-Haga clic en la ficha General y, a continuación, en Opciones Web.
4-En el cuadro de diálogo Opciones Web, haga clic en la ficha Codificación.
5-En la lista Guardar este documento como, haga clic en el idioma que desee.

B)
Software para crear diseños web:
Microsoft Word
Flash
Notepad
EasyWebEditor
NVU