[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-249122-105":53,"doc-detail-249122-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","website-design-guide-website-design-introduction","Website Design Guide - Website Design Introduction","","Website Design Guide provides practical guidance for building and editing web pages in Site Explorer, including how to construct pages from scratch, manage pages and templates, and organize reusable content parts. The guide explains administrative-only areas such as layouts and stylesheets, detailing CSS-based customization and default style usage. It also covers adding and managing images and files, and supports content approval workflows and roles. Accessibility guidance aligns web delivery with W3C/WAI standards.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/website-design-guide-website-design-introduction/249122/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/website-design-guide-website-design-introduction/249122.png","ImageObject",442,249,{"name":88,"@type":89},"Caleb Sterling","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-27","2026-09-12",true,{"@type":98,"interactionType":99,"userInteractionCount":35},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"How do you construct a web page from start to finish in Site Explorer?","Question",{"text":108,"@type":109},"Use the program’s workflow to assemble the page using layouts, templates, and content parts, along with stylesheets where applicable. Administrative security rights must be assigned to the relevant user roles.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"What is the purpose of templates compared with layouts?",{"text":113,"@type":109},"Templates provide the framework for establishing consistency across the website. Layouts are used to design and place panes on the web page, containing parts and images.",{"name":115,"@type":106,"acceptedAnswer":116},"Which file types are supported for images in the Image Library?",{"text":117,"@type":109},"Images must be saved as BMP, GIF, JPG, or JPEG files. An image appears on the website only after it is added to a webpage.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},249122,1791481036,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":35,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":135,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":45},962084925290,"https://ap-avatar.wpscdn.com/davatar_085a072bc5b1113ac321206ff7593b45","Website Design Guide  \n2/7/2017 Blackbaud NetCommunity 7.1 Website Design US  \n©2016 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic, or mechanical, including photocopying, recording, storage in an information retrieval system, or otherwise, without the prior written permission of Blackbaud, Inc.  \nThe information in this manual has been carefully checked and is believed to be accurate. Blackbaud, Inc., assumes no responsibility for any inaccuracies, errors, or omissions in this manual. In no event will Blackbaud, Inc., be liable for direct, indirect, special, incidental, or consequential damages resulting from any defect or omission in this manual, even if advised of the possibility of damages.  \nIn the interest of continuing product development, Blackbaud, Inc., reserves the right to make improvements in this manual and the products it describes at any time, without notice or obligation.  \nAll Blackbaud product names appearing herein are trademarks or registered trademarks of Blackbaud, Inc. All other products and company names mentioned herein are trademarks of their respective holder. WebDes-2016  \nContents  \nWebsite Design Introduction  5  \nWebsite Overview  5  \nWebsite Accessibility  7  \nPages & Templates  8  \nButtons in Pages & Templates  8  \nPages  10  \nTemplates  17  \nFiles  24  \nUpload Files  24  \nEdit File Properties  26  \nLayouts  28  \nCreate Layouts  28  \nStyle Sheets  35  \nCreate Style Sheets  35  \nImage Library  42  \nUpload Images  42  \nEdit Image Properties  44  \nProfile Images  46  \nProfile Image Configuration  47  \nPhoto Albums on Your Website  52  \nFriendly URLs  55  \nApprovals  58  \nContent Approval: Process Overview  58  \nContent Approval Roles  59  \nContent Author  59  \nContent Approval  60  \nWeb Designer  60  \nApproval and Workflow Task Rights  60  \nManage Draft and Pending Parts  61  \nchapter 1  \nWebsite Design Introduction  \nWebsite Overview  5  \nWebsite Accessibility  7  \nYou create web pages in Site explorer. To modify web pages, you can design page layout, create and use templates, and add and remove part type information and images. Most likely, users who create web pages are site administrators with Supervisor rights. This section contains information about how to create and edit the parts for your web pages in Site explorer.  \nWebsite Overview  \nThe diagram depicts how to use the program to construct a web page from start to finish. Stylesheets, Layouts, and templates sections are for Administrator use only. Most likely, you do not need to create layouts and templates for a new web page; you use existing ones. If you have edit rights, you can create and update web pages and part types. The Administrator must assign these security rights to user roles.  \nFor information about security, see the Users & Security Guide.  \nSite explorer contains multiple sections. Each plays a major part when you construct and design a webpage.  \nPages & templates—You can store each web page and template individually in Pages & templates with quick access to each page. You can also create, edit, and delete pages for your website and view the URL path for each page. To create a web page, you must add content parts from Parts to your page in Pages & templates.  \nNote: Templates are the framework for your website and establish consistency throughout your site. Administrators can create, edit, and delete templates in Pages & templates. When you create webpages, you can start with an existing template.  \nImage library—Use Image library to add, delete, and approve images for your website. In addition, view a preview of an image to make sure it appears on the screen correctly. Images must be saved as a *.bmp, *.gif, *.jpg or *.jpeg file. An image does not appear on your website until you add it to a webpage.  \nParts—Use Parts to create, edit, and delete reusable content information, such as a user login and user profile form. A content part d","cbCaigGM8G31j0xh","https://ap.wps.com/l/cbCaigGM8G31j0xh","pdf",5201103,61,"English","# Website Design Introduction\n## Website Overview\n## Website Accessibility\n## Pages & Templates\n## Buttons in Pages & Templates\n## Pages\n## Templates\n## Files\n## Upload Files\n## Edit File Properties\n## Layouts\n## Create Layouts\n## Style Sheets\n## Create Style Sheets\n## Image Library\n## Upload Images\n## Edit Image Properties\n## Profile Images\n## Profile Image Configuration\n## Photo Albums on Your Website\n## Friendly URLs\n## Approvals\n## Content Approval: Process Overview\n## Content Approval Roles\n## Content Author\n## Content Approval\n## Web Designer\n## Approval and Workflow Task Rights\n## Manage Draft and Pending Parts","[{\"question\":\"How do you construct a web page from start to finish in Site Explorer?\",\"answer\":\"Use the program’s workflow to assemble the page using layouts, templates, and content parts, along with stylesheets where applicable. Administrative security rights must be assigned to the relevant user roles.\"},{\"question\":\"What is the purpose of templates compared with layouts?\",\"answer\":\"Templates provide the framework for establishing consistency across the website. Layouts are used to design and place panes on the web page, containing parts and images.\"},{\"question\":\"Which file types are supported for images in the Image Library?\",\"answer\":\"Images must be saved as BMP, GIF, JPG, or JPEG files. An image appears on the website only after it is added to a webpage.\"}]","Website Design Guide - Website Design Introduction | PDF",1789250037]