toshiki-notebook/assets/academic_cis105_cis105-l10-lecture-note.md.cd365312.js

4 lines
8.1 KiB
JavaScript
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.65c6b98c.js";import{_ as a,o as l,c as o,k as i,a as n,E as r,O as c}from"./chunks/framework.c989bd33.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"CIS105: Computer Applications & Information Systems Lect. 10","description":"","frontmatter":{},"headers":[],"relativePath":"academic/cis105/cis105-l10-lecture-note.md","filePath":"academic/cis105/cis105-l10-lecture-note.md","lastUpdated":1726418622000}'),p={name:"academic/cis105/cis105-l10-lecture-note.md"};function u(d,e,m,h,b,g){const s=t;return l(),o("div",null,[e[0]||(e[0]=i("h1",{id:"cis105-computer-applications-information-systems-lect-10",tabindex:"-1"},[n("CIS105: Computer Applications & Information Systems Lect. 10 "),i("a",{class:"header-anchor",href:"#cis105-computer-applications-information-systems-lect-10","aria-label":'Permalink to "CIS105: Computer Applications & Information Systems Lect. 10"'},"")],-1)),r(s,{readTime:"2",words:"474"}),e[1]||(e[1]=c(`<h2 id="chapter-10-business-websites" tabindex="-1">Chapter 10: Business Websites <a class="header-anchor" href="#chapter-10-business-websites" aria-label="Permalink to &quot;Chapter 10: Business Websites&quot;"></a></h2><h3 id="_10-1-business-website-alternative" tabindex="-1">10.1: Business Website Alternative <a class="header-anchor" href="#_10-1-business-website-alternative" aria-label="Permalink to &quot;10.1: Business Website Alternative&quot;"></a></h3><ul><li>Web development platforms (WDP): Website creation programs that help non-web developers develop a website for a relatively low price. <ul><li>Web.com, Wix.com, Squarespace.com</li><li>A great option for business owners</li><li>Search Engine Optimization</li></ul></li></ul><h3 id="_10-2-early-website-technology" tabindex="-1">10.2: Early Website Technology <a class="header-anchor" href="#_10-2-early-website-technology" aria-label="Permalink to &quot;10.2: Early Website Technology&quot;"></a></h3><ul><li>Who created Hypertext Markup Language (HTML)?</li><li>HTML is platform-neutral</li><li>What happens when you use the internet: <ul><li>You don&#39;t visit websites, websites visit you</li><li>Copies of request kept in client&#39;s cache</li></ul></li></ul><div class="language-mermaid vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">mermaid</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F47067;">graph</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">LR</span></span>
<span class="line"><span style="color:#F69D50;">A</span><span style="color:#F47067;">[</span><span style="color:#96D0FF;">You click on hyperlink</span><span style="color:#F47067;">]</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">--&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#F69D50;">B</span><span style="color:#F47067;">[</span><span style="color:#96D0FF;">Web server ses HTTP to send copy of request to client</span><span style="color:#F47067;">]</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">graph</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">LR</span></span>
<span class="line"><span style="color:#E36209;">A</span><span style="color:#D73A49;">[</span><span style="color:#032F62;">You click on hyperlink</span><span style="color:#D73A49;">]</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">--&gt;</span><span style="color:#24292E;"> </span><span style="color:#E36209;">B</span><span style="color:#D73A49;">[</span><span style="color:#032F62;">Web server ses HTTP to send copy of request to client</span><span style="color:#D73A49;">]</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><h3 id="_10-3-hypertext-markup-language" tabindex="-1">10.3: Hypertext Markup Language <a class="header-anchor" href="#_10-3-hypertext-markup-language" aria-label="Permalink to &quot;10.3: Hypertext Markup Language&quot;"></a></h3><ul><li>The principal programming language for browsers</li><li>Elements: HTML represented in the form of tags that are enclosed by brackets: <code>&lt;/&gt;</code></li><li><code>&lt;meta&gt;&lt;/meta&gt;</code>: Used to help search engines <ul><li>Will include info like web page&#39;s author, descriptions, and keywords</li><li>Called meta keywords or meta-words.</li></ul></li><li>Link element: <code>&lt;a href=&quot;www.youtube.com&quot;&gt;Youtube&lt;/a&gt;</code></li><li>Image element: <code>&lt;img src=&quot;meadow.gif&quot; alt=&quot;meadow&quot;&gt;&lt;/img&gt;</code></li><li>JavaScript: A client-side programming language used to build websites <ul><li>Requires a Java-enabled browser to work</li><li>Ex: Countdown timer</li></ul></li></ul><h3 id="_10-4-websites-styles-categories" tabindex="-1">10.4: Websites Styles &amp; Categories <a class="header-anchor" href="#_10-4-websites-styles-categories" aria-label="Permalink to &quot;10.4: Websites Styles &amp; Categories&quot;"></a></h3><ul><li>Website categories: Personal, Commercial, Governmental, and <strong>intranet</strong><ul><li>Static Website (AKA Brochure websites): Content typically designed with HTML; never changes</li><li>Dynamic Websites: Generate web pages directly from the server depending on the context of the user <ul><li>Ex: Social Media</li><li>Much more difficult to program, but are much easier to maintain</li></ul></li></ul></li></ul><h3 id="_10-5-types-of-websites" tabindex="-1">10.5: Types of Websites <a class="header-anchor" href="#_10-5-types-of-websites" aria-label="Permalink to &quot;10.5: Types of Websites&quot;"></a></h3><ul><li>Blog: An online diary, originally called a web-log</li><li>Content Website: typically dispense original content and often supported by advertising</li><li>Corporate Website: Distribute info about a business</li><li>Commerce Website (AKA E-Commerce site): to sell goods and services online</li><li>Search Engine Website: Offers general information and intended to be the entryway to other websites</li><li>Gaming Website: Typically, games unto themselves; require plug-ins like Adobe Flash, JavaScript, and ActiveX</li><li>News Websites: Specifically devoted to providing news and commentary</li><li>School Websites: Typically used by teachers, students, parents, and administrators.</li><li>Video-sharing websites: Allow users to upload videos for a wider audience <ul><li>Utilizes Users Datagram Protocol (UDP)</li></ul></li></ul><h3 id="_10-6-website-online-software" tabindex="-1">10.6: Website Online Software <a class="header-anchor" href="#_10-6-website-online-software" aria-label="Permalink to &quot;10.6: Website Online Software&quot;"></a></h3><ul><li>HTML is not a powerful programming language</li><li>Fat Client: Provides rich functionality on the client side; independent of a central server <ul><li>Ex: Microsoft programs</li><li>Pros: More functionality, very powerful</li><li>Cons: Expensive. Requires additional software and set up, requires more processing power</li></ul></li><li>Thin Client: A client that depends on a server for computing processing <ul><li>Ex: Web browsers</li><li>Pros: Platform neutral, cheaper to maintain, better distribution of info</li><li>Cons: Not as powerful, less functionality, requires refreshing from the user</li></ul></li></ul><h3 id="_10-7-online-advertising" tabindex="-1">10.7: Online Advertising <a class="header-anchor" href="#_10-7-online-advertising" aria-label="Permalink to &quot;10.7: Online Advertising&quot;"></a></h3><ul><li>Online Advertising: A form of sponsorship that uses the WWW for delivering business-marketing strategies</li><li>Examples: <ul><li>Search Engine Results</li><li>Native Advertising</li><li>Social Network Advertising</li><li>Banner advertisement</li></ul></li><li>Purchasing Online Advertising <ul><li>Cost Per Click (CPC)</li><li>Cost Per Thousand Impressions (CPM)</li><li>Cost Per Action (CPA)</li></ul></li></ul>`,16))])}const A=a(p,[["render",u]]);export{v as __pageData,A as default};