{"id":9381,"date":"2020-06-03T15:56:01","date_gmt":"2020-06-03T15:56:01","guid":{"rendered":"https:\/\/fhug.org.uk\/kb\/?post_type=kb_article&#038;p=9381"},"modified":"2021-12-11T14:33:51","modified_gmt":"2021-12-11T14:33:51","slug":"make-a-family-tree-cd-dvd-or-website","status":"publish","type":"kb_article","link":"https:\/\/www.fhug.org.uk\/kb\/kb-article\/make-a-family-tree-cd-dvd-or-website\/","title":{"rendered":"Create Family Tree CD\/DVD or Website Content"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>The processes for creating either a website or a Family\u00a0Tree CD\/DVD within Family Historian are essentially the same, and are well documented in the Help file. This article complements the Help file by highlighting key features that are often overlooked.<\/p>\n<glwrap>See Member Websites for examples of websites built using Family Historian.<\/p>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Version 7<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>The <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Publish&nbsp&gt;&nbspWebsites&nbsp&amp;&nbspFamily&nbspTree&nbspCD\/DVDs&#8230;<\/a> command wizard builds both Website and CD\/DVD browser packages and supports multiple alternative packages. The initial dialogue allows the packages to be managed.<\/p>\n<p>The output is saved in the Project data <code>\u2026.fh_data\\Packages<\/code>\\ subfolder. A further subfolder holds each named package, which holds the settings for the package and a <code>\\data files\\<\/code> subfolder for the browser files.<\/p>\n<p>Important note: You can only create a website using <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> within the context of a project; it will not work for a standalone Gedcom file.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Versions 5 and 6<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>The two Family Historian features <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Publish&nbsp&gt;&nbspMake&nbspa&nbspFamily&nbspTree&nbspCD\/DVD<\/a> and <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Publish&nbsp&gt;&nbspCreate&nbspa&nbspWebsite<\/a> are almost identical<\/p>\n<p>Make a Family Tree CD\/DVD places its output in the <code>Project \u2026\\Public\\FH CD-DVD\\<\/code> folder for burning to a CD\/DVD. This includes <code>autorun.inf<\/code> and <code>load.exe<\/code> and start.html files, and a <code>\\data\\<\/code> subfolder holding all the other files.<\/p>\n<p>Create a Website places all its files directly in the Project <code>\u2026\\Public\\FH Website\\<\/code> folder for <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/how-to-build-a-website\/\">uploading to a website<\/a>.<\/p>\n<p>Important note: You can only create a website using <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> within the context of a project; it will not work for a standalone Gedcom file.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Version 4<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>The two Family Historian options <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Tools&nbsp&gt;&nbspMake&nbspa&nbspFamily&nbspTree&nbspCD<\/a> and <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Internet&nbsp&gt;&nbspCreate&nbspa&nbspWebsite<\/a> are almost identical but they store their output in different places.<\/p>\n<p>Make a Family Tree CD places its output in the Project <code>\u2026\\Public\\FH CD\\<\/code> folder for burning to a CD. This includes <code>autorun.inf<\/code> and <code>start.exe<\/code> files, and a <code>\\data\\<\/code> subfolder holding all the other files.<\/p>\n<p>Create a Website places all its files directly in the Project <code>\u2026\\Public\\FH Web Page\\<\/code> folder for <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/how-to-build-a-website\/\">uploading to a website<\/a>.<\/p>\n<\/div><\/details><\/div>\n<\/glwrap>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 1 \u2013 Choose Privacy Options<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p><glwrap><\/glwrap>The policy you adopt for privacy depends on the target audience for your information. A CD\/DVD may not be widely distributed, whereas a website may be accessible worldwide. So when creating a website, it is usually advisable to hide all information, except possibly for basic details, about people who are still alive.<\/p>\n<h4>Advice<\/h4>\n<p>Initially the default settings should be used until a clearer understanding of what details need to be hidden has been established.<\/p>\n<p>It is important to set the <em>Private Flag<\/em> and <em>Living Flag<\/em> on all appropriate Individual Records creating a website or CD\/DVD. Otherwise it will not be possible to make use of these important options.<\/p>\n<p>The article on how to <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/delete-data-for-living-people\/\">Delete Data For Living People <\/a>suggests ways of setting the Private and Living Flags on Individual Records, and other more advanced processes for achieving your privacy policy.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 2 \u2013 Select Featured Individuals<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>Each selected Individual will be featured on the CD\/DVD or Website either with their own page, or a page shared with their spouse, unless their inclusion would violate the Privacy Options you defined at Step 1. You will get a warning message about Records excluded by your Privacy Policy.<\/p>\n<h4>Advice<\/h4>\n<p>Either <em>Add All <\/em>records or <em>Select <\/em>those required. The selection can be performed on an ad hoc basis, but if the data needs to be reconstructed from time to time, then it is recommended that a Query or a Named List is used to ensure the same criteria are used each time.<\/p>\n<p>During initial experiments, only add a few representative individuals, otherwise the time taken to create the output may become excessive.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 3 \u2013 Choose Report Template<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>The Primary Page Type report template determines whether Individuals have their own page, or share a page with their spouse. If an Individual Report type is chosen then each Individual has their own page. If a Family\u00a0Report type is chosen then couples share a page. In this case a Secondary Page Type report template must be chosen for unmarried Individuals with no Spouse Family Record.<\/p>\n<figure id=\"attachment_11222\" aria-describedby=\"caption-attachment-11222\" style=\"width: 400px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"wp-image-11222 lazyload\" data-src=\"https:\/\/fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/individualpage-300x232.png\" alt=\"\" width=\"400\" height=\"309\" data-srcset=\"https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/individualpage-300x232.png 300w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/individualpage-150x116.png 150w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/individualpage-768x593.png 768w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/individualpage.png 855w\" data-sizes=\"(max-width: 400px) 100vw, 400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/309;\" \/><figcaption id=\"caption-attachment-11222\" class=\"wp-caption-text\">Example individual page<\/figcaption><\/figure>\n<figure id=\"attachment_11223\" aria-describedby=\"caption-attachment-11223\" style=\"width: 400px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"wp-image-11223 lazyload\" data-src=\"https:\/\/fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/familypage-300x236.png\" alt=\"Example Family Page\" width=\"400\" height=\"315\" data-srcset=\"https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/familypage-300x236.png 300w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/familypage-150x118.png 150w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/familypage-768x605.png 768w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/familypage.png 900w\" data-sizes=\"(max-width: 400px) 100vw, 400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/315;\" \/><figcaption id=\"caption-attachment-11223\" class=\"wp-caption-text\">Example\u00a0Family Page<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"gca-utility clearfix\"><\/div>\n<h4>Advice<\/h4>\n<p>The Individual Summary Report (for Web, CD or DVD) (V5&amp;V6) \/(for Web or CD) (V4) and the Family Group Sheet (for Web, CD or DVD) (V5&amp;V6) \/ (for Web or CD) (V3&amp;V4) are meant for use as these templates, but any listed report may be used. If you intend to produce various CD\/DVD or Websites with different report options, then create a Custom Report Type for each option.<\/p>\n<h4>Report Options<\/h4>\n<ul>\n<li>A convenient way to adjust Report Options is to use the <a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Publish<\/a> command (<a href=\"#!\" class=\"cs_tooltip\" fhugtt=\"This is the menu across the top of the main Family Historian windows. The &gt; denotes a submenu\">Reports<\/a> in V4) to display the Report before using a Wizard. Select the desired Options, then use <em>Save Report As<\/em> and select <em>Web Page (HTML)<\/em>, and view the new web page HTML Report in a web browser such as Internet Explorer or Mozilla Firefox. When the settings are satisfactory, use<em> Save Report As<\/em> &gt; <em>Custom Report Type<\/em>, and use that Custom Report as the chosen report template.<\/li>\n<li>See the <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/report-content-media-format-and-layout\/\">Report Content, Media, Format and Layout<\/a> advice on customising Report Options. In particular, study the Pictures and Sources tab options for displaying and enlarging Multimedia images. Note that the Privacy tab duplicates the Family Tree Wizard ~ Step 1 \u2013 Choose Privacy Options and can be ignored.<\/li>\n<li>Some Report Options, such as Picture Gaps, Page Layout, and V4 Format Fonts, do NOT affect HTML Reports, so the<a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-alter-css-default-styles\/\"> Family Tree Tips ~ Alter CSS Default Styles<\/a> technique must be used.<\/li>\n<li>A popular website feature allows an image thumbnail to be clicked in order to obtain a larger popup version. Family Historian V4 does not offer this feature.<\/li>\n<\/ul>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 4 \u2013 Add Items for Table of Contents<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>The home page has a Table of Contents that provides hyperlinks to a variety of items. It can include Links to featured individuals, any style of Report, any type of Image including Diagrams, any file to Download, and the Index.<\/p>\n<h4>Advice<\/h4>\n<p>Remember that each option can be selected as many times as you like to add different versions of the same type of item.<\/p>\n<ul>\n<li>Link to page adds a hyperlink to the page of any featured individual, or their family couple.<\/li>\n<li>Image adds a hyperlink to any Photographic Image or any Family Historian Diagram saved in JPEG File (.jpg), GIF File (.gif), PNG File (.png), or any other web compatible graphics file format.<\/li>\n<li>Download adds a hyperlink to any downloadable file such as a copy of your GEDCOM file, or a compressed ZIP file of your Project Folder, or any Family Historian Report\/Diagram in PDF File (.pdf) format. The <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-diagram-hyperlinks-pdf\/\">Family Tree Tips ~ Diagram Hyperlinks PDF<\/a> article explains how to create a Family Historian Diagram in PDF, where each Individual box has a hyperlink to the Individual\u2019s page to assist with navigation.<\/li>\n<li>Link to website adds a hyperlink to any Internet Website URL.<\/li>\n<li>Report adds a hyperlink to any Family Historian Report selected from the list, including any Custom Report, which will be created in HTML format. Remove the tick from Show most commonly-used reports to list all Reports.<\/li>\n<li>Index adds a duplicate of the Index hyperlink at the head of every page.<\/li>\n<\/ul>\n<h4>Example Home Page<\/h4>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11227 lazyload\" data-src=\"https:\/\/fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/homepage-300x212.png\" alt=\"\" width=\"500\" height=\"353\" data-srcset=\"https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/homepage-300x212.png 300w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/homepage-150x106.png 150w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/homepage-768x542.png 768w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/homepage.png 900w\" data-sizes=\"(max-width: 500px) 100vw, 500px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/353;\" \/><\/p>\n<div class=\"gca-utility clearfix\"><\/div>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 5 \u2013 Create Home Page<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>This defines other Home Page details that appear above the Table of Contents such as a Picture and Welcome Text (as shown in the previous step).<\/p>\n<h4>Advice<\/h4>\n<p>The Home Page Picture can be any family photograph or other suitable image file in .jpg, .jpeg, .gif, or .png format.<\/p>\n<h4>Versions 5 &amp; 6<\/h4>\n<p>The Picture Size option allows the size of the image to be selected.<\/p>\n<h4>Version 4<\/h4>\n<p>There are some corrections needed in the home page HTML otherwise the Picture is much too large. After completing Family Tree Wizard ~ Step 8 \u2013 Final Details, use a plain text editor to make changes about halfway down the index.html file as follows:<\/p>\n<ul>\n<li><code>width=\u201d50px\u201d<\/code> becomes <code>width=\u201d50\u201d<\/code> to correct a syntax error.<\/li>\n<li><code>&lt;img src=<\/code> becomes <code>&lt;img width=\u201d300\u201d src=<\/code> or any other numerical value for the width of the Home Page Picture.<\/li>\n<\/ul>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 6 \u2013 Additional Pages<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>This step allows an optional Contact Page and\/or Statistics page to be added.<\/p>\n<figure id=\"attachment_11230\" aria-describedby=\"caption-attachment-11230\" style=\"width: 400px\" class=\"wp-caption alignleft\"><img decoding=\"async\" class=\"wp-image-11230 lazyload\" data-src=\"https:\/\/fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/contactpage-300x158.png\" alt=\"Example Family Page\" width=\"400\" height=\"211\" data-srcset=\"https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/contactpage-300x158.png 300w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/contactpage-150x79.png 150w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/contactpage.png 743w\" data-sizes=\"(max-width: 400px) 100vw, 400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/211;\" \/><figcaption id=\"caption-attachment-11230\" class=\"wp-caption-text\">Example Contact Page<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_11229\" aria-describedby=\"caption-attachment-11229\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-11229 lazyload\" data-src=\"https:\/\/fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/statisticspage-300x201.png\" alt=\"Example Statistics Page\" width=\"400\" height=\"268\" data-srcset=\"https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/statisticspage-300x201.png 300w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/statisticspage-150x100.png 150w, https:\/\/www.fhug.org.uk\/kb\/wp-content\/uploads\/2020\/06\/statisticspage.png 402w\" data-sizes=\"(max-width: 400px) 100vw, 400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/268;\" \/><figcaption id=\"caption-attachment-11229\" class=\"wp-caption-text\">Example Statistics Page<\/figcaption><\/figure>\n<div class=\"gca-utility clearfix\"><\/div>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 7 \u2013 Presentation and Behaviour<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>This step adjusts the text of the header on each page, and the colours for the background, the text, and hyperlinks.<\/p>\n<h4>Advice<\/h4>\n<p>Click on the <em>Colours <\/em>button to select alternative text and background colours. For example, <em>Menu Bar<\/em> affects the broad toolbar across the top of each page, whereas <em>Link <\/em>and <em>Link (cursor over)<\/em> affect hyperlinks such as the names of Individuals.<\/p>\n<p>Most text Fonts and Styles are determined by the Primary Page Type report template from Family Tree Wizard ~ Step 3 \u2013 Choose Report Template. However, some title and header text styles can only be altered by editing the <code>fhstyle.css<\/code> Cascading Style Sheet file as explained in <a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-alter-css-default-styles\/\">Family Tree Tips ~ Alter CSS Default Styles<\/a>.<\/p>\n<h4>Versions 5 &amp; 6 Popup Picture Options<\/h4>\n<p>These options select the behaviour when a user clicks on Multimedia images in featured Individual or Family web pages. Various styles and sizes of popup or web page images are supported. See the Help for details.<\/p>\n<p>In <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> V5, if the <em>None<\/em> option is chosen, clicking on Multimedia images in web pages causes the browser to report Webpage\/File Not Found, but a workaround is described in Forum posting <a href=\"https:\/\/fhug.org.uk\/forum\/viewtopic.php?&t=11229\">This webpage has not been found<\/a>. This problem is fixed in <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> V6.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Family Tree Wizard ~ Step 8 \u2013 Final Details<\/h3><\/summary><div class=\"lightweight-accordion-body\"><h4>Advice<\/h4>\n<p>The <em>Advanced<\/em> button allows snippets of HTML code to be added to every page. See Family Tree Tips below for more.<\/p>\n<p>Click\u00a0Finish\u00a0to create the output files in the selected folder.<\/p>\n<p>When complete either select <em>View Website <\/em>to open it in your default browser, or <em>Close Wizard<\/em>.<\/p>\n<\/div><\/details><\/div>\n<div class=\"lightweight-accordion\"><details><summary class=\"lightweight-accordion-title\"><h3>Tips and Tricks<\/h3><\/summary><div class=\"lightweight-accordion-body\"><p>In <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span>6 and later the <a href=\"https:\/\/pluginstore.family-historian.co.uk\/page\/plugin\/improve-website-or-cd-dvd-html\">Improve Website or CD DVD HTML<\/a> plugin offers many features to enhance the web pages created by <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span>.<\/p>\n<h4>HTML Tips and Tricks<\/h4>\n<p>A particular snag is that <span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span> V4 produces poorly formatted HTML, which is awkward to edit with a plain text editor.<\/p>\n<p><span class=\"fh\" style=\"font-size: 17px !important; line-height: 21.4286px !important;\">\u0192<span style=\"color:#73B262; font-weight: bold;\">h<\/span><\/span>6 and later produce much tidier HTML files and uses a Cascading Style Sheet CSS file.<\/p>\n<p>The following may\u00a0 be useful if you want to fine-tune your website in V4, or the <a href=\"https:\/\/pluginstore.family-historian.co.uk\/page\/plugin\/improve-website-or-cd-dvd-html\">Improve Website or CD DVD HTML<\/a> plugin doesn&#8217;t do what you need.<\/p>\n<ul>\n<li><a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-set-page-background\/\">Set Page Background<\/a> ~ Set a background image or an alternative colour to white on every page.<\/li>\n<li><a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-alter-css-default-styles\/\">Alter CSS Default Styles<\/a> ~ Define alternative font face or colour and other styles on every page.<\/li>\n<li><a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-diagram-hyperlinks-pdf\/\">Diagram Hyperlinks PDF<\/a> ~ Create a PDF Diagram with a Hyperlink per Box that links to a featured Individual page.<\/li>\n<li><a href=\"https:\/\/fhug.org.uk\/kb\/kb-article\/family-tree-tips-text-field-url-hyperlinks\/\">Text Field URL Hyperlinks<\/a>\u00a0 \u00a0~ Convert all Text Field URL into Hyperlinks that open in a new web page.<\/li>\n<\/ul>\n<p>All the features described here, together with a few others, are illustrated on the <a href=\"https:\/\/fhug.org.uk\/kb\/member-websites\/tate-and-scott-ancestry\/\">TATE &amp; SCOTT Family Tree website.<\/a><\/p>\n<\/div><\/details><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"template":"","fh_version":[13,14,15,739],"skill_level":[17,16],"topic":[81],"class_list":["post-9381","kb_article","type-kb_article","status-publish","hentry","fh_version-v4","fh_version-v5","fh_version-v6","fh_version-v7","skill_level-intermediate","skill_level-newcomer","topic-creating-a-website"],"_links":{"self":[{"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/kb_article\/9381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/kb_article"}],"about":[{"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/types\/kb_article"}],"wp:attachment":[{"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/media?parent=9381"}],"wp:term":[{"taxonomy":"fh_version","embeddable":true,"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/fh_version?post=9381"},{"taxonomy":"skill_level","embeddable":true,"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/skill_level?post=9381"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.fhug.org.uk\/kb\/wp-json\/wp\/v2\/topic?post=9381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}