Site Development Associate Student Guide Web Foundations Series CCL02-CFSDFN-PR-1405 • Version 2.1 • Rd060214

Total Page:16

File Type:pdf, Size:1020Kb

Site Development Associate Student Guide Web Foundations Series CCL02-CFSDFN-PR-1405 • Version 2.1 • Rd060214 Site Development Associate Student Guide Web Foundations Series CCL02-CFSDFN-PR-1405 • version 2.1 • rd060214 EVALUATION COPY EVALUATION COPY Site Development Associate Student Guide EVALUATION COPY Chief Executive Officer Barry Fingerhut Vice President, Operations & Development 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 © 2014, 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 © 2014 by Certification Partners, LLC All Rights Reserved ISBN: 0-7423-3269-1 iv EVALUATION COPY © 2014 Certification Partners, LLC — All Rights Reserved. Version 2.1 v Table of Contents Course Description ......................................................................................................................... x Courseware ................................................................................................................................... xi Course Objectives......................................................................................................................... xv Classroom Setup .......................................................................................................................... xv System Requirements .................................................................................................................. xv Conventions and Graphics Used in This Book .............................................................................. xix 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-46 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-32 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 ............................................................................................................. 3-35 Case Study .....................................................................................................................................
Recommended publications
  • The History of Computer Language Selection
    The History of Computer Language Selection Kevin R. Parker College of Business, Idaho State University, Pocatello, Idaho USA [email protected] Bill Davey School of Business Information Technology, RMIT University, Melbourne, Australia [email protected] Abstract: This examines the history of computer language choice for both industry use and university programming courses. The study considers events in two developed countries and reveals themes that may be common in the language selection history of other developed nations. History shows a set of recurring problems for those involved in choosing languages. This study shows that those involved in the selection process can be informed by history when making those decisions. Keywords: selection of programming languages, pragmatic approach to selection, pedagogical approach to selection. 1. Introduction The history of computing is often expressed in terms of significant hardware developments. Both the United States and Australia made early contributions in computing. Many trace the dawn of the history of programmable computers to Eckert and Mauchly’s departure from the ENIAC project to start the Eckert-Mauchly Computer Corporation. In Australia, the history of programmable computers starts with CSIRAC, the fourth programmable computer in the world that ran its first test program in 1949. This computer, manufactured by the government science organization (CSIRO), was used into the 1960s as a working machine at the University of Melbourne and still exists as a complete unit at the Museum of Victoria in Melbourne. Australia’s early entry into computing makes a comparison with the United States interesting. These early computers needed programmers, that is, people with the expertise to convert a problem into a mathematical representation directly executable by the computer.
    [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]
  • 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]
  • Download CMPEN 270 Design Project 3 Part 1
    Watch the video before the lab! *If you do the lab incorrectly, no excuses are valid, and the video will explain all of the finer details of the lab needed to correctly complete the lab! *Labs will not always be graded before the due date. Do not rely on the ability to resubmit a lab before the due date. *Attend your specific lab section for the best chance to learn and perform well on the labs. NO Late Submissions allowed! *The labs are a very small percentage of the grade, and they are designed to help you learn. Come to class prepared, and with a good mindset, with intentions on learning. The labs are low risk because they are worth little to no points for your overall grade. *TWO labs/homeworks will be dropped at the end of the semester! CMPEN 270 Design Project 3 #1 2021 Resources for the Lab: 1. Tutorial: "http://www.asic-world.com/verilog/veritut.html" Hardware Description Language In computer engineering, a hardware description language (HDL) is a specialized computer language used to describe the structure and behavior of electronic circuits, and most commonly, digital logic circuits. A hardware description language enables a precise, formal description of an electronic circuit that allows for the automated analysis and simulation of an electronic circuit. It also allows for the synthesis of a HDL description into a netlist (a specification of physical electronic components and how they are connected), which can then be placed and routed to produce the set of masks used to create an integrated circuit.
    [Show full text]
  • Computer Architecture Simulation Using a Register Transfer Language
    COMPUTER ARCHITECTURE SIMULATION USING A REGISTER TRANSFER LANGUAGE, by LESTER BARTEL B. A., Tabor College, 1983 A MASTER'S THESIS submitted in partial fulfillment of the requirements for the degree MASTER OF SCIENCE Department of Computer Science KANSAS STATE UNIVERSITY Manhattan, Kansas 1986 Approved by: Majory 'rofessor A11ED5 b565Q3 .TH- Table of Contents List of Figures v Acknowledgements vi 1 . Introduction 1 1 .1 . Purpose of an Architecture Simulator 1 1 .2 . Instruction Set Processor 3 1 .3 . Machine Cycle Simulator 3 1 .4 . Register Transfer Language 4 1 .5 . Silicon Compilers 6 1 .6 . Definitions 8 2 . Review of Existing CHDLs 10 2 .1 . Representative CHDLs 10 2 .1 .1 . CDL 10 2 .1 .2 . ISP 11 2 .1 .3 . AHPL 11 2 .1 .4 . DDL 13 2 .1 .5 . ADLIB 14 2 .1 .6 . DTMS 15 2 .1 .7 . CONLAN 17 2 .2 . Levels of Hardware Description 17 2 .2 .1 . Circuit Level 18 2 .2 .2 . Logic Gate Level 18 2 .2 .3 . Register Transfer Level 19 2 .2 .3 .1 . Structure Level 19 2 .2 .3 .2 . Functional Level 19 .2 . 2 .3 .3 Behavior Level . .20 2 .2 .4 . Instruction Set Level 20 2 .2 .5 . Processor Memory Switch Level 21 2 .2 .6 . Algorithmic Level 21 2 .3 . Applications of CHDLs 21 2 .3 .1 . Descriptive Tool 22 2 .3 .2 . Simulation and Design Verification 23 2 .3 .3 . Design Automation and Hardware Synthesis 24 3 . Introduction to ASIM II 25 3 .1 . Purpose of ASIM II 25 3 .2 . Description of Components 27 4 .
    [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]
  • Cascading Style Sheet Web Tool
    CASCADING STYLE SHEET WEB TOOL _______________ A Thesis Presented to the Faculty of San Diego State University _______________ In Partial Fulfillment of the Requirements for the Degree Master of Science in Computer Science _______________ by Kalthoum Y. Adam Summer 2011 iii Copyright © 2011 by Kalthoum Y. Adam All Rights Reserved iv DEDICATION I dedicate this work to my parents who taught me not to give up on fulfilling my dreams. To my faithful husband for his continued support and motivation. To my sons who were my great inspiration. To all my family and friends for being there for me when I needed them most. v ABSTRACT OF THE THESIS Cascading Style Sheet Web Tool by Kalthoum Y. Adam Master of Science in Computer Science San Diego State University, 2011 Cascading Style Sheet (CSS) is a style language that separates the style of a web document from its content. It is used to customize the layout and control the appearance of web pages written by markup languages. CSS saves time while developing the web page by applying the same layout and style to all pages in the website. Furthermore, it makes the website easy to maintain by just editing one file. In this thesis, we developed a CSS web tool that is intended to web developers who will hand-code their HTML and CSS to have a complete control over the web page layout and style. The tool is a form wizard that helps developers through a user-friendly interface to create a website template with a valid CSS and XHTML code.
    [Show full text]
  • Formalizing Markup Languages for User Interface
    LU´IS GONZAGA MARTINS FERREIRA FORMALIZING MARKUP LANGUAGES FOR USER INTERFACE Dissertac¸ao˜ para Mestrado em Informatica´ Escola de Engenharia UNIVERSIDADE DO MINHO Braga, 2005 LU´IS GONZAGA MARTINS FERREIRA FORMALIZING MARKUP LANGUAGES FOR USER INTERFACE Dissertac¸ao˜ submetida a` Universidade do Minho para obtenc¸ao˜ do grau de Mestre em Informatica,´ ar´ ea de especializac¸ao˜ em Sistemas Distribu´ıdos, Comunicac¸oes˜ por Computador e Arquitectura de Computadores, elabo- rada sob a orientac¸ao˜ do Professor Doutor Jose´ Nuno de Oliveira, Pro- fessor Associado do Departamento de Informatica´ da Universidade do Minho. Dissertac¸ao˜ desenvolvida no ambitoˆ do Projecto EUREKA IKF (E!2235) Escola de Engenharia UNIVERSIDADE DO MINHO Braga, 2005 A` Ana, Aninhas e Ritinha Abstract This document presents a Dissertation theme, as integral part of Masters Degree in Distributed Systems, Computers Architecture and Computers Communication. The work has as primary objective the application of formal methods in the specifi- cation of presentation layer. Even reaching several relevance HCI concerns, the scope focus essentially on the way how formal methods can be explored to specify user in- terfaces described using markup languages. The state-of-the-art analysis of user interface markup languages and UIML - User Interface Markup Language formal specification are main contributions. Therefore the tabular graphical object OLAP main features are formally specified in VDM-SL and animated using UIML. This research should be considered as a contribution towards a definition of a visual component library , with user interfaces components composition and reuse. i Acknowledgements I would like to thank my supervisor Professor Jose´ Nuno Oliveira, member of DI (Department of Informatics, Minho University1), who encouraged all formal methods research and initiatives at the University, for his useful support and advice during this work.
    [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]
  • International Journal for Scientific Research & Development
    IJSRD - International Journal for Scientific Research & Development| Vol. 7, Issue 10, 2019 | ISSN (online): 2321-0613 Comparative Study of Hardware Languages and Programming Languages Mrs. A. N. Dubey1 Mrs. P. R. Autade2 1,2JSPM RSCOE Polytechnic IInd shift Tathawade, Pune, Maharashtra, India Abstract— Comparison of programming languages is a common topic of discussion for engineers but comparison of hardware languages and programming languages is very rare or not found easily. In this paper we present a comparative study between hardware languages such as VHDL, Verilog and SystemC and programming languages such as C,C++ and Java languages; These languages are compared under the characteristics of syntax of code, evolution reliability, tools, readability, efficiency, familiarity and applications used in Industry for future carrier with terms differentiation of various languages. Keywords: Hardware languages, HDL, Programming languages, C, Code, VHDL, Verilog I. INTRODUCTION The complexioness of integrated circuits increases every year, so reduce complexities invent Hardware Description Lanauages in1984 by Phil Moorby and Prabhu Goel around 1984. Implementing algorithms using hardware languages like VHDL or Verilog. The first level programming language was Plankalkül, created by Konrad Zuse between 1942 and Fig. 1: History of Programming Languages 1945. The main and important comparison between HDL and Programming Language is that HDL describes the behavior B. History of Hardware Languages- of digital systems while Software Language provides a set of Sr.no. Year Languages Description instructions for the CPU to perform a particular task. Mostly designed for Programming languages are extremely interesting. Computer simulation, formal 1 1972 FHL scientists tend to invent new programming languages.
    [Show full text]
  • Full Form of Html in Computer
    Full Form Of Html In Computer Hitchy Patsy never powwow so regressively or mate any Flavian unusually. Which Henrie truants so trustily that Jeremiah cackle her Lenin? Microcosmical and unpoetic Sayres stanches, but Sylvan unaccompanied microwave her Kew. Programming can exile very simple or repair complex. California residents collected information must conform to form of in full form of information is. Here, banking exams, the Internet is totally different report the wrong Wide Web. Serial ATA hard drives. What is widely used for browsers how would have more. Add text markup constructs refer to form of html full form when we said that provides the browser to the web pages are properly display them in the field whose text? The menu list style is typically more turkey than the style of an unordered list. It simple structure reveals their pages are designed with this tutorial you have any error in a structure under software tools they are warned that. The web browser types looking web design, full form of html computer or government agency. Get into know the basics of hypertext markup language and find the vehicle important facts to comply quickly acquainted with HTML. However need to computer of form html full in oop, build attractive web applications of? All these idioms are why definition that to download ccc certificate? Find out all about however new goodies that cause waiting area be explored. Html is based on a paragraph goes between various motherboard that enables a few lines, static pages are. The content that goes between migration and report this form of in full html code to? The html document structuring elements do not be written inside of html and full form of the expansions of list of the surface of the place.
    [Show full text]