CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/homepage" /> <link rel="shortlink" href="/node/1" /> <link rel="shortcut icon" href="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta property="og:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="og:image:width" content="940" /> <meta property="twitter:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="twitter:card" content="summary" /> <meta property="og:site_name" content="UCSF Websites" /> <meta property="twitter:url" content="https://websites.ucsf.edu/homepage" /> <meta property="og:url" content="https://websites.ucsf.edu/homepage" /> <meta property="twitter:title" content="Homepage | UCSF Websites" /> <meta property="og:title" content="Homepage" /> <title>Homepage | UCSF Websites</title> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_skhFl2AhilhxAlHjGa_fTNSPVanaq_LTvzbp87QV8BM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_KtV_0W2L1RpBdKj5ObC3CRUchB_iaxUEL8n1_iqwt5o.css" media="all" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/css/hopscotch.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_0wq-oSMa1dZUDrswIs--ZE9BmEbEiCxrgJH-DEpoXrI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_MB_OJmOWZ3q8_itIvibVBCwqx5eIBtmFezuG3FGZPnE.css" media="all" /> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_gHk2gWJ_Qw_jU2qRiUmSl7d8oly1Cx7lQFrqcp3RXcI.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_ROty9TLRT7GvgDUFw_QNzL45vlatntRp6wuC_6otqeQ.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/js/hopscotch.min.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_X29AUVcfuG5wHH9ySA6s5LgOAjmkzlakDPpSV6MBBjY.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=UA-174314-31"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_N23fS6ooC-uvOJ2j7mtuBbVQeGAvoXnACb9oAiqrOPE.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_pBJ9BqqTImG5h6xNRUOzZ4_9dQezvjMt-I7yPp8naQY.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_QQeuJpMVaNOcbJ6HF3pJFdPsqb0L--SFT89e1HBmNhE.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="html front not-logged-in page-node page-node- page-node-1 node-type-page slider-primary ucsf-b1gfoot font--header--granjon slider-no-image profile--grid sidebar sidebar--right sidebar-color--white" data-slider-speed="10000"> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="page-wrapper"> <div id="page"> <div class="ucsf-top-header row-full-width no-logo"> <div class="inside"> <ul class="menu"> <li class="first"><a href="http://www.ucsf.edu">University of California San Francisco</a></li> <li><a href="http://www.ucsfhealth.org/">UCSF Health</a></li> <li><a href="http://www.ucsf.edu/search" title="">Search UCSF</a></li> <li><a href="http://www.ucsf.edu/about">About UCSF</a></li> </ul> </div> </div> <div id="header" class="row-full-width"> <div class="inside clearfix"> <h1 id="site-name"> <a href="/" title="Home" rel="home"> UCSF Websites </a> </h1> <div class="region region-header"> <div id="block-search-form" class="block block-search"> <div class="content"> <form onsubmit="if(this.search_block_form.value=='Search'){ alert('Please enter a search'); return false; }" action="/" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search... </label> <input title="Enter the terms you wish to search for." placeholder="Search..." class="text-input fa fa-search form-text" aria-hidden="" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="40" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-vRUDwIteMR6xaDmQu4XsgbLcYvsy6KmgfoJCFEGgxYM" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-1966"><a href="/checklist-create-website">Get Started</a><ul class="menu"><li class="first leaf menu-mlid-2036"><a href="/checklist-create-website" title="">New Website Checklist</a></li> <li class="leaf menu-mlid-1976"><a href="/quiz-do-i-need-website">Quiz: Do I Need A Website?</a></li> <li class="leaf menu-mlid-2021"><a href="/ucsf-site-builder">UCSF Site Builder</a></li> <li class="leaf has-children menu-mlid-2032"><a href="/custom-built-sites">Custom-Built Sites</a></li> <li class="leaf menu-mlid-3921"><a href="/website-hosting">Website Hosting</a></li> <li class="last leaf menu-mlid-5791"><a href="/consulting-services">Consulting Services</a></li> </ul></li> <li class="expanded menu-mlid-1981"><a href="/policies-standards">Policies & Standards</a><ul class="menu"><li class="first leaf menu-mlid-2041"><a href="/policies-standards" title="">Overview & Requirements</a></li> <li class="leaf menu-mlid-4051"><a href="/policies-standards/ucsf-policy-registration-and-use-domain-names">Registration and Use of Domain Names</a></li> <li class="leaf menu-mlid-2046"><a href="/brand-standards">Brand Standards</a></li> <li class="leaf has-children menu-mlid-2051"><a href="/digital-accessibility">Digital Accessibility</a></li> <li class="last leaf menu-mlid-12426"><a href="/website-security">Website Security</a></li> </ul></li> <li class="leaf menu-mlid-1996"><a href="/showcase">Showcase</a></li> <li class="expanded menu-mlid-2256"><a href="/blog" title="">News & Events</a><ul class="menu"><li class="first leaf menu-mlid-2261"><a href="/blog" title="">News & Announcements</a></li> <li class="last leaf menu-mlid-2061"><a href="/events">Events</a></li> </ul></li> <li class="expanded menu-mlid-2001"><a href="/help">Help</a><ul class="menu"><li class="first leaf menu-mlid-13161"><a href="/training">Training</a></li> <li class="leaf menu-mlid-2016"><a href="/frequently-asked-questions">Frequently Asked Questions</a></li> <li class="leaf menu-mlid-2006"><a href="https://it.ucsf.edu/service/digital-accessibility-program" title="">Accessibility Resources</a></li> <li class="last leaf menu-mlid-9841"><a href="/drupal-tutorials" title="">Tutorials</a></li> </ul></li> <li class="last expanded menu-mlid-8591"><a href="/azlist" title="">A-Z Websites</a><ul class="menu"><li class="first leaf menu-mlid-9836"><a href="/azlist" title="">A-Z Websites List</a></li> <li class="last leaf menu-mlid-9826"><a href="/updating-z-website-list">Updating the A-Z list</a></li> </ul></li> </ul></div> </div> </div> </div> </div> </div> <div class="content-top"> <div class="region region-content-top"> <div id="block-fieldblock-node-page-default-field-paragraph-sliders" class="block block-fieldblock"> <div class="content"> <div class="paragraphs-items paragraphs-items-field-paragraph-sliders paragraphs-items-field-paragraph-sliders-full paragraphs-items-full"> <div class="field field-name-field-paragraph-sliders field-type-paragraphs field-label-hidden"><div class="field-items"><div class="field-item even"><div class="entity entity-paragraphs-item paragraphs-item-slider"> <div class="content"> <div class="field field-name-field-pg-slider-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><div class="bg-slider-image" style="background-image:url('https://websites.ucsf.edu/sites/websites.ucsf.edu/files/styles/slider_generic/public/Health%20Science%20illustration.jpg?itok=oO2Sc9Mc')"></div></div></div></div><div class="group-slider-content field-group-div"><div class="group-slider-inside field-group-div"><div class="field field-name-field-pg-slider-title field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">Your One-stop Shop for UCSF Websites</div></div></div><div class="field field-name-field-pg-slider-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even">This is a resource for anyone who creates, manages or supports a UCSF website. Learn how to get started, how to optimize your site, and important things to consider on this powerful platform.</div></div></div><div class="field field-name-field-pg-slider-link field-type-link-field field-label-hidden"><div class="field-items"><div class="field-item even"><a href="http://websites.ucsf.edu/checklist-creating-website">Get Started</a></div></div></div></div></div> </div> </div> </div></div></div></div> </div> </div> </div> </div> <div id="main-wrapper"> <div id="main" class="clearfix"> <div id="content" class="column"> <div class="inside"> <a id="main-content"></a> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div id="node-1" class="node node-page slider-primary clearfix" about="/homepage" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Homepage" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><p><span style="font-size:24px;font-weight:300;">Websites are one of our most powerful and versatile communications platforms. They offer an opportunity to reach your broadest audience, and they're often a chance to make a first impression to them. To be effective, they need to be intuitive, engaging and accessible.</span></p> <p><span style="font-size:18px;">Here are a few things to consider when creating your own website:</span></p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--interactive-gray" style="background-color:#EDEDED;"> <p><span style="font-size:18px;"><strong>Build it into your budget: </strong>A custom website can cost in the tens of thousands to design and build, in addition to the ongoing costs of code maintenance and feature improvements.</span></p> </div> <div class="wysiwyg_twocols--second bg--interactive-gray" style="background-color:#EDEDED;"> <p><span style="font-size:18px;"><strong>Inclusion extends to digital:</strong> Public institutions are <a href="http://www.ucop.edu/electronic-accessibility/initiative/policy.html" target="_blank">legally required to be digitally accessible</a>, meaning all websites must accommodate visual, auditory, physical and other disabilities.</span></p> </div> </div> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--interactive-gray" style="background-color:#EDEDED;"> <p><span style="font-size:18px;"><strong>You get what you pay for: </strong>The quality of how your website was built impacts your search rankings. Poorly built or maintained websites may be <a href="https://moz.com/beginners-guide-to-seo" target="_blank">flagged as spam by Google's algorithm</a>.</span></p> </div> <div class="wysiwyg_twocols--second bg--interactive-gray" style="background-color:#EDEDED;"> <p><span style="font-size:18px;"><strong>Add style to substance: </strong>Strong, user-centered design is critical to a successful site - <a href="http://blogs.adobe.com/creative/files/2015/12/Adobe-State-of-Content-Report.pdf" target="_blank">38% of people will stop engaging with a website</a> if the content or general layout is unattractive.</span></p> </div> </div> <p>聽</p> <p><span style="font-size:18px;">UCSF provides many resources to help you create and manage a high-quality website. Here you'll find:</span></p> <ul> <li><span style="font-size:18px;"><a href="/checklist-create-website">Step-by-step instructions</a> for establishing a website at UCSF</span></li> <li><span style="font-size:18px;"><a href="/brand-standards">Branding requirements</a> for all UCSF websites</span></li> <li><span style="font-size:18px;">Policies to ensure that all sites are <a href="/digital-accessibility">accessible</a>, <a href="/policies-standards">secure and properly using the UCSF name</a></span></li> <li><span style="font-size:18px;">Information about <a href="/ucsf-site-builder">UCSF Site Builder</a>, a flexible Drupal template for creating most websites</span></li> <li><span style="font-size:18px;"><a href="/help">Tutorials</a> for using Site Builder and its predecessor, the Starter Kit</span></li> <li><span style="font-size:18px;"><a href="/drupal-developers">Development guidelines</a> for those creating a custom website</span></li> <li><span style="font-size:18px;"><a href="/showcase">Examples of successful websites</a> at UCSF to inspire your work</span></li> <li><span style="font-size:18px;">The <a href="/blog">latest news and announcements</a> related to UCSF websites</span></li> </ul> <p>聽</p> <hr /> <h3><img alt="screenshot of neurograd.ucsf.edu homepage" height="300" src="/sites/websites.ucsf.edu/files/wysiwyg/Neurograd-website.jpg" style="float:left" width="300" />UCSF Site Builder</h3> <p><span style="font-size:18px;">Need a new website? UCSF offers a free, Drupal-based template that comes with a host of attractive features, including the聽ability to integrate with UCSF's events calendar, faculty and researcher profiles and news content. </span></p> <p><span style="font-size:18px;">This entire site was made聽with the UCSF Site Builder. <a href="http://websites.ucsf.edu/showcase">Check out our showcase for other examples</a>.</span></p> <p><span style="font-size:18px;"><strong><a class="btn--small btn--blue" href="/ucsf-site-builder">Learn more about the UCSF Site Builder</a></strong></span></p> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar"> <div class="section"> <div class="region region-sidebar"> <div id="block-fieldblock-node-page-default-field-blockref-sidebar" class="block block-fieldblock"> <div class="content"> <div class="field field-name-field-blockref-sidebar field-type-blockreference field-label-hidden"><div class="field-items"><div class="field-item even"><div id="block-views-blog-blog-block" class="block block-views"> <h3>Announcements</h3> <div class="content"> <div class="view view-blog view-id-blog view-display-id-blog_block view-dom-id-9d6859aafa533a179bce287eb42eee67"> <div class="view-content"> <div class="ucsf-blog"> <div class="date">January 16, 2024</div><h3><a href="/blog/drupal-9-end-life-and-managing-your-site-upgrade">Drupal 9 End of Life and Managing Your Site Upgrade</a></h3> </div> <div class="ucsf-blog"> <div class="date">February 01, 2022</div><h3><a href="/blog/new-home-digital-accessibility-website">New Home for the Digital Accessibility Website</a></h3> </div> <div class="ucsf-blog"> <div class="date">January 31, 2022</div><h3><a href="/blog/winter-20212022-improvements-ucsf-site-builder">Winter 2021/2022: Improvements to UCSF Site Builder</a></h3> </div> <div class="ucsf-blog"> <div class="date">September 28, 2021</div><h3><a href="/blog/human-resources-website-success-story">The Human Resources Website Success Story</a></h3> </div> </div> <div class="more-link"> <a href="/blog"> See more </a> </div> </div> </div> </div></div></div></div> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="section"> <div class="region region-footer"> <div id="block-block-31" class="block block-block"> <div class="content"> <p>Is there additional information on UCSF websites that would be helpful to you? Send us feedback at <a href="/cdn-cgi/l/email-protection#40372522332532362923253300352333266e252435"><span class="__cf_email__" data-cfemail="4b3c2e29382e393d22282e380b3e28382d652e2f3e">[email protected]</span></a>.</p> </div> </div> </div> <div class="footer-bottom"> <nav aria-label="Footer Navigation" class="footer--navigation"> <ul> <li><a href="/consulting-services">Contact Us</a></li> <li><a href="https://websites.ucsf.edu/digital-accessibility">Accessibility</a></li> <li><a href="https://www.ucsf.edu/website-privacy-policy">Privacy Policy</a></li> <li><a href="https://websites.ucsf.edu/website-terms-use">Terms of Use </a></li> <li><a href="https://websites.ucsf.edu/azlist">A-Z Website List</a></li> </ul> </nav> <div class="footer--copyright"> <p>© 2024 The Regents of the University of California</p> </div> </div> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_8343.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>