CINXE.COM

SiteBuilder - Web Publishing - IT Services

<!doctype html> <html lang="en-GB" class="no-js"> <head> <base href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>SiteBuilder - Web Publishing - IT Services</title> <meta name="description" content="SiteBuilder is the web publishing tool used throughout the University of Warwick."> <meta name="keywords" content="SiteBuilder, web publishing, CMS, content management system, university, warwick, IT Services, web editing"> <script> var dataLayer = []; var gtmData = {}; gtmData.analyticsPageUrl = '\/services\/its\/servicessupport\/web\/sitebuilder2'; gtmData.userAudience = 'NotLoggedIn'; gtmData.userDepartment = 'Unknown'; dataLayer.push(gtmData); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document, 'script','dataLayer', 'GTM-55N43RF');</script> <link rel="search" type="application/opensearchdescription+xml" title="Warwick Search" href="//search.warwick.ac.uk/static/search/osd.xml"> <!-- Google canonical URL - the main URL for this page --> <link rel="canonical" href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/"> <link rel="apple-touch-icon" sizes="57x57" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-57x57.png.595542567195"> <link rel="apple-touch-icon" sizes="60x60" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-60x60.png.493371741217"> <link rel="apple-touch-icon" sizes="72x72" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-72x72.png.203424194728"> <link rel="apple-touch-icon" sizes="76x76" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-76x76.png.247553332752"> <link rel="apple-touch-icon" sizes="114x114" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-114x114.png.843902449578"> <link rel="apple-touch-icon" sizes="120x120" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-120x120.png.333863844977"> <link rel="apple-touch-icon" sizes="144x144" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-144x144.png.552887115038"> <link rel="apple-touch-icon" sizes="152x152" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-152x152.png.175734862673"> <link rel="apple-touch-icon" sizes="180x180" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-180x180.png.240072141587"> <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-32x32.png.165918197265" sizes="32x32"> <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/android-chrome-192x192.png.336101619978" sizes="192x192"> <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-96x96.png.276161049719" sizes="96x96"> <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-16x16.png.207301322891" sizes="16x16"> <meta name="msapplication-TileImage" content="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/mstile-144x144.png.116582949768"> <meta name="msapplication-TileColor" content="#3c1053"> <meta name="theme-color" content="#3c1053"> <!-- Pre-connect to Google Fonts domain --> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&amp;subset=latin,latin-ext&amp;display=fallback" rel="preload" as="style" type="text/css" crossorigin="anonymous" onload="this.onload=null;this.rel='stylesheet'"> <!-- Pre-load FontAwesome Pro font files. Browsers supporting link[rel="preload"] all support woff2 --> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/fonts/fa-light-300.woff2.149420877782" as="font" crossorigin="anonymous"> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/fonts/fa-regular-400.woff2.125978268307" as="font" crossorigin="anonymous"> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/fonts/fa-solid-900.woff2.254471731011" as="font" crossorigin="anonymous"> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/fonts/fa-brands-400.woff2.242713519285" as="font" crossorigin="anonymous"> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/fonts/fa-duotone-900.woff2.211389069736" as="font" crossorigin="anonymous"> <link rel="stylesheet" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/css/pack7.css.133943272136" type="text/css"> <!-- Pre-load the statuspage CSS, then after the page finishes loading, parse it --> <link rel="preload" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/statuspage-widget/main.css.160527713577" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="shortcut icon" type="image/x-icon" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon.ico.214665304133"> <link rel="stylesheet" href="https://d36jn9qou1tztq.cloudfront.net/static_site/services/its/servicessupport/web/sitebuilder2/site.css.170068158849" type="text/css"> <script type="text/javascript" src="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/js/id7-bundle-render.js.137809574357"></script> <script type="text/javascript" src="https://d36jn9qou1tztq.cloudfront.net/static_war/sitebuilder.js.288907075313"></script> <script type="text/javascript"> SitebuilderInfo.url = '/services/its/servicessupport/web/sitebuilder2'; SitebuilderInfo.lastUpdated = 1730215648762; SitebuilderInfo.lastContentUpdated = 1720775820023; SitebuilderInfo.buildTimestamp = '1732614201626'; </script> <script src="https://d36jn9qou1tztq.cloudfront.net/static_war/render/scripts/global-permission.js.327690442748"></script> <!-- main parsed links --> <link rel="stylesheet" href="/static_war/newsbuilder/news.css" data-component-link="true"> <link rel="stylesheet" href="/static_war/newsbuilder/categories.css" data-component-link="true"> <link rel="alternate" type="application/rss+xml" title="Changes in /services/its/servicessupport/web/sitebuilder2/ (RSS 2.0)" href="https://warwick.ac.uk/sitebuilder2/api/rss/siteChanges.rss?page=/services/its/servicessupport/web/sitebuilder2"> <!-- main parsed styles --> <style data-user-style="true"> .outline { border: 1.5px solid gray; transform: scale(.97); transition: all 0.2s ease-in-out; box-shadow: 0px 0px 0px lightgray; } .outline:hover { transform: scale(1); border: 1.75px solid gray; box-shadow: 0px 2px 3px lightgray; } .pullquote { font-size: 1.25em; } .fa-3x { color: var(--primary); } .banner { background: url("./hero.png"); height: 200px; } .logo { width: 450px; margin: 40px 0; padding: 10px 40px; border-radius: 0px 7px 7px 0px; background: rgba(0, 0, 0, 0.8); } /* STYLE HORIZONTAL SCROLLER CONTROLS */ .horizontal-scroller-item { padding: 10px 20px; } button.horizontal-scroller-number-buttons, button.horizontal-scroller-right, button.horizontal-scroller-left, .horizontal-scroller-number-button.active { background: var(--primary) !important; color: white; width: 45px !important; height: 45px !important; border-radius: 50%; top: calc(50% - 40px) !important; transition: all 0.2s ease-in-out; } .horizontal-scroller-number-buttons button { flex: 0 0 45px !important; background: var(--secondary) !important; border-radius: 50%; margin: 0px 5px; position: relative; bottom: 10px; transition: all 0.2s ease-in-out; } .horizontal-scroller-number-buttons button:hover, button.horizontal-scroller-right:hover, button.horizontal-scroller-left:hover { background: var(--cornertag) !important; color: black; } .header-btn { padding-left: 75px; padding-right: 50px; } </style> <!-- rhs parsed styles --> <!-- main parsed scripts --> <script src="/static_war/pagemaker/components/render-only/horizontal-scroller.js" data-component-script="true" async></script> <!-- rhs parsed scripts --> </head> <body class="in-services in-its in-servicessupport in-web in-sitebuilder2 id7-point-1" data-is-site-root="true"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55N43RF&advertisingPermission=&functionalPermission=&performancePermission=" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="id7-left-border"></div> <div class="id7-fixed-width-container"> <header class="id7-page-header"> <a class="sr-only sr-only-focusable" href="#main">Skip to main content</a> <a class="sr-only sr-only-focusable" href="#primary-nav" accesskey="N">Skip to navigation</a> <div class="id7-utility-masthead"> <nav class="id7-utility-bar" aria-label="Utility bar"> <ul> <li id="sign-in-link"><a href="https://websignon.warwick.ac.uk/origin/slogin?shire=https%3A%2F%2Fwarwick.ac.uk%2Fsitebuilder2%2Fshire-read&amp;providerId=urn%3Awarwick.ac.uk%3Asitebuilder2%3Aread%3Aservice&amp;target=https%3A%2F%2Fwarwick.ac.uk%2Fservices%2Fits%2Fservicessupport%2Fweb%2Fsitebuilder2%2F" rel="nofollow" class="ut" >Sign in</a> </li> </ul> </nav> <div class="id7-masthead"> <div class="id7-masthead-contents"> <div class="clearfix"> <div class="id7-logo-column"> <div class="id7-logo-row"> <div class="id7-logo"> <a href="https://warwick.ac.uk/" title="University of Warwick homepage"> <img src="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/logo.svg.233060099087" alt="University of Warwick homepage" width="160" height="80"> </a> </div> <nav class="id7-site-links" aria-label="Site links"> <ul> <li><a href="https://warwick.ac.uk/study">Study</a></li> <li><a href="https://warwick.ac.uk/research">Research</a></li> <li><a href="https://warwick.ac.uk/business">Business</a></li> <li><a href="https://warwick.ac.uk/alumni">Alumni</a></li> <li><a href="https://warwick.ac.uk/news">News</a></li> <li><a href="https://warwick.ac.uk/engagement">Engagement</a></li> </ul> </nav> </div> </div> <div class="id7-search-column"> <div class="id7-search"> <form action="//search.warwick.ac.uk/website" role="search"> <input type="hidden" name="source" value="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/"> <div class="form-group"> <div class="id7-search-box-container floating-label"> <input type="search" class="form-control input-lg" id="id7-search-box" name="q" placeholder="Search Warwick" data-suggest="go" aria-label="Search Warwick"> <label for="id7-search-box">Search Warwick</label> <button type="submit" class="search-button"><span class="sr-only">Search</span><i class="fas fa-search fa-2x" aria-hidden="true"></i></button> </div> </div> </form> </div> </div> </div> <div class="id7-header-text clearfix"> <h1> <span class="id7-current-site-link" data-short-title="SiteBuilder"> <span accesskey="1" title="SiteBuilder home page [1]">SiteBuilder</span> </span> </h1> </div> </div> </div> </div> <div class="id7-navigation" id="primary-nav"> <nav class="navbar navbar-primary" role="navigation" aria-label="Primary navigation"> <ul class="nav navbar-nav"><li class="first" data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/learn/" data-page-url="/services/its/servicessupport/web/sitebuilder2/learn/">Learn to use SiteBuilder</a></li><li class="second dropdown" data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/manual/" data-page-url="/services/its/servicessupport/web/sitebuilder2/manual/">SiteBuilder manual</a> <ul class="dropdown-menu" role="menu"><li data-lastmodified="1730287896175"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/manual/access/" data-page-url="/services/its/servicessupport/web/sitebuilder2/manual/access/">Access SiteBuilder</a> </li><li data-lastmodified="1730301129931"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/manual/content/" data-page-url="/services/its/servicessupport/web/sitebuilder2/manual/content/">Your content</a> </li><li data-lastmodified="1729845945702"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/manual/pages/" data-page-url="/services/its/servicessupport/web/sitebuilder2/manual/pages/">Your pages</a> </li><li data-lastmodified="1725267962791"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/manual/site/" data-page-url="/services/its/servicessupport/web/sitebuilder2/manual/site/">Your site</a> </li></ul> </li><li data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/best-practice/" data-page-url="/services/its/servicessupport/web/sitebuilder2/best-practice/">Best practice</a></li><li class="dropdown protected" data-lastmodified="1731664107149"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/usergroup/" data-page-url="/services/its/servicessupport/web/sitebuilder2/usergroup/">User Community<i class="fa fa-lock discreet" title="Restricted permissions" aria-hidden="true"></i><span class="sr-only">(Restricted permissions)</span></a> <ul class="dropdown-menu" role="menu"><li class="protected" data-lastmodified="1729002005371"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/usergroup/past-meetings/" data-page-url="/services/its/servicessupport/web/sitebuilder2/usergroup/past-meetings/">Past meetings<i class="fa fa-lock discreet" title="Restricted permissions" aria-hidden="true"></i><span class="sr-only">(Restricted permissions)</span></a> </li></ul> </li><li class="protected" data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/surgeries/" data-page-url="/services/its/servicessupport/web/sitebuilder2/surgeries/">Surgeries<i class="fa fa-lock discreet" title="Restricted permissions" aria-hidden="true"></i><span class="sr-only">(Restricted permissions)</span></a></li><li class="protected" data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/forum/" data-page-url="/services/its/servicessupport/web/sitebuilder2/forum/">Noticeboard<i class="fa fa-lock discreet" title="Restricted permissions" aria-hidden="true"></i><span class="sr-only">(Restricted permissions)</span></a></li><li data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/releases/" data-page-url="/services/its/servicessupport/web/sitebuilder2/releases/">Release notes</a></li><li class="protected" data-lastmodified="1730215648762"> <a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/development/" data-page-url="/services/its/servicessupport/web/sitebuilder2/development/">Development<i class="fa fa-lock discreet" title="Restricted permissions" aria-hidden="true"></i><span class="sr-only">(Restricted permissions)</span></a></li></ul></nav> </div> </header> <main id="main" class="id7-main-content-area"> <header> <div class="id7-horizontal-divider"> <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" version="1.1" width="1130" height="41" viewBox="0, 0, 1130, 41"> <path d="m 0,0.5 1030.48, 0 22.8,40 16.96,-31.4 16.96,31.4 22.8,-40 20,0" class="divider" stroke="#383838" fill="none" /> </svg> </div> <div class="id7-page-title sr-only"> <h1> SiteBuilder </h1> </div> </header> <div class="id7-main-content"> <div class="layout layout-100"> <div class="column-1"><div class="column-1-content"> <div class="container-component banner full-width flush-top"> <img src="./logo2024.png" alt="SiteBuilder - Your site, your editor" class="logo" border="0"> </div> <div class="container-component boxstyle_ box6 pullquote no-bottom-margin"> <p class="text-center">Anyone at Warwick can use SiteBuilder to create and edit web pages right in their browser.</p> <p class="text-center"><strong>There's no software to download, and no special training needed - just <a href="#start">get started</a>!</strong></p> <div class="buttons-component buttons-component-vertical buttons-component-align-centre"> <a href="./manual/" class="btn btn-brand header-btn btn-lg "><i class="fas fa-book icon-start" aria-hidden="true"></i> SiteBuilder user manual</a> </div> </div> <div class="layout-row layout-row--nowrap"> <div class="layout-col layout-col--3"> <div class="container-component"> <div class="image-component margin-full"> <picture> <img src="sitebuilder_components_392x222.png" alt="" class="img-content"> </picture> </div> <p class="text-center"><i class="fas fa-shapes fa-3x" aria-hidden="true" title=""></i></p> <h2 class="text-center">Content = Components</h2> <div class="container-component boxstyle_ box0"> <p>Easily add &amp; arrange text, images, slideshows, video and more with the <a href="./manual/content/intro/">Components Editor</a>, SiteBuilder's built-in editor.</p> <p>Its library of components helps make your page more interesting - and we offer <a href="/services/its/servicessupport/web/design/ourservices/layouts/">ready-made page layouts</a>.</p> </div> </div> </div> <div class="layout-col layout-col--3"> <div class="container-component"> <div class="image-component margin-full"> <picture> <img src="sitebuilder_accessibilitybuilt_392x222.png" alt="" class="img-content"> </picture> </div> <p class="text-center"><i class="fas fa-universal-access fa-3x" aria-hidden="true" title=""></i></p> <h2 class="text-center">Accessibility built in</h2> <div class="container-component boxstyle_ box0"> <p>As a public institution, University web content is <a href="/services/its/servicessupport/web/sitebuilder2/goodsites/accessibility">required to be accessible</a>.</p> <p>To help, SiteBuilder can run <a href="./manual/content/accessibility-pane/">live accessibility checks</a> on your content, flagging up common issues as you work.</p> </div> </div> </div> <div class="layout-col layout-col--3"> <div class="container-component"> <div class="image-component margin-full"> <picture> <img src="sitebuilder_helparticles_392x222.png" alt="" class="img-content"> </picture> </div> <p class="text-center"><i class="fas fa-user-shield fa-3x" aria-hidden="true" title="User Shield"></i></p> <h2 class="text-center">Control your content</h2> <div class="container-component boxstyle_ box0"> <p>SiteBuilder works with Warwick IT accounts to give you control over who can see or edit your content.</p> <p>Assign permissions to individuals or groups, and display custom content based on who's visiting your page.</p> </div> </div> </div> <div class="layout-col layout-col--3"> <div class="container-component"> <div class="image-component margin-full"> <picture> <img src="sitebuilder_webediting_392x222.png" alt="" class="img-content"> </picture> </div> <p class="text-center"><i class="fas fa-map-marked-alt fa-3x" aria-hidden="true" title="Alternate Map Marked"></i></p> <h2 class="text-center">Guided by you</h2> <div class="container-component boxstyle_ box0"> <p>We're continually updating and improving SiteBuilder with new features.</p> <p>We engage with our <a href="./usergroup/">user community</a> to share news, gather feedback, and make sure your editor meets your needs.</p> </div> </div> </div> </div> <div class="container-component boxstyle_ box1 full-width"> <div class="layout-row layout-row--nowrap"> <div class="layout-col layout-col--4"> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./manual/advantages/" class="btn btn-default bigstack "><i class="fas fa-plus icon-start" aria-hidden="true"></i> Advantages of SiteBuilder</a> </div> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./manual/access/" class="btn btn-default bigstack "><i class="fas fa-box-open icon-start" aria-hidden="true"></i> Access SiteBuilder</a> </div> </div> <div class="layout-col layout-col--4"> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./manual/browsers/" class="btn btn-default bigstack "><i class="fab fa-chrome icon-start" aria-hidden="true"></i> Browser support</a> </div> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./manual/data" class="btn btn-default bigstack "><i class="fas fa-shield-alt icon-start" aria-hidden="true"></i> Data retention &amp; security</a> </div> </div> <div class="layout-col layout-col--4"> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./releases/" class="btn btn-default bigstack "><i class="fas fa-newspaper icon-start" aria-hidden="true"></i> Latest updates</a> </div> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="./development/" class="btn btn-default bigstack "><i class="fas fa-tasks icon-start" aria-hidden="true"></i> Features in development</a> </div> </div> </div> </div> <div class="container-component boxstyle_ box0"> <p class="text-center"><i class="far fa-window-restore fa-3x" aria-hidden="true" title="Window Restore"></i></p> <h2 class="text-center">What SiteBuilder can do</h2> <p class="text-center">Take a look at a few example pages showing what you can achieve using SiteBuilder's Components Editor:</p> <div id="af3418fc-5be2-4531-a135-c82629415235" class="horizontal-scroller arrowsAndNumbers" data-items-on-screen="2" data-stretch-items="undefined" aria-live="polite"> <div class="horizontal-scroller-items-wrapper"> <div class="horizontal-scroller-items"> <section class="horizontal-scroller-item"> <div class="image-component margin-full outline"> <a href="./example-1/" class="image-component-link"> <picture> <img src="example-1.png" alt="An example SiteBuilder page using images and block layouts" class="img-content"> </picture> </a> </div> </section> <section class="horizontal-scroller-item"> <div class="image-component margin-full outline"> <a href="./example-2/" class="image-component-link"> <picture> <img src="example-2.png" alt="An example SiteBuilder page using block layouts, Tabbed content, and Calendar &amp; News feeds, " class="img-content"> </picture> </a> </div> </section> <section class="horizontal-scroller-item"> <div class="image-component margin-full outline"> <a href="./example-3/" class="image-component-link"> <picture> <img src="example-3.png" alt="An example SiteBuilder page using block layouts, images, and a carousel component" class="img-content"> </picture> </a> </div> </section> <section class="horizontal-scroller-item"> <div class="image-component margin-full outline"> <a href="./example-4/" class="image-component-link"> <picture> <img src="example-4.png" alt="An example SiteBuilder page using block layouts, video, search, and buttons components" class="img-content"> </picture> </a> </div> </section> <section class="horizontal-scroller-item"> <div class="image-component margin-full outline"> <a href="hubo/" class="image-component-link"> <picture> <img src="hubo.jpg" alt="Hubo" class="img-content"> </picture> </a> </div> </section> </div> </div> <div class="horizontal-scroller-controls"> <button type="button" aria-controls="af3418fc-5be2-4531-a135-c82629415235" class="horizontal-scroller-left"><i class="far fa-chevron-left" aria-hidden="true"></i><span class="sr-only">Scroll items left</span></button><button type="button" aria-controls="af3418fc-5be2-4531-a135-c82629415235" class="horizontal-scroller-right"><i class="far fa-chevron-right" aria-hidden="true"></i><span class="sr-only">Scroll items right</span></button> </div> <div class="horizontal-scroller-number-buttons"></div> </div> <p class="text-center">Each page lists the components we've used, along with links to the relevant <a href="./manual/">help articles</a> explaining how to add them to your own pages.</p> </div> <div class="layout-row layout-row--nowrap"> <div class="layout-col layout-col--9"> <div class="layout-row layout-row--nowrap"> <div class="layout-col layout-col--6"> <div class="container-component boxstyle_ box4a"> <h2><i class="fas fa-angle-double-right" aria-hidden="true" title="Angle Double Right"></i> <a id="start"></a>Using SiteBuilder</h2> <p>The <a href="./manual/">SiteBuilder manual</a> explains how to <a href="./manual/pages/">create pages</a>, <a href="./manual/content/">edit content</a>, and <a href="./manual/site/">manage your site</a>.</p> <ul> <li><a href="./manual/site/request/">Request a site</a></li> <li><a href="./manual/pages/blank/">Create a new blank page</a></li> <li><a href="./manual/pages/templates/">All SiteBuilder page templates</a></li> <li><a href="./manual/content/blocks/">Page layouts in the Components Editor</a></li> <li><a href="./manual/content/images/">Add images to a page</a></li> </ul> <div class="buttons-component buttons-component-vertical buttons-component-align-right buttons-component-full-width"> <a href="./manual/" class="btn btn-brand text-align-centre-right">Read the manual <i class="fas fa-arrow-right icon-end" aria-hidden="true"></i></a> </div> </div> </div> <div class="layout-col layout-col--6"> <div class="container-component boxstyle_ box4a"> <h2><i class="fas fa-pencil-ruler" aria-hidden="true" title="Pencil Ruler"></i> Design services</h2> <p style="text-align: start;">The IDG User Experience team offers a range of advice and services to help with web and graphic design, including ready-made site designs and page layouts, or bespoke websites.</p> <p style="text-align: start;">See our site for details of <a href="https://warwick.ac.uk/services/its/servicessupport/web/design/">available web design services</a>, or contact <a href="mailto:webteam@warwick.ac.uk?subject=Web%20design%20service">webteam@warwick.ac.uk</a> to discuss your requirements.</p> </div> </div> </div> </div> <div class="layout-col layout-col--3"> <div class="remote-content"> <div class="livesearch" id="liveSearch615940"> <form action="//search.warwick.ac.uk/website" method="get" role="search"> <div class="form-group"> <label class="sr-only" for="liveSearchField615940">Search the manual</label> <div class="livesearch-container"> <input type="search" class="form-control input-lg" id="liveSearchField615940" name="q" size="15" maxlength="640" autocomplete="off" spellcheck="false" placeholder="Search the manual"> <button type="submit" class="btn"> <span class="sr-only">Search</span> <i aria-hidden="true" class="fa fa-search"></i> </button> </div> <div class="livesearch-status sr-only" role="status" aria-live="polite"></div> </div> <input name="urlPrefix" value="/services/its/servicessupport/web/sitebuilder2/manual/" type="hidden"> <input name="indexSection" value="sitebuilder" type="hidden"> </form> <div class="results"></div> </div> <script type="text/javascript"> jQuery(function($) { var req; var resultCount = 0; var $container = $('#liveSearch615940'); var $results = $container.find('.results'); var $status = $container.find('.livesearch-status'); var value; var doSearch = function(e) { var newVal = $(this).val(); if (value === newVal) { // Keypress was some non-printing character, don't waste time searching again return; } value = newVal; if (req) { req.abort(); req = null; } req = $.ajax({ url: '/ajax/lvsch/micro.html', data: { urlPrefix: '/services/its/servicessupport/web/sitebuilder2/manual/', indexSection: 'sitebuilder', q: value.substring(0,640) }, beforeSend: function() { $container.find('i.fa').removeClass("fa-search").addClass("fa-cog fa-spin"); }, success: function(data) { $container.find('i.fa').removeClass("fa-cog fa-spin").addClass("fa-search"); $results.html(data); var newCount = $results.find('li').length; if (newCount > 0 && resultCount === 0) { $status.text(newCount + ' results, press tab to list or press enter to navigate to full search results'); } else if (newCount === 0 && resultCount > 0) { $status.text('No results, try another query'); } resultCount = newCount; req = null; } }); e.stopPropagation(); e.preventDefault(); return false; }; $('#liveSearchField615940').on('keyup', _.debounce(doSearch, 250)); }); </script> <div class="buttons-component buttons-component-vertical buttons-component-full-width"> <a href="https://warwick.ac.uk/editorfeedback" class="btn btn-brand btn-lg text-align-centre-left"><i class="fas fa-paper-plane icon-start" aria-hidden="true"></i> Support &amp; feedback</a><a href="https://warwick.ac.uk/sitebuilder/training/" class="btn btn-brand btn-lg text-align-centre-left"><i class="fas fa-graduation-cap icon-start" aria-hidden="true"></i> Learn to use SiteBuilder</a><a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/forum/" class="btn btn-brand btn-lg text-align-centre-left"><i class="fas fa-thumbtack icon-start" aria-hidden="true"></i> SiteBuilder noticeboard</a><a href="https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/usergroup/" class="btn btn-brand btn-lg text-align-centre-left"><i class="fas fa-users icon-start" aria-hidden="true"></i> User community</a> </div> </div> <div class="container-component boxstyle_ box3"> <h2>Latest update:</h2> <section class="newsSchedule"> <section class="newsItems"> <h3><time datetime="2024-11-26" class="date spaceAfterDate">Tue 26 Nov '24</time></h3> <article class="newsItem"> <a class="url" href="https://warwick.ac.uk/services/its/servicessupport/web/releases/sitebuilder/?newsItem=8ac672c79367e83e019368250b7801b6" title="Click for more information"> <h4 class="title">SiteBuilder 2.599 released</h4> </a> </article> </section> </section> </div> </div> </div> </div></div> </div> </div> </main> <footer class="id7-page-footer id7-footer-coloured"> <div class="id7-site-footer"> <div class="id7-site-footer-content"> </div> </div> <div class="id7-app-footer"> <div class="id7-logo-bleed"></div> <div class="id7-app-footer-content"> <div id="page-footer-elements" class="nofollow clearfix page-footer-elements"> Page contact: <a id="email-owner-link" href="/sitebuilder2/api/ajax/emailOwner.htm?page=%2Fservices%2Fits%2Fservicessupport%2Fweb%2Fsitebuilder2" class="no-print-expand" aria-controls="email-page-owner" title="Send an email to ITS Web Team" rel="nofollow">ITS Web Team</a> <br> Last revised: Fri 12 Jul 2024 </div> <div id="email-page-owner" class="hidden"> </div> <div class="id7-footer-utility"> <ul> <li id="powered-by-link"> Powered by <a href="https://warwick.ac.uk/sitebuilder" title="More information about SiteBuilder">Sitebuilder</a> </li> <li id="accessibility-link"><a href="https://warwick.ac.uk/accessibility" title="Accessibility information [0]" accesskey="0">Accessibility</a></li> <li id="cookies-link"><a href="http://warwick.ac.uk/cookies" title="Information about cookies">Cookies</a></li> <li id="copyright-link"><a href="http://warwick.ac.uk/copyright" title="Copyright Statement">&copy; MMXXIV</a></li> <li id="modern-slavery-link"><a href="https://warwick.ac.uk/modernslavery">Modern Slavery Statement</a></li> <li id="privacy-link"><a href="http://warwick.ac.uk/privacy" title="Privacy notice">Privacy</a></li> <li id="terms-link"><a href="http://warwick.ac.uk/terms/general" title="Terms of use">Terms</a></li> </ul> </div> </div> <!-- Hide vacancies link on custom domains and nonbranded sites --> <div id="university-vacancies-link"> <a class="btn btn-info" href="https://warwick.ac.uk/vacancies">Work with us</a> </div> </div> </footer> </div> <div class="id7-right-border"></div> <aside id="cookie-banner"> <div class="container"> <h2>Let us know you agree to cookies</h2> <form id="cookiePreferenceForm" action="/sitebuilder2/user/cookiepreference?returnTo=%2Fservices%2Fits%2Fservicessupport%2Fweb%2Fsitebuilder2%2F" method="POST"> <div class="row"> <div class="col-sm-12 col-md-4"> <p class="cookie-description">We use cookies to give you the best online experience. Please let us know if you agree to functional, advertising and performance cookies. You can update your cookie preferences at any time.</p> <p class="cookie-policy-link"><a href="/cookies">Cookie policy</a></p> </div> <div class="col-sm-7 col-md-4"> <fieldset class="form-group"> <div class="checkbox disabled"> <label data-toggle="tooltip" data-placement="top" title="Essential cookies are always on"> <input type="checkbox" id="cookie-modal-essential-cookies" class="switch__checkbox" aria-disabled="true" checked="" disabled=""> Essential cookies </label> </div> <div class="checkbox"><span class="control-label-wrapper"><label> <input id="cookie-modal-functional-cookies" tabindex="0" type="checkbox" name="hasFunctionalConsent" class="nonTextField" value="true" > Functional cookies <input type="hidden" name="_hasFunctionalConsent" value=""> </label> <!-- helptext:hasFunctionalConsent --> </span></div> <div class="checkbox"><span class="control-label-wrapper"><label> <input id="cookie-modal-advertising-cookies" tabindex="0" type="checkbox" name="hasAdvertisingConsent" class="nonTextField" value="true" > Advertising cookies <input type="hidden" name="_hasAdvertisingConsent" value=""> </label> <!-- helptext:hasAdvertisingConsent --> </span></div> <div class="checkbox"><span class="control-label-wrapper"><label> <input id="cookie-modal-performance-cookies" tabindex="0" type="checkbox" name="hasPerformanceConsent" class="nonTextField" value="true" > Performance cookies <input type="hidden" name="_hasPerformanceConsent" value=""> </label> <!-- helptext:hasPerformanceConsent --> </span></div> </fieldset> </div> <div class="col-sm-5 col-md-4"> <button type="submit" class="btn btn-accept-all btn-block btn-lg" name="acceptAll" value="true" aria-label="Accept all functional, advertising and performance cookies" title="Accept all functional, advertising and performance cookies">Accept all</button> <button type="submit" class="btn btn-remember btn-block btn-lg" name="savePreferences" value="savePreferences">Remember my preference</button> <button type="button" class="btn btn-more-info btn-block btn-lg cookie-banner-modal-button">More information</button> </div> </div> </form> </div> </aside> <div class="cookie-preference-modal-container"></div> <aside class="statuspage-embed-container" aria-label="Service Status" data-api-base="https://status.warwick.ac.uk/api" data-components='["j9ksmwrhqs9v", "fzcttzffk1j0", "lyljzmdxg3yg", "qkfm31zsq8c5"]' ></aside> <script async type="module" src="https://d36jn9qou1tztq.cloudfront.net/static_war/render/statuspage-widget/main.js.258593508940"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10