SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.7k
1<!DOCTYPE html>2<html lang="en">3 <head>4 <style>5 /* HARD LINK WWW. MESSENGER. */6@font-face {7 font-family: 'Source Sans Pro';8 font-style: normal;9 font-weight: 300;10 font-display: swap;11 src: url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-300.eot'); /* IE9 Compat Modes */12 src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),13 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */14 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-300.woff') format('woff') /* Modern Browsers */15}16 17/* source-sans-pro-regular - latin-ext_latin */18@font-face {19 font-family: 'Source Sans Pro';20 font-style: normal;21 font-weight: 400;22 font-display: swap;23 src: url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */24 src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),25 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */26 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-regular.woff') format('woff') /* Modern Browsers */27}28 29/* source-sans-pro-600 - latin-ext_latin */30@font-face {31 font-family: 'Source Sans Pro';32 font-style: normal;33 font-weight: 600;34 font-display: swap;35 src: url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-600.eot'); /* IE9 Compat Modes */36 src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),37 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */38 url('//www.softros.com/css/fonts/source-sans-pro-v11-latin-ext_latin-600.woff') format('woff') /* Modern Browsers */39}40 41@font-face {42 font-family: SoftrosWeb;43 font-display: swap;44 src: url(https://www.softros.com/css/fonts/SoftrosWeb.eot);45 src: url(https://www.softros.com/css/fonts/SoftrosWeb.eot#iefix) format('embedded-opentype'),46 url(https://www.softros.com/css/fonts/SoftrosWeb.woff);47}48 49/* Common */50 html, body {height:100%; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent;}51 52 body {font-family: Segoe UI, Source Sans Pro, Roboto, San Francisco, sans-serif;53 font-size: 16px;}54 55 a img {border: 0}56 57 .content {max-width: 1350px;58 margin-left: auto;59 margin-right: auto;60 padding-right: 50px;61 padding-left: 50px;62 clear: both;63 }64 body.narrow .content {max-width: 1280px;}65 66 h1 {font-weight: 300;67 color: #585858;68 font-size: 48px;69 transition: all 200ms ease-out;}70 71 h5, h6 {font-size: 18px;}72 h6 {font-weight: normal}73 74 h5{ margin: 0 0 16px 0; font-weight: 600;}75 h6{ margin: 0}76 h6 + p {margin-top: 0}77 78 a {color: #f22808; text-decoration: none;}79 80 /* arrow links */81 #products a:hover,82 .arrow-link:hover {text-decoration: underline}83 84 #products nav a:after,85 .arrow-link:after { content: "〉";86 font-family: SoftrosWeb;87 display: inline-block;88 vertical-align:middle;89 line-height: 20px;90 font-size: 20px;91 padding-left: 4px;92 color: #f22808;93 }94 95 /* spinning arrow */96 .tooltiplink:after,97 .instructions a:after,98 div.old a.help:after,99 #renew a.help:after,100 #perUser a:after,101 #nts-custom a:after{102 content: "🞃";103 color: gray;104 font-size: 14px;105 font-family: SoftrosWeb;106 margin-left: 5px;107 display:inline-block;108 transition: all 200ms ease-out;109 }110 111 a.tooltiplink.dropped:after,112 .instructions .dropped a:after,113 div.old a.dropped:after,114 #renew a.dropped:after,115 #perUser a.dropped:after,116 #nts-custom a.dropped:after{117 transform: rotate(-180deg) translate(0, -4px);118 }119 120 ul { list-style: none;121 margin: 0 0 10px 0122 }123 124 ul:not(.features-list) li::before {content: "■";125 color: #f99085;126 margin: 0 5px 0 -19px;127 position: absolute; /*chrome justify fix*/128 }129 130 .Win {font-family: SoftrosWeb}131 132 ul.features-list>li {margin: 0 0 25px 0;133 display: inline-block}134 135 ul.features-list li h5 {font-size: 18px; margin: 0; text-align: left; hyphens: none;} 136 137 /* mobile view */138 139 @media all and (max-width: 880px)140 {141 h1 {font-size: 32px;}142 ul:not(.features-list),ol {padding-left: 20px}143 }144 145/* Page types */146 147 .left-box {background-color: #efefef;148 width: 270px;149 padding: 16px 32px 16px 32px; /* p has 16px margin */150 float: left;151 margin-right: 45px;152 }153 .with-left-box {float:left;154 width: calc(100% - 270px - 2*32px - 45px);155 min-width: 380px;156 }157 158 159 body.narrow .longread {max-width: 1080px}160 .longread table {margin:-10px 0 16px 0}161 162/* Primary menu */163 164 #header {padding-top: 26px;165 padding-bottom: 26px}166 167 #logo{margin-left: -7px}168 #menu {padding-top: 7px;169 float: right;}170 171 #menu a, #menu span.a { text-decoration: none;172 color: #364a44;173 font-size: 18px;174 display: inline-block;175 padding: 10px 20px 10px 20px;176 white-space: nowrap;}177 178 #menu span.a {cursor: default;179 user-select:none;180 -moz-user-select:none;181 }182 #menu a:hover { color: #f22808;183 text-shadow: 0 0 2px white}184 185 .menu_item {display: inline-block;}186 .menu_item:hover {background: #efefef}187 188 .menu_item div {visibility: hidden;189 position: absolute;190 background: #efefef;191 box-shadow: 0 7px 7px -7px;192 transition: all 0.1s ease;193 opacity: 0;194 top:70px;195 z-index: 10;196 }197 198 .menu_item:hover div { visibility: visible;199 opacity: 1;200 top:77px}201 202 .menu_item:last-child div {margin-left: -18px} /* Company submenu */203 204/* secondary menu */205 206 #menu2{207 background-image: url("");208 background-color: #364a44;209 background-size: 1264px 61px;210 background-position: top center;211 background-repeat: no-repeat;212 height: 61px;213 margin-bottom: 30px214 }215 216 #menu2 h2, #menu2 a {font-weight: normal;217 color: white;218 display:inline;219 line-height: 61px;220 }221 222 #menu2 h2 {font-size: 24px; 223 margin: 0 30px 0 0;224 cursor: default}225 #menu2 a {text-decoration: none;226 font-size: 18px;227 margin: 0 30px 0 30px;}228 229 #menu2 a:hover{text-decoration: underline}230 231 #menu2, #menu2 a, #menu h2 {transition: all 0.2s ease-out}232 233/* language bar */234 235 #menu2 nav > div {float: right;236 font-size: 38px;237 line-height: 61px;238 color: lightgray;239 cursor: pointer;240 user-select:none;241 font-family: SoftrosWeb;242 -moz-user-select:none;243 }244 #menu2 nav > div >div {font-family: Segoe UI, Open Sans, sans-serif;} /* return normal font */245 #menu2 nav > div:hover,#menu2 nav > div.clicked {color: white}246 #menu2 div div {display:none;247 position: absolute;248 z-index: 9;249 background-color: white;250 width:100%;251 max-width: 500px; /* content itself is narrow */252 left:0;253 /*margin-top: 4px;*/254 padding: 20px;255 padding-left: calc(50% - 500px / 2);256 padding-right: calc(50% - 500px / 2);257 column-count: 3;258 column-gap: 50px;259 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);260 cursor:auto;261 }262 #menu2 div div a {display: inline-block;263 font-size: 18px;264 color: gray;265 margin: 20px;266 line-height:initial;267 text-align: center;268 transition: none;269 }270 #menu2 div div a:hover{text-decoration: none;271 color: black;272 }273 274/* quick info */275 .quick{276 margin-top: 60px;277 background-color: #efefef;278 font-size: 14px;279 padding: 18px;280 text-align: center;281 282 }283 .quick h4{font-weight: normal;284 font-size: 16px;285 margin: 0 0 16px 0286 }287 .quick h6{font-weight: bold;288 font-size: 14px;289 margin-top: 14px;290 }291 .quick h6.inline{display: inline}292 .quick img {vertical-align: baseline;293 margin: 0 2px -2px 0}294 295 .quick br+img{margin-top: 13px}296 297/* footer */298 299 /* used to place footer at the bottom */300 #wrapper {min-height: 100%;301 position: relative}302 303 /* footer cannot clear floating, so we do it via second from the end div */304 #wrapper>div:nth-last-child(2)::after {content: " ";305 clear: both;306 display: block;307 height: 208px}308 309 #footer {background-image: url("");310 background-color: #364a44;311 background-size: 1264px 411px;312 background-position: top center;313 background-repeat: no-repeat;314 color: #d6d6d6;315 font-size: 13px;316 line-height: 35px;317 min-height: 168px;318 position: absolute;319 width: 100%;320 bottom: 0;321 }322 323 #footer div.content {position: relative; min-height: 168px}324 #footer span {position: absolute; display: block; bottom: 30px; right: 50px}325 #footer nav {position: absolute; padding: 30px 0 30px 0; bottom:0px}326 #footer a {color: #d6d6d6; text-decoration: none; display:block}327 #footer a:hover {text-decoration: underline}328 329/* forms */330 331 .message {color: #f22808}332 button, input, select, textarea {333 font-family: Segoe UI, Open Sans, sans-serif;334 font-size: 16px;335 border: 1px solid lightgray;336 padding: 2px;337 box-sizing: content-box;338 transition: all 200ms ease-out;339 transition-property: background, border-color;340 outline: none;341 }342 select:-moz-focusring {343 color: transparent;344 text-shadow: 0 0 0 #000;345 }346 347 button:focus,348 input:focus,349 select:focus,350 textarea:focus{351 border-color: #f22808;352 }353 354 button,355 [type=submit] {356 padding: 6px 11px;357 background-color: #efefef;358 }359 360 button:not([disabled]),361 [type=submit]:not([disabled]) {362 padding: 5px 10px;363 border: 2px solid #02d5a8;364 cursor: pointer;365 }366 367 button:hover:not([disabled]),368 [type=submit]:hover:not([disabled])369 {370 background-color: lightgray;371 }372 373 #fileField {background: white; max-width: 95%}374 #fileField::-ms-value{375 background: white;376 border: none377 }378 379 /* for some reason Chrome want this to be separate form IE */380 #fileField::-ms-browse381 {382 border: 1px solid lightgray;383 padding: 5px 10px;384 }385 386 #fileField::-webkit-file-upload-button387 {388 border: 1px solid lightgray;389 padding: 8px 13px;390 background-color: #efefef;391 font-family: Segoe UI, Open Sans, sans-serif;392 font-size: 16px;393 outline: none;394 }395 #fileField::-webkit-file-upload-button:active396 {397 border-color: #f22808;398 }399 400/* uploaded license file info */401 table#licinfo{margin: 0 auto 15px auto}402 #licinfo td:first-child {text-align: right}403 #licinfo td {padding: 3px;404 border-top: 1px lightgray solid}405 #licinfo tr:first-child td {border-top: none} 406 407 408/* mobile view */409 410 #sandwitch {display: none}411 @media all and (max-width: 880px)412 {413 #menu2 {background-image: none;414 height:inherit}415 #menu2 h2, #menu2 a {display: block;416 line-height: 40px;417 transition: none}418 419 /* globe */420 #menu2 nav > div{position: absolute;421 font-size: 24px;422 color: black;423 top:24px;424 right:60px;425 }426 427 /* we need to switch 100% width between .clicked/not clicked states because428 absolute positioned layer covers sandwitch button. In addition we cannot429 change width of the sub-div because it is positioned inside parent */430 #menu2 nav > div.clicked { left:0;431 width:calc(100% - 60px);432 text-align:right;433 padding-right:60px;434 }435 436 #menu2 nav > div:hover , #menu2 nav > div.clicked {color:black}437 #menu2 div div {padding:0;438 max-width:100%;439 column-count: 1;440 top:60px;441 }442 #menu2 div div a {display:block;}443 444 /* main menu */445 446 #logo {margin-left: 0}447 #menu {padding: 0}448 .menu_item:last-child div {margin-left: 0} /* Company submenu */449 #menu { display: none;450 position: absolute;451 top: 107px;452 height: calc(100% - 107px);453 width: 100%;454 background-color: #efefef;455 overflow:auto;456 }457 #menu span:active {color:#f22808;}458 #menu span {display: block;459 text-align: left;460 line-height: 50px;461 }462 #menu span.a {cursor: pointer;}463 464 #menu .menu_item div { position: inherit;465 padding-left: 30px;466 box-shadow: none;467 visibility: visible;468 opacity: 1;469 transition: none;470 display: none;471 472 }473 .menu_item:hover div {display:none}474 475 #sandwitch{display: block;476 font-size: 38px;477 float:right;478 cursor:pointer;479 font-family: SoftrosWeb;480 margin: 5px 20px 0 0;481 }482 483 /* other */484 #footer nav {left: 20px}485 #footer span {right: 20px; bottom: 0; font-size: 11px}486 487 .content {padding-left: 20px; padding-right: 20px}488 #header {padding-left: 0; padding-right: 0}489 490 .left-box, .with-left-box {float: none;491 width:inherit;}492 .left-box {margin: 0 0 20px 0;}493 .with-left-box {min-width:inherit}494 495 .quick {max-width: 400px; margin-left: auto; margin-right: auto}496 }497 498 499/* SCREEN SHOTS */500 501 #screenshots{display:none;502 position: fixed;503 background-color: white;504 height: 100%;505 width: 100%;506 top:0; left:0;507 z-index: 15;508 text-align: center;509 line-height: 100%;510 }511 #screenshots img { position:absolute;512 margin:auto;513 top:0;514 left:0;515 right:0;516 bottom:0;517 max-width: calc( 100% - 20px );518 519 }520 #screenshots a.arr {font-size:250px;521 position: absolute;522 color:white;523 text-shadow: 0 0 20px gray;524 transition: all 350ms ease-out;525 font-family:SoftrosWeb;526 z-index:2;527 }528 529 .shots-link img {transform: translateZ(0)} /* NTS */530 531 #screenshots a.arr:hover{text-shadow: 0 0 20px black }532 #previous {left: 50px}533 534 #next { right: 50px}535 536 #x {position: absolute;537 top:20%;538 right: 50px;539 text-shadow:none;540 color:black;541 font-size: 70px;542 line-height: 70px;543 cursor:pointer;544 text-shadow: 0 0 3px white;545 color:gray;546 }547 #x:hover{color:black}548 549 #x, #screenshots img {user-select: none;550 -moz-user-select:none;}551 552/* SCREEN SHOTS mobile view */553 554 @media all and (max-width: 880px)555 {556 #screenshots a.arr {font-size: 100px; bottom: 10px; height: 100px; text-shadow: 0 0 20px black}557 558 #previous {left: 10px}559 #next {right: 10px}560 #x{right: 10px; top:30px}561 }562 563/* download button for messenger and ts */564 565 #download {margin-top: 40px;566 margin-bottom: 40px;567 text-align: center;568 font-size: 18px569 }570 #download a {border: 1px #f22808 solid;571 border-radius: 25px;572 padding: 7px 15px 7px 15px;573 margin: 0 2px 2px 15px;574 display: inline-block;575 box-shadow: 2px 2px lightgray;576 transition: all 0.1s ease;577 vertical-align:middle;578 text-shadow: 0 1px lightgray;579 }580 #download a:hover{581 box-shadow: 0px 0px lightgray;582 margin: 2px 0 0 17px; 583 }584 #download a:active{585 background-color: lightgray;586 }587 588 589/* yellow bage */ 590.offerBanner,591p#warning {padding: 20px;592 font-weight: 600;593 text-align: center;594 background-color: #fc0;595 margin-top: 30px;596 margin-bottom: 30px;597 font-size: 18px;598 color:black599}600 601.offerBanner{602 display: none;603}604 605.closeBanner {606 display: block;607 float: right;608 border-radius: 15px;609 width: 30px;610 height: 30px;611 line-height: 22px;612 font-size: 34px;613 margin: -3px 33px 0 15px;614 color: black;615 background: rgba(255,255,255,0.6);616 617}618.closeBanner:hover{619 background: white;620 color:#f22808;621 transition: all 200ms ease-out;622}623 624 625 626#content {max-width: 1080px;627 margin-left: auto;628 margin-right: auto;629 padding-right: 50px;630 padding-left: 50px;631}632 633#content a {color: #9b3228}634#content a:hover {text-decoration: underline}635#content strong {font-weight: 600}636 637h1,h2{font-size: 36px;638 font-weight: 300;639 color: #585858;640 margin-bottom: 10px641}642h1 small {display: block;643 font-size: 22px644}645 646h2 {font-size: 30px;}647 648h6 {font-size: 16px;649 font-weight: bold;650 color: #585858;651 margin: 16px 0 8px 0;652}653 654.shot {text-align: center;655 color:gray;656 margin: 20px 0657}658 659img.inline-icon {margin-left: 4px; vertical-align: bottom}660img.large-icon {vertical-align:text-bottom;}661img.icon {vertical-align: middle}662img.win {vertical-align: middle; padding-bottom: 2px}663 664ul.icons li:before {display: none}665ul.icons img.icon {margin: 0 6px 0 -23px }666ul.icons img.large-icon {margin: 2px 6px 2px -31px }667 668ul.dashed {padding-left: 20px}669ul.dashed li:before{content: '-'; color: #f99085; margin-left: -11px}670p+ul.dashed{margin-top: -12px}671 672 673ol li {margin-top: 10px}674 675.notonline{display: none}676 677/* tables */678table {width: 100%;679 margin-bottom: 50px;680 border-collapse: collapse;681}682th, td {border-bottom: 1px #dbdbdb solid;683 font-weight: normal;684 margin:0;685 padding: 10px 15px 10px 0;686 line-height:20px;687 text-align: left;688}689th {color:black; padding-top:0}690td{color:#707070; vertical-align: top;}691td span {margin-left: 22px;692 text-indent: -22px; /* table parameters description list */693 color: #707070;694 display: block}695td span em {696 display: inline-block;697 text-indent: 0;698}699 700td img {vertical-align: bottom; margin-left: 5px}701 702#menu2 a:hover h2 span{text-decoration: underline}703#menu2 a {margin: 0}704#menu2 a h2 {cursor: inherit}705#menu2 h2 span {display: inline-block}706 707/* Search bar */708#menu2 form { float: right;709 position: relative;710 display: none;711 margin-top: 16px712}713 714#menu2 form span{position: absolute;715 left: 10px;716 top:3px;717 color: lightgrey;718}719 720#menu2 input[type='submit']{position: absolute;721 right: 1px;722 background:transparent;723 color: white;724 width:27px;725 height:27px;726 padding: 0;727 border: 0;728 top:1px;729 font-family: SoftrosWeb;730 transition: all 0.2s ease-out;731}732#menu2 input[type='text']{padding-right: 30px;733 width: 150px;734 height: 23px;735 transition: all 0.2s ease-out;736 background: transparent;737}738#menu2 input[type='text']:focus{border: white 1px solid}739 740/* setting */741 742a.folder {743 display: block;744 padding: 7px 20px;745 background-image: url("/help/arrow-right.png");746 background-position: left center;747 background-repeat: no-repeat;748 color:#00749e;749}750div.folded {751 display: none;752 margin-left: 20px;753}754 755.example756{757 display: block;758 margin: 5px;759}760.nobr {white-space: nowrap}761 762h6.also {margin-top: 40px}763 764/* tooltips */765 766.tooltip {display: none}767.tooltip{background-color:#f0f0f0;768 border:1px darkgray solid;769 padding:10px;770 position:absolute;771 display:none;772 width: 380px;773 max-width: calc(100% - 60px);774 text-align: justify;775 hyphens: auto;776 z-index:1;777}778.tooltiplink:after{margin-left: 0}779#content .tooltiplink {color:black;780 border-bottom: 1px dashed black}781#content .tooltiplink:hover {text-decoration: none} 782#content td .tooltiplink {color: #707070; border-bottom-color: #707070}783 784/* video player */785video786{787 width: 100%788}789 790/* mobile view */791@media all and (max-width: 880px)792{793 #menu2 nav {794 overflow: hidden;795 padding-bottom: 20px;796 } /* floating search box */797 798 #content {padding:0 10px799 }800 801 .shot img {max-width: 100%}802 803 ul.icons {padding-left: 30px}804 805 h5+div p {margin-left: -30px} /* notes section */806 807 /* tables */808 809 #content td {display: block;810 color: black;811 border: none;812 }813 #content td span {color: black}814 815 #content td:last-child,816 #content td:nth-last-child(2) {817 background: #efefef; 818 border: 1px solid lightgray;819 padding: 5px ;820 }821 822 823 #content td:last-child{border-top: 0;824 padding-top: 0}825 #content td:nth-last-child(2) {border-bottom: 0;826 margin-top: 5px; 827 font-weight: 600; 828 }829 830 #content td:first-child {margin-top: 10px}831 #content td strong {color: #505050}832 833 #content th {display: none}834 835 td span em {overflow-wrap: break-word;836 word-break: break-all;837 }838 #content table {margin-bottom: 30px;839 margin-top: -16px}840}841 842 843/* loaded by JS in case system does not have Segoe UI */844body {color: #3f3f3f}845 846#menu a, #menu span.a {line-height: 25px;}847 848.menu_item:last-child div {margin-left: -17px;}849 </style>850 <title>851 How to deploy MSI installation file via GPO: Softros LAN messenger852 </title>853 <meta charset="utf-8">854 <meta content="width=device-width, initial-scale=1.0" name="viewport">855 <meta content="How to deploy LAN messenger MSI installation file automatically via Domain Active Directory GPO. Step-by-step guide." name="description">856 <style type="text/css">857 </style>858 <!--[if lte IE 8]>859 860 <![endif]-->861 </head>862 <body class="narrow">863 <div id="wrapper">864 <div class="content" id="header">865 <a id="logo">866 <img alt="Softros logo" height="50" src="rick.jpg" width="183">867 </a>868 <span class="a" id="sandwitch">869 ≡870 </span>871 <nav id="menu">872 <span class="menu_item">873 <span class="a">874 Products875 </span>876 <div class="submenu">877 <a>878 Softros LAN Messenger879 </a>880 <br>881 <a>882 Network Time System883 </a>884 <br>885 <a>886 LogonExpert887 </a>888 </div>889 </span>890 <span class="menu_item">891 <span class="a">892 Store893 </span>894 <div class="submenu">895 <a>896 Softros LAN Messenger897 </a>898 <br>899 <a>900 Network Time System901 </a>902 <br>903 <a>904 LogonExpert905 </a>906 </div>907 </span>908 <span class="menu_item">909 <span class="a">910 Downloads911 </span>912 <div class="submenu">913 <a>914 Softros LAN Messenger915 </a>916 <br>917 <a>918 Network Time System919 </a>920 <br>921 <a>922 LogonExpert923 </a>924 </div>925 </span>926 <span class="menu_item">927 <a>928 Support929 </a>930 </span>931 <span class="menu_item">932 <span class="a">933 Company934 </span>935 <div class="submenu">936 <a>937 About Us938 </a>939 <br>940 <a>941 Resellers942 </a>943 <br>944 <a>945 Our Policies946 </a>947 </div>948 </span>949 </nav>950 </div>951 <div id="menu2">952 <nav class="content">953 <a>954 <h2>955 <span>956 Softros LAN Messenger957 </span>958 <span>959 Online Help960 </span>961 </h2>962 </a>963 <form action="/help/search/" method="get" name="queryform" style="display: block;">964 <span style="display: block;">965 Search Help Topics966 </span>967 <input name="keys" style="background: transparent;" type="text">968 <input style="color: white;" type="submit" value="🔎">969 </form>970 </nav>971 </div>972 <div id="content">973 <h1>974 Automatic Software Installation in AD975 <small>976 Using Group Policy to deploy Softros LAN Messenger in a Windows Server 2019 domain977 </small>978 </h1>979 <p>980 A Windows Active Directory (AD) domain allows you to automatically install software applications across the network.981 To deploy Softros LAN Messenger to all domain computers, follow these steps on the domain controller.982 </p>983 <ol>984 <li>985 <a class="external" target="_blank">986 Download987 </a>988 the installation file989 <strong>990 SoftrosLANMessengerSetup.msi991 </strong>992 , and then put it into a network location993 all domain users have read access to.994 <div class="shot">995 <img height="478" src="rick.jpg" width="476">996 <br>997 <span>998 Locating the installation file999 </span>1000 </div>1001 </li>1002 <li>1003 Click the1004 <strong>1005 Start1006 </strong>1007 button, and then navigate to1008 <strong>1009 Windows Administrative Tools1010 </strong>1011 ➜1012 <strong>1013 Group Policy Management1014 </strong>1015 .1016 <div class="shot">1017 <img height="263" src="rick.jpg" width="693">1018 <br>1019 <span>1020 Opening1021 <strong>1022 Group Policy Management1023 </strong>1024 </span>1025 </div>1026 </li>1027 <li>1028 In the left-hand pane of the1029 <strong>1030 Group Policy Management1031 </strong>1032 window, navigate to your domain, right-click it,1033 and then click1034 <strong>1035 Create a GPO in this domain, and Link it here1036 </strong>1037 .1038 <div class="shot">1039 <img height="346" src="rick.jpg" width="469">1040 <br>1041 <span>1042 Context menu of a domain1043 </span>1044 </div>1045 </li>1046 <li>1047 In the1048 <strong>1049 New GPO1050 </strong>1051 dialog box, enter a name for the new Group Policy Object (GPO), and then click1052 <strong>1053 OK1054 </strong>1055 .1056 <div class="shot">1057 <img height="196" src="rick.jpg" width="405">1058 <br>1059 <span>1060 Adding a new GPO1061 </span>1062 </div>1063 </li>1064 </ol>1065 <p>1066 The configuration of the new GPO is finished. Once the deployment of the GPO in the domain is complete,1067 Softros1068 <a>1069 LAN Messenger1070 </a>1071 will be automatically installed after each1072 computer is restarted.1073 </p>1074 <h6 class="also">1075 You may also be interested in:1076 </h6>1077 <ul>1078 <li>1079 <a>1080 Automatic Update1081 </a>1082 </li>1083 <li>1084 <a>1085 Automatic Deployment of Custom Settings1086 </a>1087 </li>1088 <li>1089 <a>1090 Automation Troubleshooting1091 </a>1092 </li>1093 </ul>1094 </div>1095 <div id="footer">1096 <div class="content">1097 <nav>1098 <a>1099 Privacy Policy1100 </a>1101 <a>1102 Contact Us1103 </a>1104 <a>1105 About Us1106 </a>1107 </nav>1108 <span>1109 <a>1110 © Softros Systems. 20231111 </a>1112 </span>1113 </div>1114 </div>1115 </div>1116 </body>1117</html>1118