import{_ as i}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as a,c as l,H as o,k as e,a as n,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=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":1726311451000}'),c={name:"academic/cis105/cis105-l10-lecture-note.md"},p=e("h1",{id:"cis105-computer-applications-information-systems-lect-10",tabindex:"-1"},[n("CIS105: Computer Applications & Information Systems Lect. 10 "),e("a",{class:"header-anchor",href:"#cis105-computer-applications-information-systems-lect-10","aria-label":'Permalink to "CIS105: Computer Applications & Information Systems Lect. 10"'},"​")],-1),u=r(`<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);function d(m,h,b,g,y,f){const s=i;return a(),l("div",null,[p,o(s,{readTime:"2",words:"474"}),u])}const C=t(c,[["render",d]]);export{A as __pageData,C as default};