[vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] Índex de la quarta sessió: Primer encàrrec: Lliurament de la maquetació HTML I CSS de la home del projecte final. L’etiqueta DIV Model de caixes. ...
[vc_row row_type="row" use_row_as_full_screen_section="no" type="full_width" text_align="left" background_image_as_reattern="without_pattern" background_color="#eeee22"][vc_column width="1/1"][vc_column_text] I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. [/vc_column_text][/vc_column][/vc_row]...
Fer una recerca dels següents grups d'etiquetes HTML: <p> <span> <br> <strong> <img> <figure> <audio> <video> <nav> <ol> <ul> <li> <a> <header> <footer> <div> <article> <section> <!DOCTYPE html><html><head><title><link> <meta<, <script<, <style< Les preguntes a respondre podrien ser del...
A les sessions anteriors hem vist com muntar un lloc web amb HTML i CSS, però, com el puc tenir publicat a internet per a que qualsevol el pugui veure? Per publicar un site a internet hem de fer una sèrie de passos i per a...
Evolució web El disseny web és una activitat que consisteix en la planificació, disseny i implementació de llocs web i pàgines web. No és simplement una aplicació del disseny convencional, ja que requereix tenir en compte qüestions com ara: Navegabilitat: facilitat per a fer un seguiment dels...
[vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] Índex L’etiqueta DIV Model de caixes. Posicionament CSS amb la propietat Float. Disseny de menús de navegació. Primer treball: Maquetació HTML i CSS de la home del projecte final. Tutories del projecte. [vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] En les sessions anteriors hem après construïr i estructurar...
Es difícil trobar un esquema senzill de com fer un disseny responsiu. Aquesta entrada serà una guía esquemàtica dels pasos a fer per tenir un disseny flexible segons el llibre "Responsive Web Design" d'Ethan Marcotte. Tipografia Quan indiquem: body { font: normal 100% Helvetica, Arial, sans-serif; } Li diem...
[vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] Índex L’etiqueta DIV L'atribut id L'atribut class HTML5: Elements semàntics per estructurar el document CSS: Tipus d’estils, sintaxis i propietats. Pràctica: Maquetació HTML del layout i continguts de la home del projecte final. Recerca propietats CSS [vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] Etiqueta DIV Una estiqueta...
Disseny i Maquetació d'un microsite per la revista Wallpaper amb la finalitat de presentar un objecte des de la visió de disseny. Activitat Preparació i optimització del material per a web: textos i il·lustracions (logotip de la marca, dibuixos del manual d’ús, renders 3D de l’objecte,...
[vc_separator type='full_width' position='center' color='#d9d9d9' thickness='' up='' down=''] Índex de la segona sessió: Introducció al software, Dreamweaver Creació d’un site. Rutes relatives i absolutes. Etiquetes HTML. Optimització de material per a web. Presentació dels Wireframes del projecte final. Pràctica: Inici del projecte web, dissenyar gràficament el site del projecte final Recerca de grups d'etiquetes HTML [vc_separator...