Hello,

In this tutorial I will show you how to make a stripey background with CSS. This method gives a stylish look to your website.

So follow these steps:

1. Save the image below as bg.png .
2. Add this to the default images folder on your website.
3. Add this code to the CSS Style Sheet for your website:

body {
background-image: url(images/bg.png);
background-repeat: repeat;
}

Here is that image I promised too:

And there you go, test to see that you have a background with that image repeated.

Etter en 3-4 timers design/kodesession er jeg nå veldig godt på vei mot ferdig webside. Jeg har så godt som fylt ut alle kategoriene i porteføljen min med bilder(untatt en). Alle infoslides er på plass og det meste er godt planlagt fremover. Ting går overraskende greit, til tross for at JS-slideren jeg bruker er noe jeg ikke har mye erfaring med fra før. Det eneste problemet jeg har slitt litt med var at pilene man bruker for å navigere plutselig bestemte seg for å vise seg dobbelt. Problemet er løst, men det var mye irritasjon og frustasjon på veien mot løsningen ja.
Når jeg skriver dette, legger jeg også merke til at skjermen på 24″ iMacen min begynner å bli “strekpixlete” øverst i venstre hjørne, håper den ikke går til helvete enda. Den er tross alt bare litt over et år gammel.

Siden begynner å ta form. Noen innspill på design?

1.)clic al boton: [video flash]
2.)en la ventana:
- seleccionar el tipo de video: “PROGRESSIVE DOWNLOAD VIDEO”
- seleccionar un skin para el controlador de video
- cilc al boton: [detectar tamaño]
- clic al boton: [acéptar]

I have found a great source that will help us and me for my future work regarding on how to create a login page in dreamweaver – php/sql. Thanks to webdesign.org and Ades Tynyshov for providing us a very nice tutorial on this.

Note: Before you attempt this tutorial you should have some DB server running on your computer such as MySql. If not download dev5beta3.exe and install PHP, Apache and MySql together with phpMyAdmin with one click, and you will be ready for all the dynamic tutorials.This tutorial will teach you how to make a login page in Dreamweaver MX. At the end of the tutorial you will have a page where users can enter their username and password and if the username and password which they entered match the records in the database they will be allowed to enter the restricted page in other words redirected to the members area.

1. First we should create a table called users. This is the table that we will check the form fields against. Use the following code to create this table. phpMyAdmin is preferred. CREATE TABLE users ( username varchar(20) NOT NULL default ”, password varchar(20) NOT NULL default ” ); After you have created your table populate it at least with one entry, for the sake of example we will use admin for username and admin for password. You are free to populate with your own data.

—————————————————————————————————————————

2. Now Open your dreamweaver and create a new page called login.php Here is the page and here is the code for creating that form with the two fields. After you have created your login page make a connection to your database. (Go to Connecting to Database Tutorial if you don’t know how to make a connection) If you have made a successful connection you should see your Table details in the Application window similar to the screenshot below.

————————————————————————————————————————–

3. While you are still in login.php page Choose Applications > Log In User.

——————————————————————————————————

4. Next you will be displayed with a pop up window where you have to make selections. First part of the window shows details of your form, second part your database and third part is a redirection process and finally restriction option based on your database table structure. This window is quite self explanatory just choose the right option from drop down menu. If you have a successful connection to your database your connection will be displayed in the Validate using connection section. If you don’t see your connection in the drop down menu then you have to check your connection again (Step 2).

For Restrict access based on choose Username and password and not Username, password and access level. This is because our table has only username and password fields. After you are done choose OK.
————————————————————————————————–

5. Check Application > Server Behaviors Panel and you should see your script name there now. You can double click on it and edit anytime again, in case if you want to redirect to different page…etc

——————————————————————————————————-

6. You are done! That was pretty easy huh? Go ahead and test your login.php and see if it will do what it supposed to do. Remember it will check against users table in your database so make sure you enter correct data, in our case it was admin admin for username and password respectively.

You can see visit here for more tutorials! http://www.webdesign.org/html-and-css/tutorials/creating-login-page.1417.html#ixzz0WXiDKHUh

Mediakasvatusopinnoissa jatkoimme äsken vielä Dreamweaverin opiskelua. Hiukan enemmän homma hahmottui, mutta varsinaisesti ohjelmaa täytyy näköjään opiskella meille suositellusta verkossa olevasta oppaasta. Kyllä tämä bloggaaminen tuntuu  melko yksinkertaiselta tuohon editorin käyttöön verrattuna. Toisaalta editorissa (ainakin Dreamweaverissa) kaikki muotoilutoiminnot ym. näyttävät olevan tarjolla samantyyppisesti kuin esim. Microsoftin Office-ohjelmissa yläpalkissa (tai muissa näkyvissä olevissa palkeissa/kohdissa), joten tietää melko selkeästi, mistä etsiä. Vaihtoehtoja ja valittavaa on kuitenkin erittäin paljon!

Hi folks, it’s Marcus Cyganiak checking in with another week of schooling in the bag at BCIT’s New Media and Web Development program. As a self-taught web developer and graphic designer, I can honestly say I am learning quite a few new tricks of the trade as this is my first time learning about new media design in a professional setting.

My web overview class has made me much more confident when dealing with CSS and XHTML on my own. What I mean by that is that I don’t necessarily have to use Adobe Dreamweaver anymore to assist me in coding, I can just build structures with code from scratch in any text writer, such as BBEdit. With that, we’ve each been developing a make-belief restaurant website and mine’s an Italian-styled restaurant called Vannucci’s Place; a play off of my grandparents’ last name.

The larger project at hand for me though is nothing of relation to that restaurant website, in fact it has nothing to do with BCIT’s curriculum at all because it’s a project of my own. Close to four years now, my father Kris and I have been steadily building thoughts and dreams of a new domain for collecting information and content with regard to the real estate industry. With no website out there that can really claim to be a hub for Internet surfers with such information, we decided to establish BuyRIC.com, where the initials stand for Residential, Industrial, and Commercial and our slogan states us as being The Online Real Estate Magazine and Directory.

That’s been our dream for a few years now but whenever we’ve been wanting to start working on developing this project, we just never found the time to put our thoughts and ideas into any real motion. That is until last month on October 9 to be specific because one month later brings us to today, November 9, where we went forth with a soft launch for BuyRIC.com.

What the soft launch entails is a simple display of the entire design finished on BuyRIC.com. I coded the entire website using the WordPress content management system. We only have a select few pages live right now, some of which include our Terms of Service, Privacy Policy, and Copyright; you know, the legal jargon.

With the website live to a certain degree, we plan to have BuyRIC.com fully functional by December 1, 2009 and that will be when we start offering our flat rate packaged services to realtors in British Columbia. Information about that will become available soon on the website. Through growth, we plan on expanding across Canada and into the United States but we’re being realistic in knowing we can only handle one province for now.

Where BCIT comes into play here is really the initial stage. My learnings in class really motivated me and established a clear vision on how I was to start this project. In my past experiences before BCIT, I’ve worked on a team of web developers where we’ve collaborated on establishing a website, but I’ve never really engaged in a project quite like BuyRIC.com where I had to co-found a new company and trademark our property.

It’s definitely an exciting time for me with this new venture, BuyRIC.com, and even more exciting with the fact that I will continue learning the ins and outs of new media design at BCIT. Together, these two worlds around me right now are definitely going to produce a bright light at the end of the tunnel, come October 2010 when I graduate.

I’m not being optimistic, I’m being positive. You have to believe you’re going to achieve something to really grasp ahold of that potential success. I believe I can do it.

1192-1266-0351-2636-9377-1698

1192-1776-6469-0558-6516-6910

1192-1456-8292-1135-9009-2421

1192-1572-7911-8203-2927-9895

1192-1306-2943-8119-3988-4743

1192-1063-8275-1452-1242-5944

Esta es una practica en Dreamweaver CS4 donde usare las herramientas de Spry que no estan presentes en versiones no CS de Dreamweaver, esta practica tiene sus inicios del post que trata el mismo tema de este blog, tema que se encuentra dividido en dos partes parte1 y parte2 pero aqui se tratara completo. La unica continuidad que se anexaria a esta practica seria otro ejemplo algo mas enriquecido o atractivo de mostrar esta interaccion.

La practica a comentar se trata de hacer una pagina html donde mostraremos una imagen en tamano original o ajustado en ancho y alto, imagen la cual tendra un encabezado o titulo y una descripcion al pie. Debajo de esta imagen tendremos otras imagenes en miniatura, que al irla seleccionando se nos cambiara la imagen en tamano mayor por la seleccionada, cargandose la imagen con su titulo y descripcion, esto en todo momento sin en ningun momento refrescar la pagina, lo cual es la idea.

No soy partidario de un frecuente uso de Dreamweaver, herramienta que agilice la labor de desarrollo web, pero no te permite ser tan programador como lo harias trabajando con un editor o framework de codigo web (html, php, etc..) ya que en Dreamweaver inicialmente partes en modo de disenar todo visualmente y quien realmente programa es la aplicacion, pero que de igual forma quienes trabajan en Dreamweaver estan obligados en ocasiones a manipular e inyectar codigo entre lineas para terminar de retocar lo que se necesita que haga la web. Pero Dreamweaver mete mucha basura o codigo demas el cual necesita para gestionarse a si mismo, donde en ocasiones en caso de presentarse problemas de conexion, algunos simplemente borran y vuelven a hacer sus pasos a punta de click! por medio de las herramientas de dreamweaver y algunos otros revisando y corrigiendo el codigo (en caso de entenderlo y saber que estan buscando y donde mirar).

Vamos a hacernos una pagina XML la cual contendra el titulo, el nombre del archivo de imagen y la descripcion de la imagen, ese archivo XML sera del que un dataset de Spry se vinculara o relacionara, y estos objetos de Spry en nuestra pagina html sera lo que nos mostrara esta galeria de imagenes.

Usa o baja de internet algunas imagenes y creamos el archivo xml (por ejemplo):

<imagenes>
  <item id="1">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img1.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>
  <item id="2">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img2.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>

  <item id="3">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img3.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>

  <item id="4">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img4.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>

  <item id="5">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img5.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>

  <item id="6">
     <titulo>Titulo de la imagen 1</titulo>
     <imagen>img6.jpg</imagen>
     <parrafo>Descripcion de la imagen 1.</parrafo>
  </item>

<imagenes>

Como ya ves, tu mismo creas o te inventas la sintaxis en un XML, ya que podria poner <pepe> y mientras haya un </pepe> despues, se entendria que es la apertura y cierre de llaves de un objeto contenedor de algo, lo de <item> puede haberse puesto cualquier cosa, tambien en vez de <imagenes></imagenes> pudimos haber puesto <fotografias></fotografias> si quisiesemos y <parrafo></parrafo> por alguna otra cosa <descripcion></descripcion>, ojala fuese asi en todos los lenguajes, pero habria un libre albedrio donde no se respetaria nada standar o default y tal vez no seria bueno, donde sin importar si yo hablo espanol, y otras personas ingles o chino mandarin, la sintaxis seria igual y no tanto al gusto de cada quien, solo la estructura organizacional del algoritmo pero no su sintaxis.

Ok, ya tenemos algunas imagenes en una carpeta dentro de nuestra carpeta del proyecto web, algunas personas meten todo lo que sea imagenes en una sola y misma carpeta imagenes o image o img (como la desees llamar) pero lo correcto o deber ser es separar o agrupar las imagenes, si tienes imagenes de un evento, guardalas en imagenes/eventoX/asi tendras organizadas las imagenes y no revueltas en la carpeta raiz de imagenes con muchas otras, es mejor trabajar organizadamente.

Creamos ahora un archivo html (migaleria.html o galeria.html) o como gustes llamarla y nos pasamos a la barra de herramientas de Spry (spry son las herramientas de AJAX que ya Dreamweaver CS nos brinda), CS3 y CS4 lo tienen, pero desconozco si CS2, y CS ya lo hayan tenido incluido, versiones previas a CS no disponen de estas herramientas spry.

Selecionamos conjunto de datos spry para llamar al xml:

Seleccionamos el tipo de datos el cual sera XML, el dataset lo podemos llamar dsImagenes o como desees y buscamos el archivo XML con el boton Examinar:

Pulsamos el boton Listo o Done (dreamweaver en ingles o espanol).

Fijemosno en algo un momento, me ha pasado que al hacer esto del xml al cerrar la ventana indicada previamente termino viendo en el menu derecho (seccion Vinculaciones) de Dreamweaver lo del xml pero incompleto:

En este menu nos faltan titulo, imagen y parrafo los cuales vamos a usar, desconozco porque pasa esto, asi que de no estar completa la lista, en esta ventanita donde vemos el boton + y el – selecionamos nuestro dataset dsImagenes y pulsamos el boton del signo – para eliminarlo y lo volvemos a hacer por el boton de la barra o por el signo +.  En esta ocasion en la que volvemos a hacer lo del dataset spry con nuestro XML, seleccionamos item y cerramos la ventana (boton Listo).

Ahora si ya vemos los objetos spry relacionados a nuestro archivo xml que nos faltaban anteriormente:

No se porque pasa esto pero si no tenemos todos los <objeto> del xml presentes, no podremos seguir con la practica.

Ahora vamos a colocar una region de spry en nuestra pagina html:

Esta region spry podria ser a entender, como algo parecido a cuando colocamos una region de formulario <form> y demas cosas de formulario dentro, un contenedor donde solo ahi dentro puede coexistir los demas objetos Spry para su correcto o rganizado funcionamiento.

Vamos a arrastrar a la region spry el objeto imagen de la lista donde tenemos los objetos del xml hacia esta region.

Ahora tendremos que manipular un poco el codigo, ya que este objeto spry {imagen} lo necesitamos como un objeto de imagen, sino, los que nos mostrara la pagina al cargarla sera el nombre del archivo.jpg y no la imagen.

Tenemos esto:

<body>
<div spry:region="dsImagenes">{imagen}</div>
</body>

Y lo cambiamos a esto: (agregamos el <img src=…{imagen}> para que el objeto sea de tipo imagen)

<body>
<div spry:region="dsImagenes"><img src="../proyectoweb/img/img1/{imagen}" /></div>
</body>

Si cargamos nuestra pagina html ya deberia verse al menos la primera imagen de la galeria, ahora vamos a colocarle su titulo y su descripcion provenientes de nuestro archivo xml.

Al codigo le agregamos dos lineas, una antes de nuestro <div…></div> y otra luego de esa linea, quedando asi:

<body>

<h1 spry:detailregion="dsImagenes"> aqui falta algo </h1>
<div spry:region="dsImagenes"><img src="../pgaleria/img/img1/{imagen}" /></div>
<p spry:detailregion="dsImagenes"> aqui falta algo </p>
</body>
 

Con un <h1></h1> vamos a colocarle su encabezado o titulo a la imagen y con un simple <p></p> de parrafo su descripcion debajo de la imagen, con spry:detailregion=”nuestro_dataset” como se observa en el codigo arriba, solo nos falta bien sea escribirlo o arrastrar del menu de los objetos spry del xml lo que va en aqui falta algo.

El codigo quedaria entonces asi:

<body>

<h1 spry:detailregion="dsImagenes"> {dsImagenes::titulo} </h1>
<div spry:region="dsImagenes"><img src="../pgaleria/img/img1/{imagen}" /></div>
<p spry:detailregion="dsImagenes"> {dsImagenes::parrafo} </p>
</body> 

Si volvemos a cargar la pagina html en nuestro navegador veremos que ahora con la imagen tenemos su titulo y su descripcion (de esa imagen) proveniente de nuestro archivo xml.

Ahora antes del </body> vamos a agregar otra linea algo mas larga, la cual es esta:

<img src="img/img1/{imagen}" class="thumb" title="{titulo}"  onclick="dsImagenes.setCurrentRow('{dsImagenes::ds_RowID}')"
onmouseover="MM_effectAppearFade(this, 500, 50, 100, true)" onmouseout="MM_effectAppearFade(this, 500, 100, 50, false)" /> 

En esta linea o agregado vemos en negrita los objetos spry de nuestro xml, si cargamos nuevamente la pagina veremos que ahora debajo aparecen las demas imagenes, las cuales procederemos a ponerlas en miniatura.

Para que las imagenes debajo se vean en miniatura debemos colocar este codigo antes del </head> de la pagina, ya que el codigo que este antes del <body> o bien sea entre <head></head> se cargara antes que la pagina, por eso el codigo javascript siempre se coloca antes del <body> o entre <head></head> para que al ver la pagina en el navegador ya a cargado este codigo, asi que puede ser luego o antes del codigo javascript ponemos esto:

<style type="text/css">
body{ font-family:Georgia, "Times New Roman", Times, serif}
h1{ margin:0 ; font-size:22px; color:black}
p{ font-size:12px}
.thumb{
width:5%;
margin:2px;
cursor: pointer;
-moz-opacity:.50;
opacity:.50;
}
.imagen{ width:450px}
</style> 

Si cargamos la pagina ahora vemos que las imagenes debajo estan en miniatura, pero vemos que al seleccionar otra imagen, si cambia el titulo y el parrafo pero no la imagen. Esto es porque se nos paso modificar otra cosa en el codigo que esta entre <body></body> en los <div>.

Cambiamos solo lo que indico en rojo:

<body>
<h1 spry:detailregion="dsImagenes"> {dsImagenes::titulo} </h1>
<div spry:region="dsImagenes"><img src="../pgaleria/img/img1/{imagen}" /></div>
<p spry:detailregion="dsImagenes"> {dsImagenes::parrafo} </p>
<div spry:repeat="dsImagenes" spry:region="dsImagenes">
<img src="img/img1/{imagen}" title="{titulo}"  onclick="dsImagenes.setCurrentRow('{dsImagenes::ds_RowID}')" onmouseover="MM_effectAppearFade(this, 500, 50, 100, true)" onmouseout="MM_effectAppearFade(this, 500, 100, 50, false)" />
</body>

Por solo lo que indico en azul:

<div spry:detailregion="dsImagenes"><img src="../pgaleria/img/img1/{imagen}" /></div>

Igual como todos los demas <div spry:detailregion….> recordemos que esa linea nos la coloco Dreamweaver al arrastrar el objeto {imagen} al cual lo editamos en el codigo agregandolo en un <img> y nos falto editar esta parte que se menciona ahora.

En diseno nuestra pagina se ve asi:

Se recuerda que las imagenes deben ser del mismo tamano, podria ajustarse su ancho y alto en algun editor de imagenes pero tambien (y en caso de ser muchas) colocar un width=”numero” en el codigo del <img>

<div spry:detailregion=”dsImagenes”><img src=”../pgaleria/img/img1/{imagen}” width=”300″ /></div>

Ya en este punto al cargar la pagina ya deberia verse la idea de esta practica, una galeria de imagenes donde seleccionamos alguna de las miniaturas y se nos muestra dicha imagen en un tamano mayor con un titulo y una descripcion.

Advertencia:

Algo importante a comentar es que esta practica ha funciona perfectamente en un PC con WinXP con Dreamweaver CS4 y se ha usado como plataforma web EasyPHP5.3 para las pruebas en localhost. Pero al ver esta practica en un sistema Linux donde ya he trabajado otras cosas en el ambito web e igual al subir esto a un hosting free, la imagen en tamano original o mayor, no aparece, solo las imagenes en miniatura y solo el titulo y descripcion de la imagen en tamano mayor pero no aparece la imagen. Algo de los 3 archivos javascript (no creo que el css) que crea Dreamweaver en una carpeta llamada SpryAssets no interactua bien fuera del entorno aislado y controlado local. Esto es otra razon mas por lo que prefiero escribir yo mismo el codigo o copy+paste codigos de terceros, incluir los archvos .js y editar un poco el codigo uno mismo que por la asistencia de Dreamweaver.

Below, is a list of all the basic colour codes in HTML.

Red – #FF0000

Blue – #0000FF

Green – #00FF00

Yellow – #FFFF00

Turquoise – #00FFFF

Pink – #FF00FF

Black – #000000

Grey – #C0C0C0

White – #FFFFFF

Hoje, tive um problema com o Dreamweaver CS4, pois sempre quando abria ele me aparecia o seguinte erro:

“The following translators were not loaded due to errors: ICERegions.htm: has configuration information that his invalid.”

Resolvi o problema e gostaria de compartilhar para que as próximas vitimas possam resolver também.

Resolvi deletando o seguinte arquivo de cache do Dreamweaver:

obs: A pasta AppData está oculta, ative antes a opção para mostrar os arquivos ocultos que está em Ferramentas > Opções de Pasta… > Modo de exibição

Pasta: C:\Users\<usuario do sistema>\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration
Arquivo: WinFileCache-3012BA81.dat

Não se preocupe em deletar este arquivo, pois ele é um arquivo de cache que é criado após fechar o dreamweaver. E pelo que eu andei vendo, deletando este arquivo pode resolver diversos outros problemas de caching.

Abraços

It is a good thing that I can code without Dreamweaver. While I have to admit that it makes coding a lot easier, I can still rely on simple text editors and a good ftp client to get the job done.
However, after the recent time change, Dreamweaver has been crashing whenever I select text in a form, or when I use php in a form.

So all the horn tooting about being able to code on a text editor is great, but I sure missed my WySyWig Interface! So, I started my search on the crash and found a very reliable post with a fix that worked for me. I decided to create this post for my fellow web developers who may use Dreamweaver. I know web design does not depend on the interface, but the time it takes to develop increases.
Long story short here is the link to the fix that worked for me. Whether you are a web designer in fort lauderdale or not, this should help ya!
CLICK HERE

At the beginning of this week, I started learning how to design a website using Dreamweaver. Because I’m at a technical school and not a university, there’s not a whole lot of theory…so we just…dove in. My brain actually hurts from all of the new information (and I’ve been dreaming about the lessons, and woken myself up by talking in my sleep about creating rollovers, etc.), but I’m still glad for it. I don’t feel able to say much more than that right now, not only because of time constraints (must fold laundry, do dishes, clean the bathroom, make a lunch, and get myself ready for school in the next 75 minutes!), but suffice it to say that I’m tremendously excited about the concept of Web 2.0, and how increasingly tactile and communicative technology is becoming. I want to be a participant, not just a spectator, y’know?

This site is one interesting example.

It can be intimidating at times, though, because the more I learn, the more I realize that there’s so much I do not know. I must remind myself of the importance of Beginner’s Mind.

Arrrg! Not enough time…and speaking of not enough time, I’m still reading Carl Honoré’s In Praise of Slow, in quick gulps during my ridiculously short 30-minute lunchbreaks. No time to read on the commute – too crowded and too brief. I want Slow! I’m feelin’ it, baby. Feelin’ it!

Also, I just started reading some short stories from Alice Munro’s Too Much Happiness. I needed a break from thinking about coding, and I also wanted to take a bit of a break from non-fiction. Oh, Alice Munro…I think I’ve just joined the legions of the devoted. Her voice is so clear and descriptive, the dialogue entirely believable, and her ability to suggest and reveal hidden layers in scenarios and characters is uncanny, gripping, and somehow profoundly comforting.

6:03 am! An hour and 15 minutes to clean the bathroom, do the dishes, make lunch, and get myself ready. My mother and sister are coming in by train from Toronto today, and I’ll be rushing downtown to meet them right after school. Thankfully, Leah and Daniel have the day off today, so I don’t have to get them out the door or set up with homework after school…but God only knows in what state the apartment will be in by the time I come in the door (sometime ’round dinnertime) with my mother and sister. *sigh*

Embrace the bizarre!

Suoritan HY:ssä mediakasvatuksen perusopintoja hitaalla tahdilla (aloitin jo viime syksynä), ja vielä on jäljellä 2 kurssia. Tällä viikolla aloitin tieto- ja viestintäverkkojen käytön kurssin, jonka kuluessa pitäisi tehdä jokin pedagoginen tai viestinnällinen kokonaisuus/sivusto webbieditorilla.

 Tutustuimme tänään vähän Dreamweaveriin mutta aika pinnallisesti – ensi kerralla jatketaan. Sen sijasta voi kyllä käyttää jotain muutakin editoria. Tammikuussa odotetaan valmista, joten joulunseutu taitaa mennä rattoisasti tuon pedagogisen sovelluksen parissa… No, itsehän sitä näitä haasteita on ollut hakemassa, joten kauniisti vaan lusikka käteen!

This week at KBIA, my project partner Hayley Kaplan and I have almost completed our in-depth roadkill piece.  After making approximately twenty calls, we have finally got representatives from a collision center, State Farm, a person from the city of Columbia who knew about roadkill removal, and a woman from Rock Bridge State Park.  We are still waiting on a call back from MODOT and from a Deer Biologist with the Conservation Department.  This story has taken a lot more time and effort than I had originally planned.  There are a lot of angles to cover and we are working on narrowing it down to one main idea – deer collisions with vehicles in this very timely setting.

I also got to learn the basic of web production.  After watching Sara Wittmeyer teach me the basics of organizing the website with Dreamweaver, Real Producer, and Photoshop.  There were a lot of bases to cover in our brief session, but a lot of this information I have covered before.  It was deja vu for me – a lot of this information I learned in 4802.  I am very excited to get working on the website, and even more excited for the new website next semester when I will work at KBIA as a new media producer for an independent study.  I also spent a lot of time practicing and observing Katie Dohse this week.  I think I am finally read to do this!

Los profesionales de la comunicación de la isla de Tenerife podrán aprovechar la ocasión de recibir el curso de Periodismo digital que se ha estado impartiendo, durante estas semanas, en Las Palmas de Gran Canaria.

Esta mañana, la Unión de Profesionales de la Comunicación de Canarias (UPCC) ha abierto el plazo de inscripción para las 25 primeras personas interesadas en el proyecto.

El programa del curso es el siguiente:

SÁBADO 21 DE NOVIEMBRE:

Bloque I – Redactor web y la imagen digital

10.00-14.00h. – Gestión de Contenidos digitales: Conceptos de la gestión de contenidos digitales, estructura de los contenidos, escribir para la web y marco legal del periodismo digital. (4 horas) (con dos horas para comer).

16.00-20.00h. – La imagen y su importancia en la web: conceptos básicos sobre el uso de la imagen en periódicos online. (4 horas)

SÁBADO 28 DE NOVIEMBRE:

Bloque II – Diseño y lenguajes

12.00-14.00h. – Curso básico de Photoshop: Tratamiento y uso de la imagen digital para la web. (4 horas)

16.00-20.00h. – HTML y Dreamweaver: Manejo básico (4 horas)

SÁBADO 12 DE NOVIEMBRE:

Bloque III – Usabilidad y redacción multimedia

10.00-14.00h. – Usabilidad web: Análisis de la usabilidad, arquitectura de la información online, diseño web y accesibilidad. (4 horas)

16.00-20.00h. – Redacción multimedia: edición de audio y video (4h.).

SÁBADO 19 DE DICIEMBRE:

Bloque IV – Flash

10.00-14.00h. – Introducción al Flash: Primeros pasos para la creación de imágenes Flash. (4 horas)

16.00-20.00h – Flash aplicado al periodismo: Creación de gráficos, infografías, diagramas e imágenes animadas para la web. (4 horas)

Para inscribirse deben mandar esta solicitud a formacion@upccanarias.com

Hola, este post es para los que utilizan la tecnología “flash” para crear sus sitios web, hay un sitio que se llama: “flashmo.com” que tiene infinidad de plantillas flash (gratuitas) listas para personalizar y publicarlas en la red, las pueden aplicar a sus proyectos libremente, también tienen una variedad de plantillas “CSS” listas para bajarlas y son todas (gratuitas).

Es importante comentarles que las plantillas “flash” están elaboradas en la versión “CS3” de “Macromedia Flahs”, eso quiere decir que necesitan tener esta versión instalada o la última que es la “CS4”, pero yo creo que todos los que trabajan con estos programas, seguro tienen las ultimas versiones de “flash”. Las plantillas “CSS” son muy atractivas y sencillas porque como ustedes saben, están escritas en código solo necesitan un editor para “HTML” o los que son mas expertos en el tema solo tendrán que echar mano de un simple editor de textos como el Notepad o Wordpad.

Aquí les dejo el enlace para que vean su galería y bajen las que mas les guste.

flahsmo.com

Nu är jag äntligen tillbaka och bloggar. Förra veckan var jag bra hängig tack vare en förkylning, men den är på väg bort nu. Skönt! Det hände dock lite grejer förra veckan som jag ska ta och skriva om.

I onsdags ringde hon som jag praktiserade hos i somras och sa att det var något konstigt med hennes webbsida som jag gjorde åt henne. Jag gick in för att kolla detta och då hade Google stoppat trafiken till hennes sida och skrivit att webbplatsen du vill besöka kan skada din dator. Jag började kolla upp detta och laddade hem alla filer till min dator och öppnade upp dem i dreamweaver. Jag behövde inte leta länge förrän jag hittade den skadliga koden i html och javascriptsfilerna. Det hade även lagts in en php-fil som man inte kunde ta bort. Det visade sig att någon/några jävla idioter har hackat och kapat sidan. Det hjälpte inte att jag laddade upp sidan igen utan den skadliga koden, för efter ett par timmar var skiten tillbaka igen. Så fort man går in på hennes webbsida ser man hur statusen laddar vidare till en annan webbsida. Jag läste på om detta via en webbsida som Google länkar till StopBadware.org. Idioterna som ha kapat sidan har tydligen öppnat en bakdörr på webbhotellet som hon har sin webbsida på och styr sidan via en server någonstans i Ryssland eller Asien. Det scriptet som idioterna har lagt in kan vara så illa att det lägger sig på datorn och loggar lösen och inloggningsuppgifter för att sedan skicka vidare.

Jag ringde upp henne och förklarade vad hon skulle göra. Idag fick jag svar från henne och hennes webbhotell har rensat hennes utrymme, gett henne nytt lösen och förhoppningsvis stängt alla bakdörrar. Det jag gjorde efter att jag laddat upp hennes sida på nytt var att logga in på Google och verktyg för webbansvariga. Dör skickade jag in en begäran att de ska granska hennes sida på nytt för att se att allt står rätt till nu och att de kan häva blockeringen. Men än har Google inte hävt den och runt 18-tiden idag laddade jag hem hennes webbsida igen för att kolla koden och då såg den ut som vanligt. Nu är det bara att hålla tummarna för att detta förbannade problem är löst.

***************

I fredags fick jag svar på jobbet som jag sökt och gjort en presentation för. Det var negativt. Svaret jag fick var att just nu har de inget behöv av mina tjänster, men om det dyker upp något i framtiden kommer de höra av sig. Så kan det gå. Nu är det bara att leta vidare. Nu på onsdag ska jag iväg och träffa min kontaktperson på arbetsförmedlingen och diskutera min situation. Det är så att jag kollade med henne som jag praktiserade hos i somras om hon ville ta emot mig igen. Hon kan tänka sig att låta mig praktisera hos henne i fyra veckor och detta ska jag ta upp med arbetsförmedlingen. Jag ska även kolla med AF om deras starta eget kurs då jag har börjat tänka i de banorna nu när det är så förbannat svårt att hitta ett jobb. Det är bara att köra.

***************

Nu börjar silly-season ta lite fart inför att transferfönstret öppnas i januari. Det ryktas om att den turkiska storklubben Galatasaray vill köpa Iván Óbolo från AIK. Om det ligger något i detta får man nog veta inom en snar framtid. Just nu är AIK:s mästartränare Micke Stahre och AIK:s sportchef Björn Wesström i Brasilien och scoutar spelare. Om de nu skulle hitta någon spelare där blir det inget köp nu då de bara är där för att titta på några namn som verkar intressanta, och om någon spelare visar sig vara av intresse blir det förmodligen en resa till för Micke och Björn.

När det gäller andra spelare som är på väg bort från Gnaget sägs det att AIK:s succémålvakt Daniel Örlund är klar för den norska klubben Rosenborg och att AIK:s högerback Markus Jonsson kan vara på väg bort till den norska klubben Molde. När det gäller Örlund tror jag att han har spelat sin sista match för AIK, men när det gäller Jonsson får man ha lite is i magen om nu ryktena stämmer.

DUBBLA MÄSTARNA ÄR HÄR – AIK!!!

Det var allt för idag.

Adios!

Below, is a list of the most common HTML form controls and the corresponding description.

Button

A button is normally found at the end of a form to either submit the completed form, or to reset all the fields within the forms. Another use of a button, can be to allow the end user to navigate around your site, whether it takes on the style of you operating system or not.

Text Field

A text field is a long thin area which allows the website visitor to input certain criteria, the most common findings of Text Fields are within forms, login forms, registration forms, mailing lists and searches. Text boxes can also be customized to check for a valid email address.

Text Area

A text area is a slightly larger version of a Text Field, with the ability to customize the height of the area, and sometimes the font size and format.

Password Field

A password field is similar to a Text Field, size wise, however when the visitor types criteria into the box, a black dot (e.g. •) will appear, this type of field is most common within login forms.

Radio Boxes

A radio group contains many radio boxes, which allows only one of the boxes to be selected, ideal for use within questionnaires.

Check Boxes

Check boxes are similar to Radio Buttons, as they do appear in groups, but more than one can be selected.

Upload Field

An upload field allows the user to upload a file to be submitted alongside with the form.

This gave you a basic overview of some of the most commonly used form objects.

1.)CREAR UNA CARPETA CON LAS IMAGENES QUE APARECERAN EN EL ALBUM
2.)CREAR UNA CARPETA DENTRO DEL SITIO, LLAMADA “DESTINO”, EN DONDE SE ALMACENARAN LAS IMAGENES, DESPUES DE CREADO EL ALBUM
3.)CLIC AL MENU: COMANDOS // CREAR ALBUM DE FOTOS WEB
4.)EN LA VENTANA:
- COLOCAR EL TITULO DE LA PAGINA
- ABRIR Y SELECCIONAR LA CARPETA DE ORIGEN
- ABRIR Y SELECCIONAR LA CARPETA DE DESTINO
- MODIFICAR EL TAMAÑO DE LAS MINIATURAS O LA CALIDAD DE LAS IMAGENES (OPCIONAL)
- CLIC AL BOTON: [ACEPTAR]

Video di bawah menerangkan basic membuat design menggunakan photoshop. Amat sesuai bagi beginner.

The process of coding a brand new website is well it’s way.  Each page comes together faster the one before as I become more skilled with the web design programs and create more of my own sample code to draw from. It’s like developing a repertoire of pieces of code for various site elements.

Also I am witching my domain name off my current hosting service and onto a new server which will host it. A file sharing interface allows me to upload site files such as html code files and images to the new server remotely, but I have not started this process yet and the site is still in the early stages of development. In a related project I will be installed a new, much larger hard drive which will run a modern Linux with a mac os x interface. The theory here is to slowly convert my home laptop into a desktop one component at a time starting with the hard drive. Once I get my new netbook set up there will be no point in having a home laptop.