where can i get a free books  in pdf format or web links for more illustrations about this course so that i can use it as my references ??????

Mr. Mathieu

I'd like to thank you for all your efforts,this amazing course was very useful for me and other members because it summaries mostly all HTML and CSS main ideas 

Thanks you very much

Hello there,

I have a quick question on the line below:

src: url('FFF_Tusj-webfont.eot?iefix') format('eot'),

What does iefix mean exactly ? I'm afraid I don't really understand !

Thanks

hello I want  to ask how to do animation in HTML & CSS ?

-
Edité par MrinalAhirwal 31 décembre 2016 à 8:40:53

MohammedOubadi a écrit:

Hello guys,I'm a Moroccan I've just joined the courses recently and I've completed the first chapter of the HTML&CSS course but I wanna know how to make a link to my page so that everyone  could  see it from a real link that starts with http:// and not File/// could you guys please help me ?

Hi Mohammed
Try CodePen. It's a great tool to get feedback.

Hope this helps 

-
Edité par ElleMwa 26 décembre 2016 à 20:29:30

Hello

Great class and enjoying it! I have a question related to the content... Is it posible to download it? like that i can print the cours and have it with me.

Thank you a lot!

                    Cecilia

-
Edité par SilviKõu 15 juin 2017 à 18:46:16

Hi everyone!

It seems the link for the html5shiv on the google website is not available. if you really need this file for compatibility with IE you can download it from https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js and save it to your project.

Hi,

thank you for  your hard work and I have learned many things in this course.

there is only one problem i have finished all the tasks,but I have failled the test: Create a Responsible CV Activity.

so i want to know what to do to get the course completed?

and thank you

Hi.

I'm doing the custom font with @font-face in CSS. However, I couldn't find the font kit to download as mentioned on the page. However I downloaded free font kit from other source but when I tried to put it in CSS file and tested it then it didn't work. I don't know what I did wrong. Really need your advice. Thanks. 

@font-face
{ font-family: 'LaViola';
  src:	url('LaViola/LaViola.otf') format('otf'),
		url('LaViola/LaViola.ttf') format('ttf');
}

h1
{
font-family: 'LaViola';
}

Bonjour, j'ai une question ... si je ne réussis pas un examen ... je n'ai pas le droit à mon certificat?

Bonsoir,

Je bloque sur l'exercice Mise en page en CSS.

La question est : Affichez les paragraphes en justifié, sur 80% de largeur et centrez leurs blocs sur la page.

Il y a toujours le message suivant que je ne comprends pas:

/usr/local/lib/python3.5/dist-packages/selenium/webdriver/phantomjs/webdriver.py:49: UserWarning: Selenium support for PhantomJS has been deprecated, please use headless versions of Chrome or Firefox instead warnings.warn('Selenium support for PhantomJS has been deprecated, please use headless ' Traceback (most recent call last): File "codevolve-test-32c26759.py", line 9, in <module> assert(title.value_of_css_property("text-align") == "justify") AssertionError

from selenium import webdriver driver = webdriver.PhantomJS() driver.get('{{localhost}}/index.html') driver.implicitly_wait(1) title = driver.find_element_by_tag_name('p') assert(title.value_of_css_property("text-align") == "justify") assert("307" in title.value_of_css_property("width")) assert("0px 38" in title.value_of_css_property("margin")) driver.close()

Qu'est-ce que ça veut dire ?

J'aimerai bien avancer, merci.

salut ca va ?

so tu peut m'aide de m'explime en francais? mr6 d'avance

Salut,

Qu'est-ce que tu veux que je t'explique ?

Hello,

I have a problem with my css file- it doesn't work and I cannot find where is the problem. I made my cv in html and the only problem there is that doesn't show the picture of me, but when I click on it it's fine. Before I start my css code to I need to add something in the html too. I would appreciate your help.

Thank you

hola chicos 

tengo un problema y estoy frustrado por esto.

Acabé de hacer el Cv en html pero parece que puedo ver las fotos(normal y miniatura) solo yo.

Intente enviarla a otro ordinador y parece no funcionar los enlaces.

estoy completamente deprimido por esto.

dejo el codigo con screenshoot. Espero Alguien puedes ayudarme.

en mi ordenador aparece asi:

y pinchando la foto miniatura, se abre y se ves normal y grande.

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<title>cvFedericoRossi</title>
	</head>

	<body>
<p>
	<h1>Federico Rossi</h1> <a href="img/foto_profilo_cv.jpg"><img src="img/foto_profilo_cv_miniatura.jpg" alt="Federico Rossi" title="Clic para ampliar" /></a>
</p>
<h4>---Semplice no è nulla, se non ti metti in gioco---</h4>

<a href="https://openclassrooms.com/en/courses/3339201-aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/3340308-imagenes">Volver al curso</a>

<p>Federico Rossi <em>“Freddy"</em>nací en Pescara, ITA en 1987. Hasta el año 2015, trabajé en el sector de la restauración. He tenido la posibilidad de viajar y entender lo demás y estoy siempre disponible a meterme en juego.</p><br />

<ol>
	<li><h2>Mi experiencia</h2></li><br />
		<ul>
			<li><p><h4>2018 - actual<h4></li></p>

				<p>-Autonomo-</p>
				<p>Repartidor de mensajería con Glovo y Deliveroo
				<strong>PALMA</strong></p>

			<li><p><h4>2017 - 2018</h4></li></p>
		
				<p>-Vendedor-</p>
				<p>Atención al cliente,venta,soporte almacén con ZeaRetail S.L.<strong>PALMA</strong></p>

			<li><p><h4>2009 - 2010</h4></li></p>

				<p>-Responsable de Tienda-</p>
				<p>Coordinador y vendedor, atención al cliente con GB Sportelli S.R.L.
				<strong>MILAN</strong></p>

			<li><p><h4>2007 - 2008</h4></li></p>
				<p>-Jefe Restaurante-
				<p>Organizador de los horarios de los empleados, atención al cliente, venta con Irossi S.R.L.
				<strong>PESCARA</strong></p>
		</ul>
	<li><h2>Mis habilidades</h2></li><br />
		<ul>
			<li>Precision y autonomia</li>
			<li>Creatividad</li>
			<li>Compañerismo y colaboración</li>
		</ul>
	<li><h2>Mi educación</h2></li>
		<ul>
			<li><p><h4>2018 - 2019</h4></p></li>
				<p>EOI Curso oficial presencial de Inglés A2 
				<strong>Palma</strong>

			<li><p><h4>2010 - 2011</h4></p></li>
			<p>FP en Sector Energia Técnico en Eficiencia Energética y Energía Solar Térmica <strong>Pescara (Italia)</strong></p>

			<li><p><h4>2000 - 2005</h4></p></li>
			<p>FP de Hostelería “F.De Cecco” Técnico en Servicios de Restaurante y Bar <strong>Pescara (Italia)</strong></p>

<!--Vale lo ententé y espero sea salido bien -->
<br />









	</body>
</html>

GRACIAS ANTEMANO A TODOS

FedericoRossi a écrit:

hola chicos 

tengo un problema y estoy frustrado por esto.

Acabé de hacer el Cv en html pero parece que puedo ver las fotos(normal y miniatura) solo yo.

Intente enviarla a otro ordinador y parece no funcionar los enlaces.

estoy completamente deprimido por esto.

dejo el codigo con screenshoot. Espero Alguien puedes ayudarme.

en mi ordenador aparece asi:

y pinchando la foto miniatura, se abre y se ves normal y grande.

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<title>cvFedericoRossi</title>
	</head>

	<body>
<p>
	<h1>Federico Rossi</h1> <a href="img/foto_profilo_cv.jpg"><img src="img/foto_profilo_cv_miniatura.jpg" alt="Federico Rossi" title="Clic para ampliar" /></a>
</p>
<h4>---Semplice no è nulla, se non ti metti in gioco---</h4>

<a href="https://openclassrooms.com/en/courses/3339201-aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/3340308-imagenes">Volver al curso</a>

<p>Federico Rossi <em>“Freddy"</em>nací en Pescara, ITA en 1987. Hasta el año 2015, trabajé en el sector de la restauración. He tenido la posibilidad de viajar y entender lo demás y estoy siempre disponible a meterme en juego.</p><br />

<ol>
	<li><h2>Mi experiencia</h2></li><br />
		<ul>
			<li><p><h4>2018 - actual<h4></li></p>

				<p>-Autonomo-</p>
				<p>Repartidor de mensajería con Glovo y Deliveroo
				<strong>PALMA</strong></p>

			<li><p><h4>2017 - 2018</h4></li></p>
		
				<p>-Vendedor-</p>
				<p>Atención al cliente,venta,soporte almacén con ZeaRetail S.L.<strong>PALMA</strong></p>

			<li><p><h4>2009 - 2010</h4></li></p>

				<p>-Responsable de Tienda-</p>
				<p>Coordinador y vendedor, atención al cliente con GB Sportelli S.R.L.
				<strong>MILAN</strong></p>

			<li><p><h4>2007 - 2008</h4></li></p>
				<p>-Jefe Restaurante-
				<p>Organizador de los horarios de los empleados, atención al cliente, venta con Irossi S.R.L.
				<strong>PESCARA</strong></p>
		</ul>
	<li><h2>Mis habilidades</h2></li><br />
		<ul>
			<li>Precision y autonomia</li>
			<li>Creatividad</li>
			<li>Compañerismo y colaboración</li>
		</ul>
	<li><h2>Mi educación</h2></li>
		<ul>
			<li><p><h4>2018 - 2019</h4></p></li>
				<p>EOI Curso oficial presencial de Inglés A2 
				<strong>Palma</strong>

			<li><p><h4>2010 - 2011</h4></p></li>
			<p>FP en Sector Energia Técnico en Eficiencia Energética y Energía Solar Térmica <strong>Pescara (Italia)</strong></p>

			<li><p><h4>2000 - 2005</h4></p></li>
			<p>FP de Hostelería “F.De Cecco” Técnico en Servicios de Restaurante y Bar <strong>Pescara (Italia)</strong></p>

<!--Vale lo ententé y espero sea salido bien -->
<br />









	</body>
</html>

GRACIAS ANTEMANO A TODOS

Sabees lo que pasò?

IreneGonzalez a écrit:

FedericoRossi a écrit:

hola chicos 

tengo un problema y estoy frustrado por esto.

Acabé de hacer el Cv en html pero parece que puedo ver las fotos(normal y miniatura) solo yo.

Intente enviarla a otro ordinador y parece no funcionar los enlaces.

estoy completamente deprimido por esto.

dejo el codigo con screenshoot. Espero Alguien puedes ayudarme.

en mi ordenador aparece asi:

y pinchando la foto miniatura, se abre y se ves normal y grande.

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<title>cvFedericoRossi</title>
	</head>

	<body>
<p>
	<h1>Federico Rossi</h1> <a href="img/foto_profilo_cv.jpg"><img src="img/foto_profilo_cv_miniatura.jpg" alt="Federico Rossi" title="Clic para ampliar" /></a>
</p>
<h4>---Semplice no è nulla, se non ti metti in gioco---</h4>

<a href="https://openclassrooms.com/en/courses/3339201-aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/3340308-imagenes">Volver al curso</a>

<p>Federico Rossi <em>“Freddy"</em>nací en Pescara, ITA en 1987. Hasta el año 2015, trabajé en el sector de la restauración. He tenido la posibilidad de viajar y entender lo demás y estoy siempre disponible a meterme en juego.</p><br />

<ol>
	<li><h2>Mi experiencia</h2></li><br />
		<ul>
			<li><p><h4>2018 - actual<h4></li></p>

				<p>-Autonomo-</p>
				<p>Repartidor de mensajería con Glovo y Deliveroo
				<strong>PALMA</strong></p>

			<li><p><h4>2017 - 2018</h4></li></p>
		
				<p>-Vendedor-</p>
				<p>Atención al cliente,venta,soporte almacén con ZeaRetail S.L.<strong>PALMA</strong></p>

			<li><p><h4>2009 - 2010</h4></li></p>

				<p>-Responsable de Tienda-</p>
				<p>Coordinador y vendedor, atención al cliente con GB Sportelli S.R.L.
				<strong>MILAN</strong></p>

			<li><p><h4>2007 - 2008</h4></li></p>
				<p>-Jefe Restaurante-
				<p>Organizador de los horarios de los empleados, atención al cliente, venta con Irossi S.R.L.
				<strong>PESCARA</strong></p>
		</ul>
	<li><h2>Mis habilidades</h2></li><br />
		<ul>
			<li>Precision y autonomia</li>
			<li>Creatividad</li>
			<li>Compañerismo y colaboración</li>
		</ul>
	<li><h2>Mi educación</h2></li>
		<ul>
			<li><p><h4>2018 - 2019</h4></p></li>
				<p>EOI Curso oficial presencial de Inglés A2 
				<strong>Palma</strong>

			<li><p><h4>2010 - 2011</h4></p></li>
			<p>FP en Sector Energia Técnico en Eficiencia Energética y Energía Solar Térmica <strong>Pescara (Italia)</strong></p>

			<li><p><h4>2000 - 2005</h4></p></li>
			<p>FP de Hostelería “F.De Cecco” Técnico en Servicios de Restaurante y Bar <strong>Pescara (Italia)</strong></p>

<!--Vale lo ententé y espero sea salido bien -->
<br />









	</body>
</html>

GRACIAS ANTEMANO A TODOS

RaulMartin1 a écrit:

Bonjour, j'ai une question ... si je ne réussis pas un examen ... je n'ai pas le droit à mon certificat?

Saludos a todos!

En la segunda parte del curso (Part #2 - Los placeres de dar formato con CSS) en la sección dos (Dar formato al texto), a manera de ejemplo, te indica que puedes descargar la fuente Learning Curve Pro y seleccionar @font-face Kit. Al parecer, este enlace ya no está disponible.

Sin embargo, la misma pagina te ofrece una herramienta para crear tus propias WebFonts. Necesarias para el desarrollo de la pagina que estamos creando en el curso.

Descargan la fuente desde aquí: https://fonts2u.com/learningcurvepro.font y la extraen (LearningCurve_OT.otf).

Abren este enlace: https://www.fontsquirrel.com/tools/webfont-generator pinchan en UPLOADS FONTS y seleccionan la fuente que descargaron. Seleccionan EXPERT... y tildan todos los Font Formats: tal como se muestra la imagen:

En la parte inferior de la página, tildan el Agreement: y le aparecerá el botón DOWNLOAD YOUR KIT, descargan el archivo y ya tienen todas las fuentes necesarias para realizar el ejercicio (incluido el archivo stylesheet.css con el @font-face generado).

Espero les sirva!

-
Edité par Reinaldo Moreno 1 septembre 2019 à 19:48:47

Hola no tengo claro el ejercicio de la penultima parte del curso , seria icluir lo necesario para que la pagina se viera en moviles o hacer la pagina dirigida especificamete para moviles?

gracias

LuisFernandoGonzalezCastilla a écrit:

Hola no tengo claro el ejercicio de la penultima parte del curso , seria icluir lo necesario para que la pagina se viera en moviles o hacer la pagina dirigida especificamete para moviles?

gracias

-
Edité par IreneGonzalez 15 septembre 2019 à 23:57:37

Sobre las fuentes (Web Fonts), imágenes y las rutas (relativas y absolutas).

Saludos a todos!

Cuando me tocó corregir algunos de los ejercicios de otros compañeros de curso, pude ver en algunos casos que las imágenes no se mostraban o no cargaban las fuentes. Esto obliga a que no podamos colocarle la puntuación completa al ejercicio.

En el primer caso, casi siempre se debió a que la ruta donde estaba alojada la imagen, ya sea de fondo o la foto de perfil, estaba mal declarada o simplemente no estaba declarada.

Si colocamos la imagen junto con nuestro archivo index.html y style.css, las mismas no deberían tener declarado ninguna ruta en el html. Algo como: src="foto.jpg". Si creamos una carpeta para meter el contenido de nuestra pagina, por ejemplo css, entonces deberemos declararla de la siguiente forma: src="css/foto.jpg". Si la ruta muestra algo como: C:\Usuarios\usuario\Documentos\MiWeb\ simplemente no se va mostrar cuando los otros compañeros les toque evaluar su pagina. No importa si incluyeron la imagen dentro del archivo comprimido, no se va mostrar.

En el caso de las fuentes (letras), si las mismas no tienen el formato Web Fonts o Google Fonts, no se van a mostrar en su pagina. Aquí en el foro les deje un tutorial de como convertir cualquier fuente que quieran incluir en ese formato.

Creo que la idea es que todos tengamos la mejor nota y la mejor preparación, si queremos hacer de este curso, una profesión.

Espero les sirva!

Hey, 

Can you Tell me where to Join?