Build Your Own Website A Comic Guide to HTML, CSS and Wordpress by Nate Cooper (z-lib.org)

Figure 6-1: A comparison of hosting plans offered by GoDaddy (top), HostGator (middle), and BlueHost (bottom) 238  Chapter 6  The Big Launch

Setting Up Hosting: A Home Online Picking a host can seem daunting at first because there are so many options available and the choices can be overwhelming. Don’t worry! It’s really hard to go wrong. And you can always change your host if you are unhappy with it. Start by thinking about what you want. Do you want WordPress? Pick a host with one-click WordPress installs. Or do you want just a basic HTML site to start? Here are some questions for you to consider when shopping for hosting: How many domains does your account support? For each website, you’ll need a separate domain. You’ll need more than one domain if you are setting up several businesses, or if you want one site for your business and another for a personal website or blog. How much storage is available? This is mainly an issue of how many files you’ll store online. If you are building a port- folio and storing a lot of high-quality images or videos, then you’ll want to find a host that provides a reasonable amount of space. Many hosts now offer unlimited storage, so if you’re concerned about space, look for a host that isn’t limited. What is the bandwidth limit? Bandwidth (sometimes called transfer) refers to the amount of information that can be sent from your host to your audience per month. If you have a lot of visitors and they are accessing large files, then more bandwidth is used. Many shared hosting plans have unlimited bandwidth options, so look for those if you have concerns. Is email hosting included? While we won’t be covering email in this book, most web hosts offer email hosting along with their regular hosting packages. Don’t assume it always comes with your hosting packages, though; it may cost extra. What kind of support is included? Is there phone support available should you need to call the host? Does the host have an easy-to-access online chat service or customer support email? Customer service is often one of the major factors that sets hosting companies apart. Once you’ve found a host that offers you what you need, the safe bet is to choose the plan that best fits your budget. It’s not difficult to upgrade to a more expensive plan if you need to later. More expensive hosting packages may make sense if you have a particular goal in mind, like hosting two separate domains. For example, you may register one domain for a personal site and another domain for an unrelated business. Many hosting plans offer free addon domains with certain plans, as shown in Figure 6-2. This means you have one hosting plan fee but multiple domains pointing to different folders on the server. Setting Up Hosting: A Home Online  239

Figure 6-2: HostGator has a plan for so-called addon domains. You can attach a separate domain to the same hosting plan without having to set up another hosting plan. Getting a Basic HTML and CSS Site Up and Running Once you’ve decided on your plan and set up your domain and hosting, you should be given some information on how to log in. Your host may send this to you in an email. With this kind of hosting, you’ll never actually see the computers that act as servers; you’ll just work on them remotely using FTP or an administrative panel that you’ll log into using a browser. Follow the steps the host provides to log into your account. What you’ll see now is an administrative panel. cPanel (shown in Figure 6-3) and Plesk are common examples of administrative panels. 240  Chapter 6  The Big Launch

Figure 6-3: A cPanel screen on HostGator Your host should also provide you with an FTP address, username, and password. (You may find this information in your administrative panel as well.) You’ll need that FTP infor- mation to add files you create on your computer to the remote server. Remember from Chapter 1 that you need two programs to build web pages by hand: a code editor and an FTP client. If you already followed the recommendation to down- load FileZilla (https://filezilla-project.org/ ), you can enter the FTP address, username, and password (provided by your host) to access your folder on your hosting plan, as shown in Figure 6-4. Getting a Basic HTML and CSS Site Up and Running  241

Figure 6-4: FileZilla shows both your local computer and the remote host via FTP so that you can easily keep track of your files in both locations. Just drag files from your local computer to the remote side to upload them. Because you always work off of your computer, it’s a good habit to create a folder for each of your sites somewhere on your hard drive. This folder should look exactly like the live version of your site. The folder acts as a backup and allows you to test changes you want to make locally; that is, before taking them live to your website. Once you are sure the changes you’ve made are working, you are ready to transfer them to your web host using FileZilla. Open FileZilla; type the host, username, and password from your host; and click Quick­ connect. Once connected, you should see a local view (your computer) on the left side of the window and a remote site view (your web host) on the right side. On the local side, you’ll want to navigate to the folder where you keep the HTML and CSS files you created. On the remote side, you’ll want to navigate to the folder where you’d like the files to go on your website. Remember, there is always a root of the site, from which you can create folders to branch off, just as Kim did to build her portfolio. When you are sure the files are in the location you’re looking for, you can drag and drop them from the left (local) to the right (remote) side. This will copy the files to your remote host and keep a local copy for you. The root of your site—where the live web pages live—is usually in a folder called www or public_html. Check with your host if you’re unsure which folder is the root. If you're using WordPress to build your site, you don't really need a local copy. You can just create the site live on the host. Setting Up WordPress As you know from Chapter 4, WordPress is a content management system that runs on your host and allows you to create pages, post blog entries, and upload media (photos, videos, and so on) through the web browser. A content management system has lots of tools to . . . well . . . help manage your content. WordPress makes it easier for you to organize your site and make it look nice without having to code or manage your files using an FTP program. 242  Chapter 6  The Big Launch

Many hosts these days support WordPress natively and make setup a snap. WordPress itself is free, but you’ll still need to pay for hosting to use it to manage your content. Your host stores the text, photos, and other site information, and then serves it to your visitors. A Note on Buying WordPress Hosts If you intend to set up your own hosting plan using WordPress to manage your content, look for a host that has one-click install to set up WordPress on your site (see Figure 6-5). One-click install scripts make setting up WordPress a cinch, because it means WordPress lives in a single folder on your host, like <your-site> .com/wordpress or <your-site>.com/blog. When you run the install script, it asks you where you’d like WordPress to live (see Figure 6-6). You can also point it to the root of your site so that the address is just <your-site>.com. The one-click install does all the heavy lifting by creating the WordPress database, installing a fresh copy of WordPress, and connecting it to the database for you automatically. If your host doesn’t have a one-click install script, there are detailed instructions on how to set up WordPress in the online documentation: http://codex.wordpress .org/Installing_WordPress/. Figure 6-5: A cPanel with a WordPress installer script Figure 6-6: When installing WordPress on a live server, you’ll be asked where you’d like to install it. Setting Up WordPress  243

Conclusion And so we come to the end of our journey. You’ve learned a lot! You tackled the ancient code of HTML and the slick style of CSS. You defeated 404 dragons and learned the proper ways of the path. You got a tour of WordPress City and saw how modern content manage- ment works. You even tried on the best fashions with theme selection. Now you’re ready to build your own website. But really, this isn’t the end of learning—it’s the beginning. You’ve gotten a good start, but it’s up to you to actually build something cool. It doesn’t mean there won’t be bumps on the road. Whenever you start something new, it’s never as good as you imagined, but the secret is to keep at it. Try! Don’t give up! If you get lost, come back to this book and review a section to get back on your path. The Guru, Kim, and Kim’s friends will all be here if you need help, but from now on the adventure is yours! 244  Chapter 6  The Big Launch

Index Numbers & Symbols anchor (<a>) tags, in HTML, BlueHost, 238 <> (angle brackets), in HTML, 47 24–25, 37, 51, 57 <body> tags, in HTML, 22, 48, 57 : (colon), in CSS, 96 boldface, in HTML, 50 {} (curly brackets), in CSS, 75, 96 angle brackets (<>), in HTML, 47 border-color property, . (dot), in CSS, 89, 102 Appearance Panel, WordPress. # (hash mark), in CSS, 87–88, 99 in CSS, 113 % (percent) font size, in CSS, 77 See also customizing border property, in CSS, 113 ; (semicolons), in CSS, 76, 96 WordPress border-style property, 404 errors, 28–30, 43 Customize section, 196–197 Header section, 196 in CSS, 113 A Menu section, 199 border-width property, <a> (anchor) tags, in HTML, overview, 176–177 Theme Options section, 180, in CSS, 113 24–25, 37, 51, 57 box model, in CSS, 113 About folder, 40 196, 197 <br> (break) tags, in HTML, 23, absolute URLs, 36–37, 44, 52, themes, 193 Attachment Details area, in 50–51, 57 53, 70 broken links, 30, 43–44, 53 active plugins, in WordPress, ­WordPress, 157 browsers, 11, 48 attributes, HTML Bulk Action drop-down menu, 184, 207 active themes, in WordPress, 148, alt, 38, 57 in WordPress, 171 class, 86, 88, 101, 107 176, 193–194 href, 24, 51, 57 C Add Media button, in WordPress, id, 86–88, 98 overview, 37 capitalization, in HTML 155–156 src, 37, 57 d­ ocuments, 30, 31, 47 Add New Theme button, in B Caption field, WordPress Attach- W­ ordPress, 194 ment Details area, 157 addon domains, 239–240 backend, WordPress, 146, 148 addresses, website, 12. See also background-color property, Cascading Style Sheets (CSS) classes, 88–89, 101–102, 103 domain names; uniform in CSS, 105, 113 colors, 82–83, 102–104 resource locators (URLs) background-image property, common properties, 113–114 Add to Menu button, in <div> tags, 89–91, 104–107, ­WordPress, 199, 201 in CSS, 113 110–113 admin bar, in WordPress, 148 bandwidth, from web host, 239 fonts and text, styling, administrative panel, from host, blog posts, WordPress 73–78, 95 240–241 getting basic site up and administrators, in WordPress, creating, 164–165 ­running, 240–242 144, 145 featured images, 168–169 within HTML documents, alignment of images, in Word- managing and deleting 80–81 Press, 158, 159 IDs, 84–88, 98–102, 103, 105 All Posts section, in c­ ontent, 171 inheritance, 81–82, 99–100 WordPress, 171 organizing, 135–137 Inspect Element option, 79 alt attribute, HTML, 38, 57 overview, 125–127 linking to HTML files, Alt Text field, WordPress Attach- vs. pages, 149 66–71, 93 ment Details area, 157 post formats for media, margins and padding, 108–110 169–170 tags and categories, 136–137, 166–168

Cascading Style Sheets (CSS), customizing WordPress <em> tags, in HTML, 21, 50, 57 continued advanced, 205 exporting content to navigation menu, 199–202 overview, 61–66, 93 settings, 203–205 WordPress, 214 recognizing difference between themes, 180–181, 186–192, 196–199 F HTML and, 91–92 featured images, WordPress, stylesheet, creating, 93–95 D syntax, 96–98 Dashboard, in WordPress 168–169 in WordPress, 143, 155, file browsers, 12 overview, 128–129, 145–146 filenames, in HTML, 27–32, 47 189–192, 205 Screen Options tab, 201, files, transferring to case sensitivity, in HTML, 30, 202–203 web host, 242 31, 47 Settings tab, 203–205 file structure, in HTML, 37–46 categories, in WordPress switching between backend File Transfer Protocol (FTP), 12, adding to navigation menu, and frontend, 148 14, 241–242 199–200 Updates tab, 213 FileZilla, 14, 241–242 date, publishing, in Firefox browser, 11 overview, 136–137, 166–168 float property, in CSS, 105, child pages, in WordPress, 134, WordPress, 161 default HTML files, 31–32, 40, 45 107, 113 162–164 deleting content, WordPress, folder structure, in HTML, 37–45, child theming, in WordPress, 205 Chrome browser, 11 158, 171 52–53 class attribute, in HTML, 86, 88, Description field, WordPress font-family property, in CSS, 101, 107 Attachment Details 95, 113 classes, in CSS, 88–89, area, 157 fonts, styling with CSS, 73–78, Details link, WordPress 101–102, 103 plugins, 207 95–98 clear property, in CSS, 113 Discussion section, WordPress font-size property, in CSS, 113 clients, 12–13 Settings tab, 205 font-weight property, closing tags, in HTML, 23, 25, 50 <div> tags, in HTML, 89–91, CMS (content management 104–107, 110–113 in CSS, 114 DOCTYPE declaration, 47, 57 formats, post, in WordPress, system), 145. See also document names, in HTML, WordPress 27–32, 47 169–170 code editors, 11–12 domain names, 12, 229, formatting bar, in WordPress, 152 Codex, in WordPress, 215 237–238, 239–240 404 errors, 28–30, 43 colon (:), in CSS, 96 dot (.), in CSS, 89, 102 free accounts, in WordPress, 145 color property, CSS, 105, 113 drafts, in WordPress, 160–161 frontend, in WordPress, 147, 148 colors, in CSS, 82–83, 102–104 front page, in WordPress, 150 columns, in CSS, 89–91, 110–113 E FTP (File Transfer Protocol), 12, .com domains, 12, 237 email hosting, 239 containers, 105 embedding images in HTML 14, 241–242 content management system functions, in HTML, 191 (CMS), 145. See also file structure, 37–46 WordPress <img> tags, 35–38, 41–45, G conventions, in HTML, 50 General section, WordPress cPanel, 240–241, 243 52–53, 57 CSS. See Cascading Style overview, 52–53 S­ ettings tab, 203–204 Sheets (CSS) site map, 33–34 GoDaddy, 238 .css extension, 94 em font size, in CSS, 77, 78, 96 curly brackets ({}), in CSS, 75, 96 H Custom Design upgrade, in <h1> tags, in HTML, 51, 57, ­WordPress, 205 97–98 hash mark (#), in CSS, 87–88, 99 246 Index

Header section, in WordPress, starting new document, L 196–197 47–48 layouts, WordPress themes, 198 headings, creating in tags. See tags, in HTML Left Align button, WordPress, WordPress, 154 in WordPress, 132, 154–155, 158, 159 heading tags, in HTML, 51, 57, 189–192, 205 line breaks, in HTML, 23, 97–98 HyperText Transfer Protocol 50–51, 57 <head> tags, in HTML, 48, 54–58, (HTTP), 12 links. See also uniform resource 67–69, 93–94 hyphens, in HTML documents, locators (URLs) height property, in CSS, 105, 31, 47 adding to WordPress navi- 112, 114 I gation menu, 200, help resources, in WordPress, 215 id attribute, in HTML, 86–88, 98 202–203 hex values, 82, 102–104 IDs, in CSS, 84–88, 98–102, creating in WordPress, hierarchical filesystem, in 153–154 103, 105 reading, 12 HTML, 37–46 images for WordPress categories HostGator, 238 and tags, 168 hosts. See web hosts adding to WordPress page, link tags, in HTML, 24–25, href attribute, in HTML, 24, 155–159 51–52, 57 Link To field, WordPress 51, 57 embedding in HTML ­Attachment Details .html extension, 48 file structure, 37–46 area, 157 <html> tags, 47, 57 <img> tags, 35–38, 41–45, logging in/out, WordPress, 128, HTTP (HyperText Transfer 52–53, 57 145–147, 148 overview, 52–53 logos, 53, 71 P­ rotocol), 12 site map, 33–34 HTTPS (Secure HyperText M featured, in WordPress, T­ ransfer Protocol), 12 168–169 Macs HyperText Markup Language FTP program for, 14 <img> tags, HTML, 35–38, 41–45, text editor for, 11–12 (HTML) 52–53, 57 web browser for, 11 commonly used tags, 21–25, importing content to WordPress, margin-bottom property, in CSS, 48–52, 57–58 214–215 112, 114 CSS within documents, 80–81 embedding images in indenting, in HTML, 49–50 margin-left property, index files, in HTML, 31–32, in CSS, 114 file structure, 37–46 <img> tags, 35–38, 41–45, 40, 45 margin property, in CSS, 108, inheritance, in CSS, 81–82, 110, 112, 114 52–53, 57 overview, 52–53 99–100 margin-right property, site map, 33–34 inline CSS, 93 in CSS, 114 404 errors, 28–30, 43 Insert into page button, getting basic site up and margin-top property, in CSS, 114 ­WordPress, 157 marking up HTML, 47 ­running, 240–242 Inspect Element option, 79 media, in WordPress <head> section, 54–56 installing Inspect Element option, 79 adding to page, 155–159 linking CSS documents, WordPress plugins, 207 post formats for, 169–170 WordPress themes, 194 Media Library, in WordPress, 66–71, 93 Internet Explorer, 11 naming conventions, 27–32 italic text, in HTML, 21, 50, 57 138–142, 156–157 overview, 18–21, 47 Media section, WordPress paths, 26–27, 94–95 J recognizing difference between Jetpack plugin, WordPress, 213 ­Settings tab, 205 CSS and, 91–92 Index 247

menus, customizing in ­WordPress, managing and deleting publish date, in WordPress, 162 199–202 c­ ontent, 171 publishing WordPress pages, 151, Menus section, in WordPress, 199 media, adding to, 155–159 160–161 <meta> (metadata) tags, 55–56, 58 organizing, 133–135, 162–164 px font size, in CSS, 77, 78, 96 Meta Slider plugin, in WordPress, overview, 127 publishing, 160–161 Q 206–209 Pages tab, in WordPress, quote posts, in WordPress, Microsoft Word, 11 Move to Trash option, in 151, 160 169–170 page templates, WordPress WordPress, 171 R themes, 198 Reading section, WordPress N paragraph (<p>) tags, in HTML, naming conventions, in HTML, S­ ettings tab, 204 21–23, 48–49, 57, 74 red, green, and blue (RGB) values, 27–32, 47 Paragraph drop-down menu, navigation menu, in WordPress 83, 102–104 WordPress, 154 refreshing web pages, 23, 48 customizing, 199–202 paragraphs, styling with CSS, registrars, domain name, overview, 149 .net domains, 237 74–76, 95–97 237–238 New Slide button, Meta Slider parent pages, in WordPress, 134, relative URLs, 44–45, 52, 53, plugin, 208 162–164 70–71 NotePad++, 11 paths, in HTML, 26–27, 94–95 renewing domain name percent (%) font size, in CSS, 77 O Permalinks section, WordPress r­ egistration, 237 one-click install, in RGB (red, green, and blue) values, Settings tab, 205 WordPress, 243 photo posts, in WordPress, 169 83, 102–104 .org domains, 237 PHP scripting language, 191 root of site overflow property, in CSS, 114 pictures. See images planning site, 133–137, 150–151 CSS files in, 69, 94 P plugins, in WordPress defined, 28, 35 <p> (paragraph) tags, in HTML, FTP and, 242 general discussion, 206–209 relative paths, 53, 70–71 21–23, 48–49, 57, 74 overview, 181–184 padding-bottom property, updates, 214 S Portfolio folder, 41–45 Safari browser, 11 in CSS, 114 post formats, in WordPress, sans-serif fonts, 76–77, 95 padding-left property, Save & Preview button, Meta 169–170 in CSS, 114 posts. See blog posts Slider plugin, 208 padding property, in CSS, posts page, in WordPress, Save Draft button, in 109–110, 114 135, 164–165 WordPress, 151 padding-right property, Posts tab, in WordPress, Save Menu button, in in CSS, 114 166, 171 WordPress, 201 padding-top property, premium themes, in WordPress, saving changes to HTML, 23 Screen Options tab, in WordPress, in CSS, 114 179–180, 193, 199 Page Attributes section, in previewing pages, in WordPress, 201, 202–203 search engine optimization ­WordPress, 162–163 151, 152–153, 154, pages, in WordPress 158–159 (SEO), 38 properties, in CSS, 96. See also search engines, <meta> tag adding to navigation menu, specific properties 199, 201–202 p selector, in CSS, 95 use by, 55–56 pseudo-elements, in CSS, 113 Secure HyperText Transfer vs. blog posts, 149 pt font size, in CSS, 77, 78 creating first, 151–155 ­Protocol (HTTPS), 12 248 Index

selectors, in CSS, 75, 95, 96 <body>, 22, 48, 57 navigation menu, customizing, self-closing tags, in HTML, 50, 57 <br>, 23, 50–51, 57 199–202 self-hosted version of WordPress, closing, 23, 25, 50 commonly used, 21–25, overview, 143, 145, 176–181 193, 205, 206 post formats, 169–170 semicolons (;), in CSS, 76, 96 48–52, 57–58 premium, 179–180, 193, 199 SEO (search engine ­ <div>, 89–91, 104–107, Screen Options tab, 202–203 updates, 214 optimization), 38 110–113 third-party websites, WordPress serifed fonts, 74, 95 <em>, 21, 50, 57 servers, 12–13 <head>, 48, 54–58, 67–69, themes from, 195 Settings tab, in WordPress, Title field, WordPress Attachment 93–94 203–205 heading, 51, 57, 97–98 Details area, 157 shortcode, Meta Slider plugin, <html>, 47, 57 <title> tags, in HTML, 54–55, <img>, 35–38, 41–45, 208–209 57, 67–68 sidebar, installing widget into, 52–53, 57 Toolbar Toggle button, in link, 24–25, 51–52, 57 in WordPress, 210–211 looking up, 92 WordPress, 154 site map, 150–151 <meta>, 55–56, 58 top-level domains, 237 site planning, 133–137, 150–151 <p>, 21–23, 48–49, 57, 74 top-level pages, in WordPress, Size field, WordPress Attachment self-closing, 50, 57 <strong>, 50, 57 162–164 Details area, 157 <title>, 54–55, 58, 67–68 transferring files to web host, 242 slash (/), in HTML, 45, 53, 70–71, tags, in WordPress, 136–137, trash, in WordPress, 171 Twenty Fourteen theme, in 94–95 166–168 slideshow plugin, in WordPress, testing widgets, in WordPress categories and tags, 168 206–209 WordPress, 213 Custom Header section, 196 soft return, 51 text, styling with CSS, 73–78, 95 Customize section, 196, 197 source, viewing web page, 48, 79 text-align property, in CSS, featured images, 168–169 spaces navigation menu, 149 107, 114 overview, 147, 148, 198 in CSS, 95 text-decoration property, page templates, 198 in HTML, 31, 47 post formats, 169–170 src attribute, in HTML, 37, 57 in CSS, 114 theme locations, 200–201 static pages, 125, 204 text editors, 11–12 widget areas, 210 storage Text tab, WordPress visual editor, Twitter widget, in WordPress, available from web host, 239 of photos with HTML, 37–46 132, 154–155 210–212 <strong> tags, in HTML, 50, 57 Text Wrangler, 11 stylesheets, in CSS Theme Chooser, in U creating, 93–95 linking to HTML files, 93 WordPress, 148 uniform resource locators (URLs) overview, 66 theme locations, in WordPress, absolute, 36–37, 44, 52, Sublime Text, 11 53, 70 support, from web host, 239 200–201 overview, 12 syntax, in CSS, 96–98 Theme Options section, in relative, 44–45, 52, 53, 70–71 T ­WordPress, 180, 196, 197 unpublishing pages, in WordPress, themes, in WordPress 160–161 taglines, 203–204 tags, in HTML active, 148, 176, 193–194 updates, in WordPress, 206, advanced customization, 205 213–214 <a>, 24–25, 37, 51, 57 basics of, 193–195 attributes, 37 customizing, 180–181, URLs. See uniform resource ­locators (URLs) 186–192, 196–199 featured images, 168–169 Index 249

V WordPress overview, 127 admin bar, 148 publishing, 151, 160–161 video posts, in WordPress, administrators, 144, 145 planning site, 133–137, 169–170 advanced customization, 205 Appearance Panel, 150–151 View page source option, 48 176–177, 193 plugins, 181–184, 206–209 View Post option, in backend, 146, 148 Screen Options tab, 201, blogs WordPress, 166–167 creating, 164–165 202–203 Visibility section, in featured images, 168–169 self-hosted version, 193, organizing, 135–137 WordPress, 161 overview, 125–127 205, 206 visual editor, in WordPress vs. pages, 149 tags, 136–137, 166–168 post formats for media, themes adding media with, 155–159 169–170 creating blog posts with, tags and categories, active, 148, 176, 193–194 136–137, 166–168 advanced customization, 164–165 Codex, 215 creating pages with, 151–155 customized settings, 203–205 205 overview, 129–132 Dashboard, 128–129, basics of, 193–195 145–146 customizing, 180–181, W deleting content, 158, 171 exporting content to, 214 186–192, 196–199 web browsers, 11, 48 frontend, 147, 148 featured images, 168–169 web hosts help resources, 215 navigation menu, hosts, 14, 145, 230–231, getting basic site up and 242–243 customizing, 199–202 r­ unning, 240–242 importing content to, 214–215 overview, 143, 145, links, creating, 153–154 moving using WordPress Tools logging in/out, 128, 176–181 panel, 214–215 145–147, 148 post formats, 169–170 managing content, 171 premium, 179–180, overview, 13–14, 223–231 Media Library, 138–142, setting up, 239–240 156–157 193, 199 transferring files to, 242 moving hosts using Tools Twenty Fourteen. See WordPress, 14, 145, 230–231, panel, 214–215 navigation menu, 149, Twenty Fourteen theme, 242–243 199–202 in WordPress website addresses, 12. See also overview, 122–124, 145 updates, 206, 213–214 pages visual editor domain names; uniform vs. blog posts, 149 adding media with, resource locators (URLs) creating first, 151–155 155–159 whitespace media, adding to, 155–159 creating blog posts with, in CSS, 95 organizing, 133–135, 164–165 in HTML, 31, 47 162–164 creating pages with, widgets, in WordPress, 183, 151–155 210–213 overview, 129–132 width property, in CSS, 105, widgets, 183, 210–213 112, 114 word processors, 11 Wikipedia, 13 Writing section, WordPress Windows ­Settings tab, 205 FTP program for, 14 WYSIWYG tools, 153 text editor for, 11–12 web browser for, 11 Word, Microsoft, 11 250 Index

Build Your Own Website is set in Inkslinger, Chevin, and TheSansMono Condensed. The book was printed and bound by Sheridan Books, Inc. in Chelsea, Michigan. The paper is 60# Finch Offset, which is certified by the Forest Stewardship Council (FSC). The book uses a layflat binding, in which the pages are bound together with a cold-set, flexible glue and the first and last pages of the resulting book block are attached to the cover. The cover is not actually glued to the book’s spine, and when open, the book lies flat and the spine doesn’t crack.

Updates Visit http://nostarch.com/websitecomic/ for updates, errata, and other i­ nformation. More no-nonsense books from no starch press Python for Kids JavaScript for Kids Ruby Wizardry A Playful Introduction A Playful Introduction An Introduction to to Programming to Programming Programming for Kids by jason r. briggs by nick morgan by eric weinstein dec 2012, 344 pp., $34.95 fall 2014, 328 pp., $34.95 fall 2014, 252 pp., $29.95 isbn 978-1-59327-407-8 isbn 978-1-59327-408-5 isbn 978-1-59327-566-2 full color full color two color The Manga Guide™ Learn to Program The Book of™ GIMP to Databases with Scratch A Complete Guide to by mana takahashi et al. A Visual Introduction to Nearly Everything jan 2009, 224 pp., $19.95 ­Programming with Games, by olivier lecarme and isbn 978-1-59327-190-9 Art, Science, and Math karine delvare by majed marji jan 2013, 676 pp., $49.95 feb 2014, 288 pp., $34.95 isbn 978-1-59327-383-5 isbn 978-1-59327-543-3 full color full color phone 800.420.7240 or 415.863.9900 | fax 415.863.9950 | [email protected] | www.nostarch.com

Build Your Own Website is a fun, illustrated intro- As you follow along, you’ll learn how to: duction to the basics of creating a website. Join  Use HTML tags Kim and her little dog Tofu as she learns HTML,  Make your site shine with CSS the language of web pages, and CSS, the language  Customize WordPress to fit your needs used to style web pages, from the Web Guru and  Choose a company to host your site and get Glinda, the Good Witch of CSS. advice on picking a good domain name Once she figures out the basics, Kim travels to The patient, step-by-step advice you’ll find in Build WordPress City to build her first website, with Your Own Website will help you get your website Wendy, the WordPress Maven, at her side. They up and running in no time. Stop dreaming of your take control of WordPress® themes, install useful perfect website and start making it! plugins, and more. THE FINEST IN GEEK ENTERTAINMENT™ SHELVE IN: COMPUTERS/INTERNET $19.95 ($20.95 CDN) www.nostarch.com NO STARCH PRESS