{"id":40,"date":"2026-04-02T17:51:49","date_gmt":"2026-04-02T17:51:49","guid":{"rendered":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/?page_id=40"},"modified":"2026-04-08T16:07:33","modified_gmt":"2026-04-08T16:07:33","slug":"technologies-and-tools-used-in-the-project","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/technologies-and-tools-used-in-the-project\/","title":{"rendered":"Technologies and Tools Used in the Project"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-e4ec366e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<h2 class=\"wp-block-heading alignwide has-text-align-center has-x-large-font-size\">Overview of Tools<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Walt Whitman Archive relies on several key digital tools to gather info, process, and present its materials. Two of the most important are TEI-XML, which structures and encodes Whitman&#8217;s texts, and HTML\/CSS, which display that encoded content as readable, accessible web pages. Together, these tools support the project&#8217;s goals of accuracy, usability, and long-term digital preservation<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-87724155 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\">Tool 1: TEI-XML<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">TEI-XML is a markup standard used in Digital Humanities to encode texts with detailed structural and editorial information. It allows editors to mark revisions, deletions, page breaks, handwriting changes, and other textual features <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">The use of this in a project was in the manuscript transcriptions in the Walt Whitman Archive<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Other Uses: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Published editions<\/li>\n\n\n\n<li>Editorial notes<\/li>\n\n\n\n<li>Bibliographic metadata<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"64\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_6-4-2026_12522_whitmanarchive.org_.jpeg\" alt=\"\" class=\"wp-image-54\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_6-4-2026_12522_whitmanarchive.org_.jpeg 884w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_6-4-2026_12522_whitmanarchive.org_-300x22.jpeg 300w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_6-4-2026_12522_whitmanarchive.org_-768x56.jpeg 768w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-1024x409.jpeg\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-1024x409.jpeg 1024w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-300x120.jpeg 300w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-768x306.jpeg 768w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-1536x613.jpeg 1536w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_4-4-2026_16102_whitmanarchive.org_-2048x817.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-89463222 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\">Tool 2: HTML\/CSS<\/h2>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">HTML structures the transcription pages and organizes how Whitman&#8217;s texts appear on the site. By using HTML to format headings, paragraphs, navigation elements, and transcription blocks, the Archive ensures that complex encoded content is displayed in a clear, readable, and accessible way. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this project, HTML plays a central role in turning encoded manuscript data into a readable, structured webpage. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Other Uses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Building websites<\/li>\n\n\n\n<li>Online exhibits <\/li>\n\n\n\n<li>Supporting accessibility features  <\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-06-132654-1024x573.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-06-132654-1024x573.png 1024w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-06-132654-300x168.png 300w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-06-132654-768x430.png 768w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-06-132654.png 1094w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d8cef0e5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-092f862b wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading\">Link to DH<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">TEI-XML provided the structured encoding needed to preserve Whiteman&#8217;s manuscripts in a scholarly, machine-readable format, while HTML\/CSS present that encoded materials in a clear and accessible way on the web. Together, these toots support core Digital Humanities goals by ensuring that historical texts can be accurately represented, easily navigated, and sustainably preserved for long-term public use. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\"><\/div>\n\n\n\n<aside class=\"wp-block-group alignfull is-style-section-3 has-global-padding is-layout-constrained wp-container-core-group-is-layout-0553457c wp-block-group-is-layout-constrained is-style-section-3--1\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\"><\/aside>\n","protected":false},"excerpt":{"rendered":"<p>Overview of Tools The Walt Whitman Archive relies on several key digital tools to gather info, process, and present its materials. Two of the most important are TEI-XML, which structures and encodes Whitman&#8217;s texts, and HTML\/CSS, which display that encoded content as readable, accessible web pages. Together, these tools support the project&#8217;s goals of accuracy, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":8,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/40\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}