Jumat, 07 Desember 2012

Managing The Content Of Web Pages
Checking the information for relevance and currency
Web Design Software
Web design software is a useful software for building / making / designing web pages, whether they are static or dynamic.
Most popular web design software available today include:
  1. Adobe Image Ready,
  2. Macromedia Dreamweaver
  3. Macromedia Fireworks,
  4. Microsoft Frontpage
  5. dan lain sebagainya.
Know Macromedia Dreamweaver MX
Macromedia Dreamweaver, which is one of the most popular web design software is selected as the web design software that will be used in this learning process
Macromedia Dreamweaver chosen for compatibility and support for various web programming languages including: ASP, JSP, CFM, ASP.NET, PHP, JavaScript, CSS and XML
Dreamweaver MX window is divided into 7 parts, namely:
  1. Insert Bar,
  2. Document Toolbar,
  3. Document Window,
  4. Panel Groups,
  5. Tag Selector,
  6. Property Inspector
7.    Files Panel
HTML
HTML is the abbreviation of Hyper Text Markup Language has a function to format a plain text document that can be used on the World Wide Web (WWW).
HTML is not a programming language, because it is only a sign (marking up) on a text document and not as a program.
The basic structure of the HTML document contains elements or tags, as shown below:
Description:
v  </ html>: defines the text that lies between these two tags are HTML files.
v  </ head>: defines the head of an HTML file.
v  </ title>: defines title to be displayed in a browser.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="font-family: "Comic Sans MS";"><body> </ body>: defines the text format and want to display as web page content.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <br></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Basic text formatting in HTML:</span><span style=""> </span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Heading, knowing HTML heading level 6, from 1 (largest) to 6. headings shown with larger font and thicker than normal text</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Paragraph, every new paragraph begins with <p> </span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Lists, HTML support list (list) are not numbered, numbered and definition</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Performatted Text, in HTML, spaces, tabs and new line (enter) does not have an impact</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Extended Quotations, to make a long quote, so that it protrudes into the inside, used <blockquote> tag.</span><span style="font-family: "Comic Sans MS";"> </span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Replace the line (line breaks), to write a letter address to the short rows, not good if you use tags <p> (space is too wide)</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Horizontal line (horizontal rule), to create a horizontal line that is used to limit the parts used <hr> tag.</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Formatting characters</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><b> or <strong> to make text Bold.</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><i> or <em> to make text Italic.</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><tt> or <code> to make text Typewriter</span><span style="font-family: "Comic Sans MS";" lang="IN">.</span><span style="font-family: "Comic Sans MS";" lang="IN"> </span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Basic HTML Link</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Hyperlink is something very important on the website,</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">for hyperlinks to link between one page to another page</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">either within a single site and between websites.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">To create a hyperlink used <a> tag. Letter a meaning</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">"anchor". Tag <a> usually followed by the attribute</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">"href" where the value of this attribute is the address to</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">which pages.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Various links</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">1. Relative and Absolute Links, a link to a document in another directory can be created by specifying the path relative to the origin of the document's position is. This is called a relative link.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><span style="">    </span>a href = "Price / index.html"> Price List </ a></span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Address (URL) of the complete document (absolute path) can be used to determine the purpose of a link, called an absolute link:</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><span style="">   </span>a href = "http://gmail.google.com"> E-mail Google </ a></span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">2.Link to a section in another document, eg: satu.html linked to a section in dua.html, how is:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">In satu.html document, written:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><a href="dua.html#BT"> Three </ a></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">At the destination, is written:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><a name="BT"> Three </ a></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">3. Link to a section in the same document, similar to how the above steps:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">In satu.html document, written:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><a href="#BT"> Three </ a></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">At the destination, is written:</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><a name="BT"> Three </ a></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">4. Mailto, link directly to the e-mail address.</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";"><a href="mailto:saya@gmail.com?subject=Masuk ga?"></span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Send E-mail </ a></span></div> <div class="MsoNormal"> <br></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Insert Figure</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Attribute image size, if not written, then the image size according to its original size. But the image size can be made with a specific value by writing the height and width attributes.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Creating Tables</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">The table is a way to display the information in the form of cells consisting of columns and rows.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Creating Frame</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">HTML frames are used to create HTML view is divided into several parts where each part is a separate HTML page.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Creating Form</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Form is the form of an HTML element blank (form) that is used to capture information from users</span></i><span style=""></span></div> <div class="MsoNormal"> <i><span style="font-family: "Comic Sans MS";">Various kinds of form:</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><i><span style="font-family: "Comic Sans MS";">Input, by type:</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><i><span style="font-family: "Comic Sans MS";">Text, password, checkbox, radio button, reset, submit and hidden.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><i><span style="font-family: "Comic Sans MS";">Text area.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><i><span style="font-family: "Comic Sans MS";">Select.</span></i><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <br></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">WEB page update</span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">Update web site pages with something new, taking into account the needs of visitors and the website itself</span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">To update (updated) pages of the web site should be taken into consideration since these web pages are designed is that we must ensure that the elements on every page is easy for the fox (edit).</span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">Checking the information for relevance and keterkinian </span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">Basically, the website creation process required cooperation between the developer with a client who ordered the website.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">In determining the content (initial content, additions and revisions) the developer should listen more to what the client needs.</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 21.3pt; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">§<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="">User interactivity at the heart of a web site</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal"> <br></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";" lang="IN">Some ideas conveyed by </span><span style=""><span style=""> </span>Tord Yard (</span><span style="font-family: "Comic Sans MS";" lang="IN"> flash </span><i><span style="font-family: "Comic Sans MS";">programmer </span></i><i><span style="font-family: "Comic Sans MS";" lang="IN">at</span></i><i><span style="font-family: "Comic Sans MS";" lang="IN"> </span></i><i><u><span style="font-family: "Comic Sans MS";">WWW.EGO7.COM</span></u></i><i><span style="font-family: "Comic Sans MS";">)</span></i><span style="font-family: "Comic Sans MS";"> </span><span style="font-family: "Comic Sans MS";" lang="IN">about the importance to add an interactivity in<span style="">   </span>page content</span><span style="" lang="IN"> </span><span style="" lang="IN">a website</span><span style="font-family: "Comic Sans MS";"> :</span></div> <ol start="1" style="margin-top: 0in;" type="1"> <li class="MsoNormal" style=""><span style="" lang="IN">Use<span style="">  </span>feedback of graphic to inform users about interctive element such as rolled<span style="">  </span>button status.</span><span style="" lang="IN"> </span><span style="font-family: "Comic Sans MS";"></span></li> <li class="MsoNormal" style=""><span style="" lang="IN">Include voice as<span style="">  </span>additional feedback form to make content does not seem boring.</span><span style="font-family: "Comic Sans MS";" lang="IN"> </span><span style="font-family: "Comic Sans MS";"></span></li> <li class="MsoNormal" style=""><span style="" lang="IN">Considering animation use to explain important element, or to ask joining for visitors</span><span style="font-family: "Comic Sans MS";">.</span></li> </ol> <div class="MsoNormal"> <br></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Some ways to check the website content information for relevance and keterkinian, is as follows:</span><span style=""></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="font-family: "Comic Sans MS";">Customize your website content with the purpose and function of these sites</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="font-family: "Comic Sans MS";">Do your research to find the latest information in accordance with the site content</span><span style="font-family: "Comic Sans MS";"></span></div> <div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;"> <span style="font-family: Wingdings;"><span style="">v<span style="font: 7pt "Times New Roman";">  </span></span></span><span style="font-family: "Comic Sans MS";">Content additions or revisions can also request content to the client side either written or electronic data</span><span style=""></span></div> <div class="MsoNormal"> <br></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">Perform confirmation in determining the age limit of a links, will be maintained or removed</span></div> <div class="MsoNormal"> <span style="font-family: "Comic Sans MS";">The developer's website as the creator if necessary revise the content that may be necessary to first confirm with the client</span></div> <p> <br></p>

Tidak ada komentar:

Posting Komentar