Jen Kramer, la autor del texto, de algunas pistas interesantes que invitan a la reflexi\u00f3n:<\/p>\n
\n- Es importante que los profesores m\u00e1s experimentados que hacen de su actividad docente el centro del trabajo tengan contacto con sus ayudantes m\u00e1s j\u00f3venes que est\u00e1n haciendo sitios web profesionalmente para conocer las demandas y necesidades del sector. Pero tambi\u00e9n es bueno que los m\u00e1s j\u00f3venes puedan aprender las herramientas y estrategias de ense\u00f1anza de los profesores con trayectoria porque muchas veces \u00absaben hacer\u00bb pero no \u00absaben transmitir\u00bb. <\/li>\n
- El primer paso para crear un sitio web debe centrarse en una herramienta gr\u00e1fica -Photoshop o Fireworks, por ejemplo- para crear una primera versi\u00f3n del sitio web. Este permite a los estudiantes r\u00e1pidamente trasladar el sitio que tienen en su mente a un plano visual sin necesidad de verse frustrados intentando hacer que el c\u00f3digo funcione.<\/li>\n
- Una vez que hecho el primer boceto del sitio web, es hora de pensar en c\u00f3mo se ver\u00e1 ese mismo sitio en otras resoluciones y dispositivos \u00bfC\u00f3mo se ver\u00e1 esa p\u00e1gina en un monitor mayor a 1200 pixeles de ancho? \u00bfQu\u00e9 pasa con el sitio en una tablet o m\u00f3vil? \u00bfQu\u00e9 ocurre cuando se manejan los controles del sitio de forma t\u00e1ctil? Nuevamente, es importante comenzar a resolver estas preguntas de forma visual para que los estudiantes puedan centrarse en los principios del dise\u00f1o como la composici\u00f3n y la experiencia de usuario.<\/li>\n
- Reci\u00e9n una vez afianzado este punto, conviene comenzar a ver c\u00f3digo HTML y CSS para aprender las diferencias entre una etiqueta y su modo de presentaci\u00f3n. Siempre resulta mejor comenzar con una p\u00e1gina web completamente desde cero y aprender algunas cuestiones b\u00e1sicas sobre layout o posicionamiento. La compatibilidad con los diferentes navegadores se va aprendiendo sobre la marcha. En este punto hay que insistir sobre ciertos temas: HTML5, CSS3, trabajar con grillas y ense\u00f1ar a codificar una cuadr\u00edcula. En los inicios, el dise\u00f1o web adaptativo ser\u00e1 una lectura breve sin detenerse en detalles. Los problemas de compatibilidad con navegadores se ir\u00e1n descubriendo pero siempre hay que tomar una navegador (Chrome o Firefox) de base para comenzar el proceso. Preprocesadores de CSS y frameworks tambi\u00e9n pueden ser \u00fatiles si alcanza el tiempo.<\/li>\n
- Por \u00faltimo, hay una serie de principios generales que se cubren de forma indirecta pero es importante que los alumnos comprendan: la filosof\u00eda del c\u00f3digo abierto, creaci\u00f3n de su portfolio, conocer y modificar c\u00f3digo escrito por otros, identificar tendencias y aprender a mantener sus conocimientos actualizados. <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
\u00bfQu\u00e9 debe saber un dise\u00f1ador web? Siempre me hago esta pregunta y he escrito alg\u00fan post a respecto. Ahora acabo de ver un excelente art\u00edculo con el t\u00edtulo \u00abTeaching Web Design To New Students In Higher Education\u00bb que busca responder a la misma pregunta: \u00bfQu\u00e9 cosas debe saber un dise\u00f1ador web hoy en d\u00eda? \u00bfQu\u00e9 contenidos son … <\/p>\n
Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":5426,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[21,56],"tags":[],"class_list":["post-5423","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blog","category-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2013\/08\/ensenar-diseno-web-th.jpg","featured_image_src_square":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2013\/08\/ensenar-diseno-web-th.jpg","author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/5423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5423"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/5423\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/media\/5426"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"ensenar-diseno-web\"](\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2013\/08\/ensenar-diseno-web.jpg\")
<\/p>\n