Site Development Associate Self-Study Guide Web Foundations Series CCSSM-CF2SDF-PR-1208 • Version 2.0 • Rd082712

Total Page:16

File Type:pdf, Size:1020Kb

Site Development Associate Self-Study Guide Web Foundations Series CCSSM-CF2SDF-PR-1208 • Version 2.0 • Rd082712 Site Development Associate Self-Study Guide Web Foundations Series CCSSM-CF2SDF-PR-1208 • version 2.0 • rd082712 EVALUATION COPY EVALUATION COPY Site Development Associate Self-Study Guide EVALUATION COPY President/Chief Certification Architect James Stanger, Ph.D. Vice President, Operations Todd Hopkins Senior Content Developer Kenneth A. Kozakis Managing Editor Susan M. Lane Editor Sarah Skodak Project Manager/Publisher Tina Strong Customer Service Certification Partners, LLC 1230 W. Washington St., Ste. 201 Tempe, AZ 85281 (602) 275-7700 Copyright © 2012, All rights reserved. EVALUATION COPY Site Development Associate Developer Patrick T. Lane Contributors DeAnne Bowersock, James Stanger, Ph.D., and Kenneth A. Kozakis Editor Sarah Skodak Project Manager/Publisher Tina Strong Trademarks Certification Partners is a trademark of Certification Partners, LLC. All product names and services identified throughout this book are trademarks or registered trademarks of their respective companies. They are used throughout this book in editorial fashion only. No such use, or the use of any trade name, is intended to convey endorsement or other affiliation with the book. Copyrights of any screen captures in this book are the property of the software's manufacturer. Disclaimer Certification Partners, LLC, makes a genuine attempt to ensure the accuracy and quality of the content described herein; however, Certification Partners makes no warranty, express or implied, with respect to the quality, reliability, accuracy, or freedom from error of this document or the products it describes. Certification Partners makes no representation or warranty with respect to the contents hereof and specifically disclaims any implied warranties of fitness for any particular purpose. Certification Partners disclaims all liability for any direct, indirect, incidental or consequential, special or exemplary damages resulting from the use of the information in this document or from the use of any products described in this document. Mention of any product or organization does not constitute an endorsement by Certification Partners of that product or corporation. Data used in examples and labs is intended to be fictional even if actual data is used or accessed. Any resemblance to, or use of real persons or organizations should be treated as entirely coincidental. Certification Partners makes every effort to ensure the accuracy of URLs referenced in all its material, but cannot guarantee that all URLs will be available throughout the life of a course. When this course was published, all URLs were checked for accuracy and completeness. However, due to the ever-changing nature of the Internet, some URLs may no longer be available or may have been redirected. Copyright Information This training manual is copyrighted and all rights are reserved by Certification Partners, LLC. No part of this publication may be reproduced, transmitted, stored in a retrieval system, modified, or translated into any language or computer language, in any form or by any means, electronic, mechanical, magnetic, optical, chemical, manual or otherwise without written permission of Certification Partners, 1230 W. Washington Street, Suite 201, Tempe, AZ 85281. EVALUATION COPY Copyright © 2012 by Certification Partners, LLC All Rights Reserved ISBN: 0-7423-3139-3 iv EVALUATION COPY © 2012 Certification Partners, LLC — All Rights Reserved. Version 2.0 v Table of Contents Course Description ......................................................................................................................... x Self-Study Courseware ................................................................................................................... xi Course Objectives........................................................................................................................ xiii Course Setup Guide and System Requirements ........................................................................... xiii Conventions and Graphics Used in This Book ............................................................................... xx Lesson 1: Markup Language and Site Development Essentials ..................................................... 1-1 Pre-Assessment Questions ................................................................................................................ 1-3 Creating Web Pages ........................................................................................................................... 1-4 Mobile and Cloud Issues ................................................................................................................... 1-5 Text Editors and Markup Languages ................................................................................................. 1-5 Graphical User Interface (GUI) Editors ............................................................................................... 1-6 History of Markup Languages ............................................................................................................ 1-7 The HTML Web Development Trifecta: HTML5, CSS and JavaScript ................................................. 1-14 Web Site Development Principles ..................................................................................................... 1-15 Hosting and Web Service Providers .................................................................................................. 1-38 The Habitat for Humanity Web Site ................................................................................................. 1-41 Case Study ...................................................................................................................................... 1-43 Lesson 1 Review .............................................................................................................................. 1-47 Lesson 1 Supplemental Material ...................................................................................................... 1-48 Lesson 2: HTML5 Coding ............................................................................................................. 2-1 Pre-Assessment Questions ................................................................................................................ 2-2 Introduction to Using HTML .............................................................................................................. 2-3 Elements and Markup Tags ............................................................................................................... 2-3 Document Structure Tags ................................................................................................................. 2-5 Web Site File Structure ................................................................................................................... 2-10 Preparing Your Development Environment ...................................................................................... 2-11 Paragraph Formatting and Block-Level Elements ............................................................................. 2-14 Text-Level Elements ........................................................................................................................ 2-23 Lists ................................................................................................................................................ 2-26 Good Coding Practice ...................................................................................................................... 2-28 Case Study ...................................................................................................................................... 2-31 Lesson 2 Review .............................................................................................................................. 2-33 Lesson 2 Supplemental Material ...................................................................................................... 2-34 Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements ................................................. 3-1 Pre-Assessment Questions ................................................................................................................ 3-2 Cascading Style Sheets (CSS) ............................................................................................................ 3-3 Separating Content in HTML ............................................................................................................. 3-8 Images in Web Pages ....................................................................................................................... 3-11 HTML Entities ................................................................................................................................. 3-21 Specifying Colors ............................................................................................................................. 3-24 Page Colors and Backgrounds ......................................................................................................... 3-25 Specifying Font Information............................................................................................................. 3-27 Web Design Issues .......................................................................................................................... 3-29 HTML5 and Older Browsers ............................................................................................................
Recommended publications
  • The “New”Side of Web Design
    THE “NEW” SIDE OF WEB DESIGN Start with Fundamentals A GOOD teacher will LEARN and TEACH the basics of HTML and CSS before allowing students to use WYSIWYG editors! Yes, it’s programming, technically, but they can handle it! And, so can you! Free Web Tools and Widgets Embeddable Video Hosting (online) Embeddable Audio (offline) http://schooltube.com (school video hosting and embed code) http://www.audioflash.org/ (free streaming audio recorder) http://screentoaster.com (capture screencast and embed code given) Embeddable Photo Galleries (offline) http://screencastle.com (capture screencast and get embed code) http://www.snapfiles.com/get/sothinkalbum.html SoThink Album Embeddable Forum http://www.snapfiles.com/get/skyalbum.html SkyAlbum http://tal.ki/ “Top” Widgets Embed RSS Feed from Blog http://www.makeuseof.com/dir/scrollbox-embed-rss-feeds/ AddThis Button http://addthis.com/ ModPoll http://www.modpoll.com Embed Photo Galleries/Presentations Hosted Online Random Widget Collections http://www.slideserve.com (embed PPT files; no transitions/animation unless plugin downloaded—trial does 10 slides only) http://www.iwidgetworld.com/ http://picasaweb.google.com/home http://www.widgetbox.com/ http://www.freewidgetzone.com/ Embed Documents Hosted Online (can upload) http://www.tickerfactory.com/ezticker/ticker_designer.php http://embedit.in (embed document or embed baby thumbnail link) Free Web Site Creators/Hosting (easy) • Wix • Yola • Google Sites • Weebly Source: http://internet.suite101.com/article.cfm/make-free-websites-on-the-web 1
    [Show full text]
  • Metadefender Core V4.12.2
    MetaDefender Core v4.12.2 © 2018 OPSWAT, Inc. All rights reserved. OPSWAT®, MetadefenderTM and the OPSWAT logo are trademarks of OPSWAT, Inc. All other trademarks, trade names, service marks, service names, and images mentioned and/or used herein belong to their respective owners. Table of Contents About This Guide 13 Key Features of Metadefender Core 14 1. Quick Start with Metadefender Core 15 1.1. Installation 15 Operating system invariant initial steps 15 Basic setup 16 1.1.1. Configuration wizard 16 1.2. License Activation 21 1.3. Scan Files with Metadefender Core 21 2. Installing or Upgrading Metadefender Core 22 2.1. Recommended System Requirements 22 System Requirements For Server 22 Browser Requirements for the Metadefender Core Management Console 24 2.2. Installing Metadefender 25 Installation 25 Installation notes 25 2.2.1. Installing Metadefender Core using command line 26 2.2.2. Installing Metadefender Core using the Install Wizard 27 2.3. Upgrading MetaDefender Core 27 Upgrading from MetaDefender Core 3.x 27 Upgrading from MetaDefender Core 4.x 28 2.4. Metadefender Core Licensing 28 2.4.1. Activating Metadefender Licenses 28 2.4.2. Checking Your Metadefender Core License 35 2.5. Performance and Load Estimation 36 What to know before reading the results: Some factors that affect performance 36 How test results are calculated 37 Test Reports 37 Performance Report - Multi-Scanning On Linux 37 Performance Report - Multi-Scanning On Windows 41 2.6. Special installation options 46 Use RAMDISK for the tempdirectory 46 3. Configuring Metadefender Core 50 3.1. Management Console 50 3.2.
    [Show full text]
  • 1 Chapter -3 Designing Simple Website Using Kompozer
    RSCD Chapter -3 Designing Simple Website Using KompoZer ------------------------------------------------------------------------------------------- 1. ……………plays a very important role in a business now-a-days. a) Website b) webpage c) Web browser d) Web host 2. …………….is a collection of interlinked web pages for a specific purpose. a) Website b) webpage c) Web browser d) Web host 3. ………….defines what we want to achieve by developing a website. a)Objective b) Goal c) Planning d) Target 4. Once by knowing the reason for developing a website, you must decide …….of the website. a)Objective b) Goal c) Planning d) Target 5. ……….means for whom the website is to be developed. a)Objective b) Goal c) Planning d) Target audience 6. From the following which is important for content of a webpage? a) Text and graphics for website b) Content as per visitor’s requirements c) Too short or too long content d) All of these 7. Who provides trial version of the software for free download? a) Editor b) Vendor c) Visitor d) None 8. The visual diagram of the website is known as ……………… a) Site Map b) Image Map c) Site Editor d) Site Browser 9. The website should contain should be classified into ………….categories. a) General b) Detailed c) Simple d) Both a and b 10. What is the first step for planning a website? a) Homepage b) Target audience c) Objective and Goal d) Browser compatibility 11. The website must contain ………………….information. a) Complete b) relevant c) incomplete d) Both a and b 12. What is the key point of a website? a) Content b) Homepage c) Objective and Goal d) Browser Compatibility 13.
    [Show full text]
  • DISSERTATION APPROVAL the Abstract And
    DISSERTATION APPROVAL The abstract and dissertation of Emerson Murphy-Hill for the Doctor of Philoso- phy in Computer Science were presented on February 26, 2009, and accepted by the dissertation committee and the doctoral program. COMMITTEE APPROVALS: Andrew P. Black, Chair Stephane´ Ducasse Mark Jones Susan Palmiter Suresh Singh Douglas Hall Representative of the Office of Graduate Studies DOCTORAL PROGRAM APPROVAL: Wu-chi Feng, Director Computer Science Ph.D. Program ABSTRACT An abstract of the dissertation of Emerson Murphy-Hill for the Doctor of Philoso- phy in Computer Science presented February 26, 2009. Title: Programmer Friendly Refactoring Tools Tools that perform semi-automated refactoring are currently under-utilized by programmers. If more programmers adopted refactoring tools, software projects could make enormous productivity gains. However, as more advanced refactor- ing tools are designed, a great chasm widens between how the tools must be used and how programmers want to use them. This dissertation begins to bridge this chasm by exposing usability guidelines to direct the design of the next generation of programmer-friendly refactoring tools, so that refactoring tools fit the way program- mers behave, not vice-versa. PROGRAMMER FRIENDLY REFACTORING TOOLS by EMERSON MURPHY-HILL A dissertation submitted in partial fulfillment of the requirements for the degree of DOCTOR OF PHILOSOPHY in COMPUTER SCIENCE Portland State University 2009 To Tetey Acknowledgements This research could not have been accomplished without the help of countless others. First and foremost, thanks to my advisor, Andrew P. Black, for always providing en- lightening guidance and advice. Thanks to the members of my thesis committee, each of whom contributed to this work: Stephane´ Ducasse, Doug Hall, Mark Jones, Susan Palmiter, and Suresh Singh.
    [Show full text]
  • Basic Guide: Using VIM Introduction: VI and VIM Are In-Terminal Text Editors That Come Standard with Pretty Much Every UNIX Op
    Basic Guide: Using VIM Introduction: VI and VIM are in-terminal text editors that come standard with pretty much every UNIX operating system. Our Astro computers have both. These editors are an alternative to using Emacs for editing and writing programs in python. VIM is essentially an extended version of VI, with more features, so for the remainder of this discussion I will be simply referring to VIM. (But if you ever do research and need to ssh onto another campus’s servers and they only have VI, 99% of what you know will still apply). There are advantages and disadvantages to using VIM, just like with any text editors. The main disadvantage of VIM is that it has a very steep learning curve, because it is operated via many keyboard shortcuts with somewhat obscure names like dd, dw, d}, p, u, :q!, etc. In addition, although VIM will do syntax highlighting for Python (ie, color code things based on what type of thing they are), it doesn’t have much intuitive support for writing long, extensive, and complex codes (though if you got comfortable enough you could conceivably do it). On the other hand, the advantage of VIM is once you learn how to use it, it is one of the most efficient ways of editing text. (Because of all the shortcuts, and efficient ways of opening and closing). It is perfectly reasonable to use a dedicated program like emacs, sublime, canopy, etc., for creating your code, and learning VIM as a way to edit your code on the fly as you try to run it.
    [Show full text]
  • Adobe Golive CS2 Fans Say Adobe Golive Is Better Than Dreamweaver, Yet Few Web Designers Use It
    Adobe GoLive CS2 Fans say Adobe GoLive is better than Dreamweaver, yet few web designers use it. What does the CS2 version have that can challenge this hegemony? the assisted browsers ac web designers have had a love-hate relationship with faster and are usable with little effort by GoLive for a long time. Many have chosen to hate it from and screenreaders disabled web surfers use. - the anorexic afar, never having tried it Dreamweaver, despite its GoLive CS 2 is a godsend for anyone frustrated by in Windows-eque interface and inferior feature set, has somehow CSS positioning tools and microscopic range of templates managed to grab all the thunder in the market. Others have GoLive CS and Dreamweaver. In typical Mac fashion, you can just chosen to hate it gradually, watching as Adobe has slowly drag sets of CSS layouts straight into your webpage and GoLive than stamped its own interface and ideas on the once promising, will configure stylesheets and coding appropriately. Better beautiful, innovative and Mac-esque GoLive CyberStudio. But there templates, this allows you to combine CSS layouts to create your are a happy few, a loyal band of GoLive users who have stuck own custom layout without having to know coding. with it and loved it since those heady OS 9 days when it was But does GoLive actually display the page correctly in its easily the best package available on any platform. Now the latest traditional editing mode, a deficiency that made GoLive CS hard - - and definitely the greatest GoLive is out and it looks set to to use with true CSS layouts? No.
    [Show full text]
  • Appendix a the Ten Commandments for Websites
    Appendix A The Ten Commandments for Websites Welcome to the appendixes! At this stage in your learning, you should have all the basic skills you require to build a high-quality website with insightful consideration given to aspects such as accessibility, search engine optimization, usability, and all the other concepts that web designers and developers think about on a daily basis. Hopefully with all the different elements covered in this book, you now have a solid understanding as to what goes into building a website (much more than code!). The main thing you should take from this book is that you don’t need to be an expert at everything but ensuring that you take the time to notice what’s out there and deciding what will best help your site are among the most important elements of the process. As you leave this book and go on to updating your website over time and perhaps learning new skills, always remember to be brave, take risks (through trial and error), and never feel that things are getting too hard. If you choose to learn skills that were only briefly mentioned in this book, like scripting, or to get involved in using content management systems and web software, go at a pace that you feel comfortable with. With that in mind, let’s go over the 10 most important messages I would personally recommend. After that, I’ll give you some useful resources like important websites for people learning to create for the Internet and handy software. Advice is something many professional designers and developers give out in spades after learning some harsh lessons from what their own bitter experiences.
    [Show full text]
  • Gerry E. Mayer 604.314.7541 [email protected] PROFESSIONAL PROFILE
    gerry e. mayer 604.314.7541 [email protected] www.gemdigitalmedia.com PROFESSIONAL PROFILE Interactive and web design professional with more than 10 years practical experience and 6 as a post secondary instructor, in web design, web development, digital imaging, Flash development, video and motion graphics, and animation. Experience also includes managing, the development, preparation and facilitation of courses in Professional Development, and Basic English Essay Writing. Strong focus on maintaining creative excellence and creating positive relationships for both internal and external clients from within the public, private and educational sectors. PROFESSIONAL EXPERIENCE 2011-current Surrey Connect – Surrey School District – Surrey, BC Web Communication Specialist ▪ Support and train teachers in the use of Blackboard Learn 9.1 LMS ▪ Assist in administering Blackboard Learn 9.1 ▪ Maintain and support Blackboard LMS course shells ▪ Develop web solutions for Surrey Connect ▪ Create and deliver Blackboard training workshops ▪ Support and development of Social Media solutions - surreyconnectnews.com ▪ Support for digital media solutions ▪ Create and maintain Google analytics, AdWords and Facebook advertising ▪ Administer and support Lynda.com ▪ Support Tell me more - language LMS 2008-2011 Douglas College – New Westminster, BC Web Designer § Responsible for development and maintenance of corporate website using CMS – Active 9.0 (formerly Ironpoint) § Developed and implemented new site Design including Information architecture, prototyping,
    [Show full text]
  • Photoshop and Imageready with Golive and Dreamweaver
    WEB 1 PHOTOSHOP AND IMAGEREADY WITH GOLIVE AND DREAMWEAVER IN THIS CHAPTER Beyond ImageReady: GoLive and Dreamweaver 2 Exporting Images from Photoshop and ImageReady for HTML Editors 2 Importing Images into GoLive 7 Importing Images into Dreamweaver 14 2 Web 1: Photoshop and ImageReady with GoLive and Dre a m w e a v e r BEYOND IMAGEREADY: GOLIVE 1 AND DREAMWEAVER For more detailed information and Adobe GoLive and Macromedia Dreamweaver are con- to download a working demo of sidered “what you see is what you get” (WYSIWYG) applica- Adobe GoLive and Macromedia tions. They enable you to create more complex Web sites Dreamweaver, go to their Web than you can with only ImageReady and give you the flexibil- sites at www.adobe.com and ity to create a layout on a grid—just click and drag your www.macromedia.com. visual elements around on the page. With this click-and-drag approach, beginners never have to look at a piece of HTML code to create an attractive Web page. You can also import other media elements, such as Flash, Shockwave, and QuickTime movies, as well as ImageReady slice elements and Photoshop or ImageReady images and animations. ImageReady is a great start to laying out a page design, how- ever, and you can easily import slice elements from it into either GoLive or Dreamweaver. A quick overview of using Photoshop and ImageReady images or animations in these applications is covered later in this chapter. What’s more important to note is that GoLive and Dreamweaver offer much more in the way of site management tools.
    [Show full text]
  • Guatewireless.Org
    12/5/2015 Top 50 Herramientas Propietarias y sus Alternativas Opensource ← Guatewireless.org Guatewireless.org Acerca del Sitio Contactame Glosario Ayuda e Ideas para el administrador de sistemas Linux, Bitcoins, Redes Popularity Contest Plugin para WordPress Tecnologia Software Top 50 Herramientas Propietarias y sus Alternativas Opensource « Amarok: Modulo Python Kdecore El ciclo de Ubuntu 9.04 Jaunty Jackalope inicia » Top 50 Herramientas Propietarias y sus Alternativas Opensource 4 10 Nov 2008 | Software Tags: internet explorer · por supuesto · sistemas operativos de windows · software propietario Me gusta 0 Tweet 8 Desde que tengo memoria estoy acostumbrado a utilizar herramientas de compañias como Adobe, Microsoft, Symantec, etc. El hecho es que estas herramientas aunque sean Buscar muy buenas tambien son propietarias, y a simple vista uno puede pensar que la ventaja de las herramientas de codigo libre es su precio casi nulo, lo cual es tan solo un minimo de las grandes ventajas que tenemos al utilizar software libre. Al contrario de la experiencia de que el software propietario viene con los lí​mites que Recomendacion del Editor mantiene la experiencia del usuario restringida. › Si usted cree que su herramienta con la cual trabaja actualmente es lo unico que existe los Coleccion de claves router Turbonett Claro cincuenta programas propietarios a continuacion considerados como de facto en el › mercado se muestran junto con sus alternativas de código abierto. APN TIGO – GPRS MMS WAP Internet 3G El caso es que usted evalue los pros y contras de su herramienta usual y vea que el mundo EDGE Manual de Configuracion del floss le brinda alternativas libres con las cuales puede hacer la misma tarea de la forma › usual o incluso mejor.
    [Show full text]
  • VIM Flipper Portal Solution Overview | Opentext
    SOLUTION OVERVIEW VIM Flipper Portal Extend OpenText Vendor Invoice Management (VIM) for SAP® Solutions with additional vendor self-service capabilities associated with Invoice Processing. An OpenText Professional Services package extending the OpenText VIM product Fewer exceptions A key value proposition of a digital invoice processing will improve solution such as OpenText VIM for SAP® Solutions is cost automation savings achieved through high levels of automation and near- touchless execution of invoice processing. While VIM can Better process a variety of input channels including paper, a physical communication invoice must be digitized, recognition is needed to establish to improve vendor key data, and data validation against purchase order details relationships means some level of exception processing can be expected. A reduction of these exceptions will yield further cost savings Save mailroom to the Accounts Payable team. costs through A self-service portal for vendors is a valuable, fully digital input channel for another digital capturing invoices and streamlining communications with vendors. Invoices can be captured digitally, SAP master data is leveraged to speed data validation, and channel communications with the vendor about clarifications/issues is secure and auditable. Additionally, the process is streamlined for vendors making interactions easier and more accurate for all parties in the process. Go live faster Extend VIM Fewer exceptions will improve automation functionality rapidly The VIM Flipper Portal is a great enabler of further digitization for invoice processing. Highly scalable to address large vendor communities and high transaction volumes, the portal integrates tightly with OpenText VIM. The portal promotes quality invoice data submission digitally—“flipping” SAP Purchase Order (PO) data into invoice data—thus reducing transaction errors requiring intervention by AP processors.
    [Show full text]
  • Weightage 8 Marks
    Chapter 1 Weightage Creating HTML Form Using KompoZer 8 marks Introduction to Form . With the increase in the use of Internet many activities have become online. Web page is used to fill various information about ourselves or product. HTML forms are used to help the visitors of the website to input data. A form in HTML is a container used to collect different kinds of inputs from the user. It allows for more interactivity and control in data entry. Well organized structure designed to input the required the data and information of website is called form. HTML contains elements like label, checkbox, text input field, radio button, submit button, reset button and many more. The form elements are used to enter the data as well as validate the data within the forms. Four elements are used in a form: 1) Form 2) Input 3) Textarea 4) Select and option Form Elements . Form element acts as a container for all the elements used in the form. The tag <form>….</form> is used to implement this element. SYNTAX::::: <form action=”file1.html” method=”post”> . The form element uses two attributes namely action and method Action Attribute o The action attribute is used to specify where to send the form data when the form is submitted. o The action attribute takes a filename as value. Method Attribute o The method attribute specifies the HTTP(Hyper Text Transfer Protocol) method to be used when sending the data. o The method attribute take two values: GET and POST GET Method . The GET method retrieves the data from the form and sends it to the server by attaching it at the end of the URL.
    [Show full text]