What you will learn in Build a Website with ChatGPT
No coding experience necessary
Chapter by chapter
Concepts explained in this book
- promptA prompt is a natural-language instruction or request supplied to an artificial-intelligence model to guide its response.
- CSSCSS is the stylesheet language used to specify the presentation and layout of documents, including web pages.
- HTMLHTML is the markup language used to structure and semantically describe content in web pages.
- ChatGPTChatGPT is a conversational artificial-intelligence system that generates or transforms text and code in response to natural-language prompts.
- HTML tagAn HTML tag is markup syntax that identifies the type, structure, or semantic boundaries of content in an HTML document.
- codeWeb page code is the source code that defines a web page's structure, presentation, and interactive behavior.
- max-width propertyThe CSS max-width property sets the maximum permitted width of an element's box.
- header elementThe header element is an HTML element representing introductory content for a page or section.
- remThe rem unit is a CSS relative length unit measured against the root element's font size.
- font-size propertyThe CSS font-size property specifies the size of text rendered by an element.
- footer sectionThe footer element is an HTML element representing closing or supplemental content for a page or section.
- pixelA pixel is a basic unit of digital image or display resolution used to express dimensions in web presentation.
- paragraph elementAn HTML paragraph element is an HTML element that marks a block of paragraph text.
- mainA main element is an HTML element that identifies the principal content of a document.
- headingAn HTML heading element is an HTML element that marks a heading and expresses its level in the document's content hierarchy.
- section elementA section element is an HTML element that represents a standalone section of content within a document.
- photo galleryA photo gallery is a web page or interface that presents a collection of photographs, often with controls for viewing larger versions.
- fontA typeface is a designed set of letterforms and other glyphs that defines the visual style of written text.
- text boxA text box is a form control that accepts typed text input, optionally constrained to a particular data type.
- nav elementAn HTML element that identifies a section of a document containing navigation links.
- web formAn HTML form is a user-input structure that groups controls and submits their values to a destination.
- ol elementAn ordered list is an HTML list whose items are displayed in a meaningful sequence, typically with numeric markers.
- form fieldA form field is an input area or control in a web form where a visitor enters or selects information.
- home pageA home page is the principal or default page that introduces a website and provides access to its main content or sections.
- paddingThe CSS padding shorthand property sets padding values for multiple sides of an element with one declaration.
- JSONJSON is a text-based data interchange format that represents structured data using objects, arrays, property-value pairs, strings, numbers, and other supported values.
- ul elementAn unordered list is the HTML ul element containing list items whose order is not semantically essential, typically displayed with bullets.
- alt-textSemantic alternative text is prose marked as having a different voice, mood, or role from the surrounding regular text.
- article elementAn article element is an HTML element representing a self-contained composition that can be distributed or reused independently, such as an article or post.
- thumbnailA thumbnail file is an image file containing a reduced-dimension preview of a larger image.
- lightboxA lightbox is an interface overlay that displays visual content above the current page, typically enlarged or focused while dimming or blocking the underlying page.
- hero imageA hero image is a prominent photo or illustration displayed across the width and usually the height of a browser window when a page is first opened.
- marginMargin is the whitespace outside an element's border that separates the element from surrounding content or the viewport edge.
- accordionAn accordion is an interactive HTML element that shows an item’s summary and can expand to reveal or hide its associated content.
- customizationCode customization is the manual modification of generated or existing source code to achieve desired behavior or presentation.
- flexboxFlexbox is a CSS layout model in which a container arranges and distributes its child items along a flexible one-dimensional layout.
- background colorA background color is the color rendered behind the foreground content of a page or component.
- hypertext linkA hyperlink is an interactive reference in web content that takes a user to another page, section, or resource when activated.
- aside elementThe aside element is an HTML element that represents content indirectly related to the document's main content, such as a sidebar.
- JavaScriptJavaScript is a programming language commonly executed in web browsers to provide interactive web-page behavior.
- digital imageA file containing encoded image data that can be displayed on a web page.
- color keywordA CSS color keyword is a predefined textual value that identifies a color for a CSS property.
- color paletteA color scheme is a coordinated selection of colors used for the visual design of a web page or website.
- page formattingPage formatting is the specification of visual presentation properties such as colors, typography, and layout width for a web page.
- CSS GridCSS Grid is a CSS layout system for arranging elements in two dimensions across rows and columns.
- color propertyText color is the color rendered for textual content in a visual design or interface.
- news articleAn article page is a web page that presents a written work focused on one topic and potentially divided into subtopics.
- navigationA navigation bar is a page component that provides links or controls for moving among pages or sections of a website.
- DALL-EDALL-E is a generative model that creates images from textual descriptions.
- selection listA selection list is a form control that presents multiple options for user selection, typically through a list interface.
- sloganA tagline is a short phrase that characterizes or promotes a page, product, service, or organization.
- subtitleA subtitle is a secondary line of text displayed below a primary title to provide additional description or context.
- HTML elementAn HTML element is a structural or semantic unit in an HTML document represented by markup and its content.
- em elementThe em element is an HTML element that marks text with semantic emphasis or stress.
- strong elementThe strong element is an HTML element that marks content as having strong importance or urgency.
- GPT modelGPT is a family of generative pretrained transformer language models that generate text from input context.
- line-height propertyThe CSS line-height property specifies the height of a line box and the spacing of text lines.
- borderThe line or edge surrounding an element's content and padding in the CSS box model.
- content areaThe innermost region of a CSS box containing an element's text, images, or other content.
- CSS box modelThe CSS layout model in which each element is represented by content, padding, border, and margin regions.
- cardA card is a reusable user-interface component that presents related information and controls in a compact, visually distinct unit.
- buttonA button is an interactive user-interface control that can be activated to trigger an action.
- check boxA checkbox is a form control representing an independently selectable yes-or-no or on-or-off value.
- radio buttonA radio button is a form control that lets a user select one option from a group of mutually exclusive choices.
- list item elementA list item is the HTML li element that represents one item within an ordered or unordered list.
- GetformGetform is a hosted form-backend service that receives submitted form data and can forward it to a recipient.
- rgba()The rgba function is a CSS color function that specifies red, green, and blue color components together with an alpha transparency value.
- text-alignThe CSS text-align property specifies the horizontal alignment of inline content within an element.
- radio groupA radio button group is a set of mutually exclusive radio buttons from which a user can select exactly one option.
- media queryA media query is a CSS conditional expression that applies styles according to characteristics such as viewport width or device capabilities.
- placeholder attributeThe placeholder attribute specifies advisory hint text displayed in an empty text-entry control.
- information retrievalSearch is the process of finding records whose data matches a user-supplied word or phrase.
- flex containerA flexbox container is an element whose child items are laid out according to the CSS Flexbox layout model.
- transformer architectureA transformer is a neural-network architecture that processes sequences using attention mechanisms to model relationships among their components.
- b elementThe b element is an HTML element that draws attention to text without assigning it strong importance or emphasis.
- i elementThe i element is an HTML element that marks text set apart from the surrounding prose by a different voice, mood, or semantic role.
- box-shadowbox-shadow is a CSS property that renders one or more shadows around an element's box.
- txt2imgText-to-image generation is the production of an image from a natural-language description.
- websiteA website is a collection of related web pages and other resources published under a common web address or domain.
- dropdownA dropdown list is a selection-list interface that initially shows a compact field and reveals its available choices when activated.
- prompt-copy-save-deploy cycleA workflow of generating content with prompts, copying the result, saving it to files, and deploying those files to the web.
- details elementA details element is an HTML element that contains content that can be interactively expanded or collapsed, including an optional summary element.
- summary elementA summary element is the HTML element that provides the visible title or description for a details element and controls its expansion.
- img elementThe img tag is HTML markup that embeds an image resource in a web page.
- src attributeThe src attribute is an HTML attribute that specifies the URL or filename of an embedded resource such as an image.
- styleWriting style is the characteristic manner in which an author uses language, structure, and rhetorical choices.
- filteringFiltering is the operation of selecting and displaying only data records that satisfy a specified criterion.
- link elementA link element is an HTML element that declares a relationship between a document and an external resource such as a stylesheet.
- element boxAn element box is the rectangular CSS layout box surrounding an HTML element and its visual components.
- input value attributeThe HTML value attribute specifies the value associated with a form control or option.
- name attributeThe HTML name attribute assigns the field name used to identify a form control when its form is submitted.
- language modelA large language model is a machine-learning model trained on extensive text data to generate and transform natural-language content.
- pretrainingPretraining is the initial training of a model on large amounts of data to learn general patterns before task-specific use.
- h3 elementA third-level heading is a heading with the third hierarchical rank in an HTML document, conventionally represented by an h3 element.
- sorting algorithmSorting is the operation of arranging data records or values according to an ordering criterion.
- body elementThe body element is the HTML element containing a document's displayed content.
- float propertyThe CSS float property positions an element toward the left or right side of its containing block and allows surrounding content to flow around it.
- style attributeAn inline style is CSS presentation code embedded directly in an HTML element or tag rather than stored in a separate stylesheet.
- aspect ratioAn aspect ratio is the proportional relationship between an object's width and height.
- min-width propertyThe CSS min-width property sets the minimum permitted width of an element's box.
- numbered sublistA nested numbered list is a numbered list embedded within a larger numbered list as a group of substeps or subitems.
- one-column layoutA single-column layout is a page layout in which content regions are arranged in one vertical column spanning the available width.
- uriA URL is a standardized address that identifies the location of a resource or network endpoint.
- grid-template-columnsThe CSS grid-template-columns property defines the number and widths of columns in a grid container.
- margin propertyA margin property specifies the outer space surrounding an element's border.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.