[et_pb_section fb_built=»1″ _builder_version=»3.27.4″][et_pb_row column_structure=»2_3,1_3″ _builder_version=»3.27.4″][et_pb_column type=»2_3″ _builder_version=»3.27.4″][et_pb_text _builder_version=»3.29.2″]Ahora que conocemos un poco cómo es el funcionamiento de las páginas web en general, ya hemos descubierto la necesidad de conocer unos mínimos sobre HTML y CSS (la base sobre la que se sustenta cualquier página web).
A pesar de la complejidad que apreciaremos al principio, con unas pequeñas bases comprenderemos el código y nos permitirá ser mucho más versátiles en acciones futuras, tanto de personalización como para tomar medidas de mejora del SEO de nuestra página web.[/et_pb_text][/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.27.4″][et_pb_team_member name=»Alejandro Gil Mialdea» image_url=»https://wanatopacademy.es/wp-content/uploads/2019/03/alejandro-gil.jpg» twitter_url=»https://twitter.com/agmialdea/» linkedin_url=»https://linkedin.com/in/agmialdea» admin_label=»Alejandro Gil Mialdea» module_class=»profe» _builder_version=»4.0.5″ header_font=»|||on|||||» header_text_align=»center» header_font_size=»14px» header_line_height=»1.2em» body_font_size=»13px» body_line_height=»1.4em» background_color=»#ffffff» text_orientation=»center» custom_padding=»1em|1.2em|1em|1.2em|true|true» child_filter_saturate=»0%» child_filter_brightness=»98%» child_filter_contrast=»98%» custom_css_main_element=»margin-left: auto;||margin-right: auto;» custom_css_member_image=»margin-bottom: 1.65em;||text-align: center;||display: block;||margin-right: 0;||max-width: 100%;» border_radii_image=»on|50%|50%|50%|50%» box_shadow_style=»preset2″ box_shadow_horizontal=»0px» box_shadow_vertical=»0px» box_shadow_blur=»60px» box_shadow_color=»rgba(71,74,182,0.12)» global_module=»1671″ saved_tabs=»all»]
Diseñador y desarrollador web, especialista en WordPress. Organizador y mentor para eventos WordCamp
[/et_pb_team_member][/et_pb_column][/et_pb_row][et_pb_row column_structure=»1_2,1_2″ _builder_version=»3.29.3″][et_pb_column type=»1_2″ _builder_version=»3.29.3″][et_pb_text _builder_version=»3.27.4″ text_font=»|600||on|||||» text_text_color=»#cc5942″ custom_margin=»2.5em||1em||false|false» locked=»off»]Diapositivas de la clase[/et_pb_text][et_pb_code disabled_on=»off|off|off» _builder_version=»3.29.2″]
[/et_pb_code][et_pb_text _builder_version=»3.29.2″ text_font=»|600||on|||||» text_text_color=»#cc5942″ custom_margin=»4.5em||2em||false|false» locked=»off»]Ejercicios de la clase[/et_pb_text][et_pb_blurb title=»Códigos de ejemplo» url=»https://drive.google.com/file/d/1l16BtygZzZ1aQblpfmuT-GkgZBuSR16W/view?usp=sharing» url_new_window=»on» use_icon=»on» font_icon=»%%65%%» icon_placement=»left» content_max_width=»100%» _builder_version=»4.0.5″]Varios ejemplos de código construidos exclusivamente en HTML y CSS.[/et_pb_blurb][et_pb_text _builder_version=»4.0.7″ text_font=»|600||on|||||» text_text_color=»#cc5942″ custom_margin=»4.5em||2em||false|false» hover_enabled=»0″ locked=»off»]Software recomendado[/et_pb_text][et_pb_blurb title=»Firefox Developer» url=»https://www.mozilla.org/es-ES/firefox/developer/» url_new_window=»on» use_icon=»on» font_icon=»%%78%%» icon_placement=»left» content_max_width=»100%» _builder_version=»4.0.7″ hover_enabled=»0″ locked=»off»]Edición «Developer» del navegador Firefox, pensado para el desarrollo web. Tiene un potente inspector de código.[/et_pb_blurb][et_pb_blurb title=»Sublime Text» url=»https://www.sublimetext.com/» url_new_window=»on» use_icon=»on» font_icon=»%%78%%» icon_placement=»left» content_max_width=»100%» _builder_version=»4.0.7″ hover_enabled=»0″ locked=»off»]Editor de texto avanzado enfocado al desarrollo de código.[/et_pb_blurb][et_pb_blurb title=»Instant Eyedropper» url=»http://instant-eyedropper.com/» url_new_window=»on» use_icon=»on» font_icon=»%%78%%» icon_placement=»left» content_max_width=»100%» _builder_version=»4.0.7″ hover_enabled=»0″ locked=»off»]Aplicación sencilla que permite seleccionar y copiar un color situado en cualquier zona de la pantalla para utilizar en la web.[/et_pb_blurb][/et_pb_column][et_pb_column type=»1_2″ _builder_version=»3.29.3″][et_pb_text _builder_version=»3.29.3″ text_font=»|600||on|||||» text_text_color=»#cc5942″ custom_margin=»2.5em||1em||false|false» locked=»off»]Vídeo de la clase[/et_pb_text][et_pb_video src=»https://player.vimeo.com/video/366704172″ _builder_version=»3.29.3″ locked=»off»][/et_pb_video][/et_pb_column][/et_pb_row][/et_pb_section]