mirror of
https://github.com/andatoshiki/toshiki-notebook.git
synced 2026-06-06 05:25:56 +00:00
4 lines
8.1 KiB
JavaScript
4 lines
8.1 KiB
JavaScript
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":1712687763000}'),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 "Chapter 10: Business Websites""></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 "10.1: Business Website Alternative""></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 "10.2: Early Website Technology""></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't visit websites, websites visit you</li><li>Copies of request kept in client'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;">--></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;">--></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 "10.3: Hypertext Markup Language""></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></></code></li><li><code><meta></meta></code>: Used to help search engines <ul><li>Will include info like web page's author, descriptions, and keywords</li><li>Called meta keywords or meta-words.</li></ul></li><li>Link element: <code><a href="www.youtube.com">Youtube</a></code></li><li>Image element: <code><img src="meadow.gif" alt="meadow"></img></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 & Categories <a class="header-anchor" href="#_10-4-websites-styles-categories" aria-label="Permalink to "10.4: Websites Styles & Categories""></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 "10.5: Types of Websites""></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 "10.6: Website Online Software""></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 "10.7: Online Advertising""></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};
|