API tools faq
paste
HTML

howard-chapter2.html

HTML
Feb 14th, 2017
213
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Howard - Chapter 2 Notes</title>
  5. <link rel="stylesheet" href="style.css">
  6. </head>
  7. <body>
  8. <header>
  9.   <nav>
  10.     <ul>
  11.       <li><a href="index.html">Home Page</a></li>
  12.       <li><a href="howard-chapter2.html">Chapter 2</a></li>
  13.       <li><a href="howard-projectmanagement.html">Project Mgmt</a></li>
  14.       <li><a href="#">Link 4</a></li>
  15.       <li><a href="howard-aboutme.html">About Me</a></li>
  16.     </ul>
  17.   </nav>
  18. </header>
  19. <div id="wrapper">
  20.   <div class="left">
  21.     <h1>Chapter 2 Notes</h1>
  22.   </div>
  23.   <div class="right">
  24.     <h2>Creating Head Content and Setting Page Properties</h2>
  25.         <p>Head content is completely unseen on the page, in the image and text aspecet. However, this content often controlls the appearance of the body as a whole. For example, the head content on this page links it to a stylesheet, which is used to give the page it's unique layout and color. This stylesheet can be used multiple times across pages.</p>
  26.         <p>Some examples of head content can be the title of the page (words in the tab to replace the URL), the stylesheet linking, the style itself, or meta data - or page properties.</p>
  27.     <h2>Creating, Importing, and Formatting Text</h2>
  28.         <p>Text is obviously going to play a major part in the role of making any website. This is why it's important to make the text look good to the viewer. Text can also be imported through <code>.dwt</code> files, and this website is a great example - as nearly everything was already here (such as the formatting), and I am simply "filling in the blanks".</p>
  29.         <p>Everything is important when it comes to making a website. Even the smiplest mistake can make everything seem a little bit less professional when totalled!</p>
  30.     <hr>
  31.     <h2>Definitions List</h2>
  32.         <dl id="notes">
  33.             <dt>Workspace</dt>
  34.                 <dd>The main area in Dreamweaver; almost everything.</dd>
  35.             <dt>Document window</dt>
  36.                 <dd>The large area where sites are made; in the center.</dd>
  37.             <dt>Menu bar</dt>
  38.                 <dd>Also called the <u>application bar</u>, the menu bar is above the document window and contains various useful commands.</dd>
  39.             <dt>Insert panel</dt>
  40.                 <dd>Contains nine buttons; common, layout, forms, data, spry, jQuery m, inConetext, text, and favorites.</dd>
  41.             <dt>Document toolbar</dt>
  42.                 <dd>Effectively acts like another menu bar, containing various useful commands; though more so focused on the website design than the use of the program.</dd>
  43.             <dt>Related files toolbar</dt>
  44.                 <dd>Located below the document tabs and menu bar, this displays any related or linked files that affect the document (such as stylesheets).</dd>
  45.             <dt>Property inspector</dt>
  46.                 <dd>Located at the bottom of the window, allowing one to change properties of a selected object with ease.</dd>
  47.             <dt>Status bar</dt>
  48.                 <dd>Located below the document window, giving information such as file size and estimated page loading time.</dd>
  49.             <dt>Tag selector</dt>
  50.                 <dd>Shows tags being currently used at an insertion point.</dd>
  51.             <dt>Panel</dt>
  52.                 <dd>A tabbed window that displays related information and / or commands.</dd>
  53.             <dt>Panel group</dt>
  54.                 <dd>Related panels that are grouped together by default or by the user.</dd>
  55.             <dt>Hyperlinks</dt>
  56.                 <dd>Redirects that activate when the child element is clicked by the user (such as text or an image).</dd>
  57.             <dt>Images</dt>
  58.                 <dd>Commonly used to add visual interest to a page.</dd>
  59.             <dt>Banners</dt>
  60.                 <dd>Images that typically appear "hugging" the side of a page, cometimes containing links or company logos.</dd>
  61.             <dt>Navigation bars</dt>
  62.                 <dd>Bars that contain links to serve as the main navigation of the site (such as the yellow bar at the top of this page!)</dd>
  63.             <dt>Image map</dt>
  64.                 <dd>An image that has been divided into sections, serving as multiple relevant links.</dd>
  65.             <dt>Rich media</dt>
  66.                 <dd>Visually attractive or otherwise engaging images, interactive elements, video, animation or sound.</dd>
  67.             <dt>Wireframe</dt>
  68.                 <dd>Illustrations that represent the basic layout of a page.</dd>
  69.             <dt>Parent / child pages</dt>
  70.                 <dd>The homepage (index.html) serves as a parent; every other page being the child.</dd>
  71.             <dt>Local root folder</dt>
  72.                 <dd>A folder for the site with a descriptive name which contains all files used.</dd>
  73.             <dt>Assets folder</dt>
  74.                 <dd>A folder located in the local root folder that contains all non-html files related to the site.</dd>
  75.             <dt>Files panel</dt>
  76.                 <dd>The panel that appears by default when Dreamweaver is started. Used to select which project to open.</dd>
  77.         </dl>
  78.   </div>
  79. </div>
  80. <footer>
  81.   <div class="left">
  82. &copy; Jacob Howard 2017 &nbsp; &nbsp;
  83.     <h4>Contact: <a href="redacted">redacted</a></h4>
  84.   </div>
  85.   <div class="right">
  86. Style Guide:
  87.     <ul>
  88.       <li>Blue, White, Yellow, Gray</li>
  89.       <li>Serif: Courier; Sans-serif: Arial</li>
  90.     </ul>
  91.   </div>
  92. </footer>
  93. </body>
  94. </html>
Advertisement
Comments
  • User was banned
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!