1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <title>Les éditions critiques 7numériques | Parcours Numériques - Les Presses de l'Université de Montréal</title> 8 <meta name="description" lang="fr" content="La collection Parcours numériques a pour objectif de développer une réflexion théorique approfondie et savante sur le monde numérique." /> 9 <meta name="keywords" content="numérique, Parcours numériques, édition numérique, Université de Montréal" /> 10 <style type="text/css"> 11 /* static/css/presentation.css */ 12 @font-face { 13 font-family: "montserrat"; 14 src: url('./static/fonts/Montserrat-Regular.woff2') format('woff2'), 15 url('./static/fonts/Montserrat-Regular.woff') format('woff'); 16 font-weight: normal; 17 font-style: normal; 18 font-display: swap; 19 } 20 @font-face { 21 font-family: "montserrat"; 22 src: url('./static/fonts/Montserrat-Italic.woff2') format('woff2'), 23 url('./static/fonts/Montserrat-Italic.woff') format('woff'); 24 font-weight: normal; 25 font-style: italic; 26 font-display: swap; 27 } 28 @font-face { 29 font-family: "montserrat"; 30 src: url('./static/fonts/Montserrat-Bold.woff2') format('woff2'), 31 url('./static/fonts/Montserrat-Bold.woff') format('woff'); 32 font-weight: bold; 33 font-style: normal; 34 font-display: swap; 35 } 36 @font-face { 37 font-family: "montserrat-medium"; 38 src: url('./static/fonts/Montserrat-Medium.woff2') format('woff2'), 39 url('./static/fonts/Montserrat-Medium.woff') format('woff'); 40 font-weight: normal; 41 font-style: normal; 42 font-display: swap; 43 } 44 45 html { 46 font-family: 'montserrat', sans-serif; 47 } 48 49 * { 50 margin: 0; 51 padding: 0; 52 box-sizing: border-box; 53 color: inherit; 54 } 55 56 body { 57 background: #fff no-repeat right 95% url("./static/svg/parcours-numeriques.png"); 58 } 59 60 h1, h2, h3 { 61 color: black; 62 margin-top: 2rem; 63 margin-bottom: 1rem; 64 } 65 66 header { 67 position: fixed; 68 top: 0; 69 left: 0; 70 border-bottom: 1px solid #f00; 71 background: #eaeaea; 72 width: 100%; 73 z-index: 2; 74 margin: 0; 75 padding: .8rem 0; 76 display: flex; 77 align-items: center; 78 justify-content: space-between; 79 } 80 header a.logo { 81 background: no-repeat left center/110% url("./static/svg/pum-logo-couleur.svg"); 82 display: block; 83 margin-left: 10%; 84 background-color: white; 85 width: 14rem; 86 height: 5rem; 87 } 88 89 /* Dummy to match logo size and align title. */ 90 header div { 91 width: 14rem; 92 margin-right: 10%; 93 } 94 95 header h1 { 96 text-align: center; 97 margin: .9rem; 98 font-size: 2.5rem; 99 font-weight: normal; 100 font-variant: small-caps; 101 font-family: 'montserrat-medium'; 102 } 103 104 main { 105 max-width: 60rem; 106 margin: 0 auto; 107 padding: 1rem; 108 color: #432c2c; 109 margin-top: 8.5rem; 110 } 111 112 p { 113 margin: 1rem 0; 114 } 115 li { 116 margin: .2rem; 117 } 118 119 .cards > ul { 120 list-style: none; 121 } 122 123 .cards > ul.cards-small { 124 margin-top: 3rem; 125 } 126 127 .card + .card { 128 margin-top: 3rem; 129 } 130 131 @supports (display: grid) { 132 .cards > ul { 133 display: grid; 134 grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); 135 grid-column-gap: 3rem; 136 grid-row-gap:3rem; 137 } 138 139 .cards > ul.cards-small { 140 grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); 141 } 142 143 .card + .card { 144 margin-top: 0; 145 } 146 } 147 148 .card { 149 border: 1px solid; 150 display: flex; 151 flex-direction: column; 152 position: relative; 153 background: white; 154 } 155 156 .card .text { 157 padding: 2rem; 158 flex: 1 0 auto; 159 display: flex; 160 flex-direction: column; 161 } 162 163 .card p { 164 max-width: 60ch; 165 } 166 167 .card .img { 168 height: 20rem; 169 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2rem)); 170 } 171 172 .cards-small .card .img { 173 height: 12rem; 174 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 1rem)); 175 } 176 177 .card .img img { 178 width: 100%; 179 height: 100%; 180 object-fit: cover; 181 object-position: bottom; 182 } 183 184 .card a { 185 outline: none; 186 } 187 188 .card h2 { 189 margin-bottom: 1rem; 190 margin-top: 0; 191 } 192 193 .cards-small .card { 194 font-size: smaller; 195 } 196 197 .cards-small .card h2 { 198 font-size: 1rem; 199 } 200
201 .card h3.subtitle::after { 202 display: block; 203 content: " "; 204 height: 2px; 205 width: 40%; 206 background: red; 207 margin-top: 1.5rem; 208 margin-bottom: 2rem; 209 margin-left: 11rem; 210 } 211 212 .cards-small .card h2::after { 213 margin-left: 5rem; 214 } 215 216 .card h2 a { 217 text-decoration: none; 218 } 219 220 .card h2 a:focus { 221 text-decoration: underline; 222 } 223 224 .card h3 { 225 font-family: 'montserrat-medium'; 226 } 227 228 .card h4 { 229 font-family: 'montserrat-medium'; 230 text-align: right; 231 } 232 233 .card:focus-within, .card:hover { 234 box-shadow: 0 0 0 0.25rem; 235 } 236 237 .card h2:focus-within ~ .cta { 238 box-shadow: 0 0 0 0.125rem; 239 } 240 241 .card:focus-within h2 a:focus { 242 text-decoration: none; 243 } 244 245 .card small { 246 display: block; 247 text-align: right; 248 } 249 250 .card small a { 251 position: relative; 252 padding: 0.5rem 0; 253 } 254 255 .card small a:hover, 256 .card small a:focus { 257 font-weight: bold; 258 } 259 260 .card .text { 261 order: 1; 262 } 263 264 .card .text > * + * { 265 margin-top: 0.75rem; 266 } 267 268 .card .text > :nth-last-child(3) { 269 margin-bottom: 0.75rem; 270 } 271 272 .card .text > :nth-last-child(2) { 273 margin-top: auto; 274 padding-top: 0.75rem; 275 } 276 277 .card .text .author { 278 font-style: italic; 279 margin-bottom: 3rem; 280 } 281 282 .card .tocbook { 283 margin: 0 2rem; 284 line-height: 1.4; 285 } 286 287 .card .tocbook h3 { 288 margin-bottom: 1rem; 289 margin-top: 2rem; 290 } 291 292 .card .tocbook ul { 293 margin: 1rem; 294 } 295 .card .tocbook li { 296 margin-bottom: .4rem; 297 } 298 299 .cta { 300 padding: 1rem; 301 border: 1px solid; 302 border-radius: 0.25rem; 303 text-align: center; 304 margin-bottom: 2rem; 305 font-weight: bold; 306 } 307 308 .satellite { 309 max-width: 40rem; 310 margin: 0 auto; 311 line-height: 1.5; 312 } 313 .satellite h1 { 314 font-family: 'montserrat-medium'; 315 margin-bottom: 2rem; 316 } 317 318 319 footer { 320 border-top: 1px solid red; 321 background: #eaeaea; 322 width: 100%; 323 margin-top: 2rem; 324 } 325 footer nav ul { 326 margin: 0; 327 padding: 0; 328 list-style: none; 329 display: flex; 330 justify-content: space-around; 331 width: 100%; 332 font-size: 1.3rem; 333 } 334 footer nav ul li { 335 height: 100%; 336 margin: 0; 337 padding: 1rem 1rem; 338 } 339 340 @media (max-width: 1025px) { 341 header h1 { 342 font-size: 2rem; 343 } 344 345 .card .img { 346 height: 15rem; 347 } 348 } 349 350 @media (max-width: 760px) { 351 header h1 { 352 font-size: 1.5rem; 353 } 354 355 .card .img { 356 height: 10rem; 357 } 358 359 footer nav ul { 360 flex-direction: column; 361 font-size: 1rem; 362 text-align: center; 363 } 364 } 365 </style> 366
366<script> 367 (function(a,b,c){var d=a.history,e=document,f=navigator||{},g=localStorage, 368 h=encodeURIComponent,i=d.pushState,k=function(){return Math.random().toString(36)}, 369 l=function(){return g.cid||(g.cid=k()),g.cid},m=function(r){var s=[];for(var t in r) 370 r.hasOwnProperty(t)&&void 0!==r[t]&&s.push(h(t)+"="+h(r[t]));return s.join("&")}, 371 n=function(r,s,t,u,v,w,x){var z="https://www.google-analytics.com/collect", 372 A=m({v:"1",ds:"web",aip:c.anonymizeIp?1:void 0,tid:b,cid:l(),t:r||"pageview", 373 sd:c.colorDepth&&screen.colorDepth?screen.colorDepth+"-bits":void 0,dr:e.referrer|| 374 void 0,dt:e.title_html,dl:e.location.origin+e.location.pathname+e.location.search,ul:c.language? 375 (f.language||"").toLowerCase():void 0,de:c.characterSet?e.characterSet:void 0, 376 sr:c.screenSize?(a.screen||{}).width+"x"+(a.screen||{}).height:void 0,vp:c.screenSize&& 377 a.visualViewport?(a.visualViewport||{}).width+"x"+(a.visualViewport||{}).height:void 0, 378 ec:s||void 0,ea:t||void 0,el:u||void 0,ev:v||void 0,exd:w||void 0,exf:"undefined"!=typeof x&& 379 !1==!!x?0:void 0});if(f.sendBeacon)f.sendBeacon(z,A);else{var y=new XMLHttpRequest; 380 y.open("POST",z,!0),y.send(A)}};d.pushState=function(r){return"function"==typeof d.onpushstate&& 381 d.onpushstate({state:r}),setTimeout(n,c.delay||10),i.apply(d,arguments)},n(), 382 a.ma={trackEvent:function o(r,s,t,u){return n("event",r,s,t,u)}, 383 trackException:function q(r,s){return n("exception",null,null,null,null,r,s)}}}) 384 (window,"UA-48507568-1",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true}); 385 </script>
385 386</head> 387<body> 388 <header> 389 <a class="logo" href="http://www.parcoursnumeriques-pum.ca/" title="Accéder à l’accueil"></a> 390 <h1>Parcours numériques</h1> 391 <div></div> 392 </header> 393 <main> 394 395 <div class="cards"> 396 <ul> 397 <li class="card"> 398 <div class="text"> 399 <h2><a href="introduction.html" aria-describedby="desc-a-card">Les 400éditions critiques numériques</a></h2> 401 <h3 class="subtitle">Entre tradition et changement 402de paradigme</h3> 403 <p>Les grandes collections d’éditions critiques 404imprimées déterminent depuis le XIXe siècle les standards de qualité 405dans la suite desquels il semble aujourd’hui naturel qu’elles 406s’inscrivent. Il est donc nécessaire de comprendre l’édition numérique 407contemporaine dans la continuité de cette tradition. Ce livre offre à la 408fois une réflexion sur la définition des standards dans les éditions 409numériques et une analyse des méthodes et des langages à mettre en œuvre 410et à apprendre pour les atteindre.</p> 411 <p class="author"></p> 412 <h3>Dirigé par</h3> 413 414 <h4>Robert Alessi</h4> 415 <p>Membre statutaire de l’Unité Mixte de 416Recherche « Orient & Méditerranée » (CNRS UMR 8167, Paris). Son 417travail porte sur l’édition des textes médicaux grecs et arabes, 418l’histoire de la médecine, mais aussi sur l’informatique appliquée aux 419études classiques. Il a conçu plusieurs logiciels de saisie d’éditions 420critiques multilingues destinées à l’impression et à l’export au format 421TEI xml.</p> 422 <h4>Marcello Vitali-Rosati</h4> 423 <p>Professeur titulaire au département des 424littératures de langue française de l’Université de Montréal et 425titulaire de la Chaire de recherche du Canada sur les écritures 426numériques. Il développe une réflexion philosophique sur les enjeux des 427technologies numériques : le concept de virtuel, l’identité numérique, 428les notions d’auteur et d’autorité, les formes de production, 429légitimation et circulation du savoir à l’époque du web, et la théorie 430de l’éditorialisation.</p> 431 </div> 432 <div class="img"><img src="media/CouvFinalePNEdCritiquesFace.png" alt=""></div> 433 </li> 434 <li class="card"> 435 <div class="text"> 436 <a href="introduction.html" class="cta">Lire le livre →</a> 437 </div> 438 <div class="tocbook"> 439 <h3>Sommaire</h3> 440 <ul> 441 <li> 442 <a href="introduction.html">Introduction</a> 443 (Robert Alessi, Marcello Vitali-Rosati) 444 </li> 445 <li> 446 <a href="chapitre1.html">Une 447pensée dispositive</a> 448 (Marcello Vitali-Rosati) 449 </li> 450 <li> 451 <a href="chapitre2.html">De 452l’édition critique multilingue imprimée à l’édition numérique</a> 453 (Robert Alessi) 454 </li> 455 <li> 456 <a href="chapitre3.html">Éditions 457critiques imprimées et numériques</a> 458 (Robert Alessi) 459 </li> 460 <li> 461 <a href="chapitre4.html">Édition 462critique des textes anciens et représentation d’une tradition 463multiple</a> 464 (Bruno Bureau) 465 </li> 466 <li> 467 <a href="chapitre5.html">Philologie 468numérique et édition critique d’un texte inachevé</a> 469 (Clara Auvray-Assayas, avec 470la collaboration de Benoît Roux) 471 </li> 472 <li> 473 <a href="chapitre6.html">Présenter 474une édition numérique de fragments</a> 475 (Estelle Debouy) 476 </li> 477 <li> 478 <a href="chapitre7.html">Exploitations 479et valorisations des données numériques connexes à l’édition</a> 480 (Ariane Pinche) 481 </li> 482 <li> 483 <a href="chapitre8.html">L’entropie 484informationnelle dans le <em>Dictionnaire universel</em> (1701)</a> 485 (Ioana Galleron) 486 </li> 487 <li> 488 <a href="chapitre9.html">Notes 489sur le projet « Digital Leigh Hunt »</a> 490 (Yann Audin, Roch Delannay, Michael E. 491Sinatra, Giulia Ferretti, Dominic Forest) 492 </li> 493 <li> 494 <a href="conclusion.html">Conclusion</a> 495 (Robert Alessi, Marcello Vitali-Rosati) 496 </li> 497 <li> 498 Chapitres 499 additionnels 500 <ul> 501 <li> 502 <a href="chapitreadd.html">Contenus 503additionnels</a> 504 </li> 505 <li> 506 <a href="bibliographie.html">Bibliographie</a> 507 </li> 508 <li> 509 <a href="index-np.html">Index</a> 510 </li> 511 <li> 512 <a href="recherche.html">Recherche</a> 513 </li> 514 </ul> 515 </li> 516 </ul> 517 <h3>Formats</h3> 518 <ul> 519 <li><a href="introduction.html">Numérique (978-2-7606-4857-9)</a></li> 520 <li><a href="https://pum.umontreal.ca/catalogue/les_editions_critiques_numeriques">ePub (978-2-7606-4764-0)</a></li> 521 <li><a href="https://pum.umontreal.ca/catalogue/les_editions_critiques_numeriques">PDF (978-2-7606-4763-3)</a></li> 522 <li><a href="">Papier (978-2-7606-4762-6)</a></li> 523 </ul> 524 <p>Paru en mars 2023 (208 pages).</p> 525 <h3>Licence</h3> 526 <p>
526Ouvrage sous licence Creative Commons 527Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</p> 528 </div> 529 </li> 530 </ul> 531 </div> 532 533 </main> 534 <footer> 535 <nav> 536 <ul> 537 <li><a href="../a-propos/">À propos</a></li> 538 <li><a href="../mentions-legales/">Mentions légales</a></li> 539 </ul> 540 </nav> 541 </footer> 542
542<script type="text/javascript"> 543 const cards = document.querySelectorAll('.card') 544 Array.prototype.forEach.call(cards, card => { 545 let down, up, link = card.querySelector('h2 a') 546 if (!link) link = card.querySelector('a.cta') 547 card.style.cursor = 'pointer' 548 card.onmousedown = () => down = +new Date() 549 card.onmouseup = () => { 550 up = +new Date() 551 if ((up - down) < 200) { 552 link.click() 553 } 554 } 555 }) 556 </script>
556 557</body> 558</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.