DOCSLIB.ORG

WEB DESIGN and Note: Your Contest May Also Require a Hard DEVELOPMENT Copy of Your Résumé As Part of the Actual Contest

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
WEB DESIGN and Note: Your Contest May Also Require a Hard DEVELOPMENT Copy of Your Résumé As Part of the Actual Contest orientation. Failure to do so will result in a 10-point penalty. WEB DESIGN AND Note: Your contest may also require a hard DEVELOPMENT copy of your résumé as part of the actual contest. Check the Contest Guidelines and/or the updates page on the SkillsUSA PURPOSE website at http://updates.skillsusa.org. To evaluate each contestant’s preparation for employment and to recognize outstanding b. Two multiple outlet surge protectors students for excellence and professionalism in c. Sketch pad for storyboarding the field of web design and development. d. Computers with CD-RW drive or USB port, and an Ethernet connection First, download and review the General e. Hub and patch cables for Regulations at: http://updates.skillsusa.org. interconnecting team computers f. Related web authoring and graphics software accompanied by proof of ELIGIBILITY license Open to a team of two active SkillsUSA g. Design and development tools members enrolled in programs using Web necessary to build a complete website design or web development as an occupational objective. SCOPE OF THE CONTEST The contest is defined by industry standards CLOTHING REQUIREMENTS and set by the current industry technical Class E: Contest specific — Business Casual committee. • Official SkillsUSA white polo shirt • Black dress slacks (accompanied by black Knowledge Performance dress socks or black or skin-tone seamless The contest consists of a written knowledge hose) or black dress skirt (knee-length, exam assessing the team’s general knowledge accompanied by black or skin-tone of definitions, software, processes and seamless hose) procedures relevant to web design in such • Black leather closed-toe dress shoes areas as: graphics, design, layout, programming, code and process. These regulations refer to clothing items that are pictured and described at: This team event includes topics such as: www.skillsusastore.org. If you have questions programming (HTML, XHTML, JavaScript, about clothing or other logo items, call client-side scripting), web graphics, website 1-888-501-2183. design (usability), website management, project management and Web multimedia. Legal issues Note: Contestants must wear their official surrounding the field of web design will also contest clothing to the contest orientation be considered a part of this contest. meeting. Skill Performance EQUIPMENT AND MATERIALS The contest includes a web design project and 1. Supplied by technical committee: a written document providing an overview a. Workstation with table space for two explaining how the web content supports a computers, with two chairs, 110-volt designated theme to assess web design and electrical outlet development skills. 2. Supplied by the contestant team: a. All competitors must create a one-page résumé and submit a hard copy to the technical committee chair at Contest Guidelines g. Links are valid and all multimedia Web Design Project components load properly and within a reasonable period of time 1. The project requires a team of two: a web designer and web developer/webmaster. For further information and FAQ, visit: The team of two is to demonstrate how a www.webdesigncontest.org. developed project with an educational theme has been completed through the application of graphics, multimedia, design Standards and Competencies and layout. 2. Attention will be paid to the quality of code WEB 1.0 — Use appropriate and thematic graphic elements that and the quality of the website development contribute to the understanding of concepts, ideas and process. relationships of the web design to related standards of Certified 3. The national technical committee will Web Designer Associate-apprentice provide a template, which describes the site 1.1 Demonstrate a consistent and development process. appropriate variation in the use of type 4. All entries to the contest must be created sizes by the teams during the contest. 1.2 Demonstrate an appropriate use of colors 5. Teams will be issued a work order on 1.3 Incorporate objects and background Tuesday during the orientation meeting. images Each team’s website will be constructed at 1.4 Use color, graphics, navigation design the contest site for evaluation and continual and consistency from page to page work on the day of the contest. 1.5 Identify the critical elements of web 6. Specific schedules outlining equipment design setup, storyboarding and specific judging 1.6 Explain the use of copyright, intellectual criteria will be distributed during the property and trademark laws as related orientation meeting on Tuesday. to web design 7. All copyright laws are to be followed. 8. Violations will result in disqualification. WEB 2.0 — Illustrate the use of various multimedia tools in the 9. No hard or soft copy reference material web design and layout, which are clearly thought out, such as HTML, CSS or JavaScript documentation will be permitted for use appropriately used and error-free to contribute to the best during the contest. Some written reference explanation of concepts, ideas and relationships to related materials will be available on site. standards of CWDSA-apprentice 2.1 Use animated GIFs as a part of the final Explanation Document product 1. Teams shall provide an overview document 2.2 Choose appropriate tools for supporting that shows how developed Web content the development of the concepts, ideas supports the educational theme. Criteria and relationships include: 2.3 Optimize the usage of graphic files and a. Theme and content must be file management educational in nature 2.4 Incorporate electronic images, photo files b. Content must support the theme and scanned images into the final c. Quality of the site organization and product navigation 2.5 Incorporate a good blend of audio and d. Acceptable use of language and video files conventions: paragraph structure, 2.6 Use hyperlinks and anchors grammar, spelling, punctuation, etc. 2.7 Create a corporate identity and design e. Any multimedia elements used should contribute to the site content f. The site can be viewed in more than one browser on both Mac and Windows platforms Web Design and Development, 2020 • 2 WEB 3.0 — Design a website navigation that is well architected, • Use text structures to aid comprehension easy to use, and consistent throughout the site with • Understand source, viewpoint and purpose considerations made to programming and compatibility to related of texts standards of CWDSA-apprentice • Organize and synthesize information for use in written and oral presentations 3.1 Demonstrate the use of contemporary • Demonstrate knowledge of appropriate web browsers reference materials 3.2 Design a standards-based site that • Demonstrate narrative writing supports many common web browsers • Demonstrate expository writing 3.3 Ensure the capability of code structure • Demonstrate persuasive writing and design • Demonstrate informational writing 3.4 Apply HTML, CSS and JavaScript to • Edit writing for correct grammar, create a well crafted website capitalization, punctuation, spelling, 3.5 Format and document the code sentence structure and paragraphing WEB 4.0 — Create a process with incorporated strategies and Connections to National Standards organizational tools that help persons access the site at different State-level academic curriculum specialists levels to related standards of CWDSA-apprentice identified the following connections to national 4.1 Design activities with a scaffolding of academic standards. information from basic knowledge to higher-level thinking Math Standards 4.2 Contribute to the richness of the process • Geometry 4.2.1 Help others experience different • Measurement perspectives • Problem solving 4.2.2 Share responsibilities in • Reasoning and proof accomplishing a task • Communication • Connections Committee Identified Academic Skills • Representation The technical committee has identified that the following academic skills are embedded in this Source: NCTM Principles and Standards for School contest. Mathematics. For more information, visit: http://www.nctm.org. Math Skills • Organize and describe data using matrices Science Standards • Understands the nature of scientific inquiry Science Skills • Understands the scientific enterprise None Identified Source: McREL compendium of national science Language Arts Skills standards. To view and search the compendium, visit: http://www2.mcrel.org/compendium/browse.asp. • Provide information in conversations and group discussions Language Arts Standards • Provide information in oral presentations • Demonstrate use of such verbal • Students apply a wide range of strategies to communication skills as word choice, pitch, comprehend, interpret, evaluate and feeling, tone and voice appreciate texts. They draw on their prior • Demonstrate use of such nonverbal experience, their interactions with other communication skills such as eye contact, readers and writers, their knowledge of posture and gestures using interviewing word meaning and of other texts, their techniques to gain information word identification strategies, and their • Analyze mass media messages understanding of textual features (e.g., • Demonstrate comprehension of a variety of sound-letter correspondence, sentence informational texts structure, context, graphics) Web Design and Development, 2020 • 3 • Students adjust their use of spoken, written and visual language (e.g., conventions, style, vocabulary) to communicate effectively with a variety of audiences and for different purposes • Students employ a wide range of strategies as they write and use
Load more

Recommended publications
  • Understanding the Impulsiveness Effect of a Web Design on Online Fashion Stores*
    Proceedings of the 2016 International Conference on Industrial Engineering and Operations Management Kuala Lumpur, Malaysia, March 8-10, 2016 Understanding the Impulsiveness Effect of a Web Design on Online Fashion Stores* Paulina Kus Ariningsih, Marihot Nainggolan, Ignatius Sandy, Dhea Widyasti Departement of Industrial Engineering Universitas Katolik Parahyangan Bandung, Indonesia [email protected], [email protected], [email protected], [email protected] Abstract—E-commerce had been a window of consumer-retailer and business-to-business relationship. It had changed supply chain design in last four decades. A Website display, as one of strategic decision of an e-commerce, has been a competitive advantage to win the market. Moreover, impulsive buying had recognized as cognitive natural flaw which had given an advantage for both retailer and consumer. Sometimes, the tremendous increment of the number of internet access on an e-commerce site is not accompanied by increment of buying. Meanwhile, the study about the influences of a web display to impulse buying behaviors had been written so little. In this paper, a preliminary research about the influences of a web display to impulse buying behaviors is conducted. The study is conducted on online fashion stores in Indonesia. This paper depicts the development of sixteen display attributes for accessing impulse buying on online fashion stores. Twenty (20) attributes has been developed from literature survey and interview. Then, a survey has been given to 150 respondents to determine the display’s attributes that influenced to impulsive buying. A factor analysis has been run to sixteen (16) attributes that have significant influence to Impulse Buying and four factors have been developed.
    [Show full text]
  • Web Design and Development AAS Requirements
    WEB DESIGN AND DEVELOPMENT Program Overview people changing careers or who wish to take individual The Web Design and Development Program is designed courses to stay current in their existing jobs. to train students to design and develop web sites. Students For more information, visit: will develop a comprehensive understanding of core www.mchenry.edu/webdevelopment design principles and key development strategies. This will include developing sites for deployment on mobile The primary purpose of an Associate in Applied Science devices and standard computers and the development degree is to prepare students for employment. The of static websites and database-driven websites. The AAS degree is not designed specifically for transfer; program will train individuals to become web designers however, there are opportunities to apply some and web developers. Students will learn design theory coursework or the whole degree to a bachelor’s degree as well as gain experience in programming for browsers program. For more information, see an academic and servers. The training is geared toward students with advisor and the department chair. no experience, but will be an excellent opportunity for Requirements for the Associate in Applied Science (AAS) in Web Design and Development Curriculum: OCC 425 Minimum Courses Credit Hours Written Communication 3 (3) ENG 151 Composition I or (3) ENG 152 Composition II Oral Communication 3 (3) SPE 151 Intro to Speech Arts 3 Please see page 65 for AAS Degree course options Humanities Social Science Behavioral Science
    [Show full text]
  • Cloud Computing Synopsis and Recommendations
    Special Publication 800-146 Cloud Computing Synopsis and Recommendations Recommendations of the National Institute of Standards and Technology Lee Badger Tim Grance Robert Patt-Corner Jeff Voas NIST Special Publication 800-146 Cloud Computing Synopsis and Recommendations Recommendations of the National Institute of Standards and Technology Lee Badger Tim Grance Robert Patt-Corner Jeff Voas C O M P U T E R S E C U R I T Y Computer Security Division Information Technology Laboratory National Institute of Standards and Technology Gaithersburg, MD 20899-8930 May 2012 U.S. Department of Commerce John Bryson, Secretary National Institute of Standards and Technology Patrick D. Gallagher, Under Secretary of Commerce for Standards and Technology and Director CLOUD COMPUTING SYNOPSIS AND RECOMMENDATIONS Reports on Computer Systems Technology The Information Technology Laboratory (ITL) at the National Institute of Standards and Technology (NIST) promotes the U.S. economy and public welfare by providing technical leadership for the nation’s measurement and standards infrastructure. ITL develops tests, test methods, reference data, proof of concept implementations, and technical analysis to advance the development and productive use of information technology. ITL’s responsibilities include the development of management, administrative, technical, and physical standards and guidelines for the cost-effective security and privacy of other than national security-related information in Federal information systems. This Special Publication 800-series reports on ITL’s research, guidance, and outreach efforts in computer security and its collaborative activities with industry, government, and academic organizations. National Institute of Standards and Technology Special Publication 800-146 Natl. Inst. Stand. Technol. Spec. Publ.
    [Show full text]
  • Creating a Dynamic Web Presence
    CREATING A DYNAMIC WHAT’S INSIDE Key Concepts ......................................1 WEB PRESENCE Static vs. Dynamic Websites ..........1 The need for a dynamic web presence has increased dramatically Features of a Dynamic Site ............2 as consumers on the Internet become more knowledgeable Dynamic Techniques ......................2 and more demanding in having their needs filled. With internet Getting Started ....................................2 technologies continuing to evolve rapidly, small businesses 1. Research and Planning .............2 2. Branding and Web can easily create more interactive sites to engage their Development ..............................4 target audiences. Nuts & Bolts .......................................4 1. Select and Register a Domain Name .........................4 Key Concepts 2. Review Hosting Requirements ...5 Static vs. Dynamic Websites 3. Generate Content ......................6 4. Incorporate Interactive Tools.....6 How do they differ? A dynamic website includes elements that allow 5. Address Security, Privacy interaction with visitors, builds relationships through dialogue, and and Legal Issues ........................9 personalizes the whole web experience. Contrast this with a static, or 6. Get Indexed ..............................10 “read only,” site where there really is no way to know who your visitors are unless they contact you. Whether you are designing a site for the 7. Market Your Website ................10 first time or redesigning a current site, the goal of achieving a dynamic
    [Show full text]
  • Gender and Web Design Software
    Gender and web design software Gabor HORVATH Gloria MOSS Rod GUNN Eszter VASS Glamorgan Business School University of Glamorgan Pontypridd, Wales CF37 1DL, UK ABSTRACT been extensively studied [17] but a relatively unexplored field concerns itself with the non-interpretive elements of navigation, There are several studies dealing with the differences between content, form and colours. sites originated by men and women. However, these references are mainly related to the “output”, the final web site. In our Web-design research we examined the input side of web designing. We Summarizing the work on web-design aesthetics, a recent study thoroughly analysed a number of randomly selected web refers to the relative ‘paucity of research’ [12], with ‘no designer softwares to see, whether and to what extent the principles of good www design ... set in stone’ [9] The fact that templates they offer determine the final look of an individual’s some web design is perceived as less than optimum is website. We have found that most of them are typical masculine demonstrated by the fact that the 10 factors with the greatest templates, which makes it difficult to any women to design a deficit amongst Internet users in the US and Netherlands feminine looking website. It can be one of the reasons of the included a factor relating to graphics [20]. masculine website hegemony on the web. The design of websites can most easily be affected by IT Key words: Internet, gender differences, web aesthetics, web professionals. This is a profession in which participation rates design, websites for women, across the board, have fluctuated during the 1990s somewhere between 19% and 22% [15].
    [Show full text]
  • Web Development Frameworks Ruby on Rails VS Google Web Toolkit
    Bachelor thesis Web Development Frameworks Ruby on Rails VS Google Web Toolkit Author: Carlos Gallardo Adrián Extremera Supervisor: Welf Löwe Semester: Spring 2011 Course code: 2DV00E SE-391 82 Kalmar / SE-351 95 Växjö Tel +46 (0)772-28 80 00 [email protected] Lnu.se/dfm Abstract Web programming is getting more and more important every day and as a consequence, many new tools are created in order to help developers design and construct applications quicker, easier and better structured. Apart from different IDEs and Technologies, nowadays Web Frameworks are gaining popularity amongst users since they offer a large range of methods, classes, etc. that allow programmers to create and maintain solid Web systems. This research focuses on two different Web Frameworks: Ruby on Rails and Google Web Toolkit and within this document we will examine some of the most important differences between them during a Web development. Keywords web frameworks, Ruby, Rails, Model-View-Controller, web programming, Java, Google Web Toolkit, web development, code lines i List of Figures Figure 2.1. mraible - History of Web Frameworks....................................................4 Figure 2.2. Java BluePrints - MVC Pattern..............................................................6 Figure 2.3. Libros Web - MVC Architecture.............................................................7 Figure 2.4. Ruby on Rails - Logo.............................................................................8 Figure 2.5. Windaroo Consulting Inc - Ruby on Rails Structure.............................10
    [Show full text]
  • Responsive Web Design.Docx
    Theresa Agostinelli, Librarian, Instructional & Educational Services Monroe Township Public Library, theresacahill@hotmail What is Responsive Web Design? Responsive web sites adapt gracefully to different screen sizes. For example, a site may display in three columns on a laptop or desktop computer, in two columns on a tablet, and in one column on a smartphone. This is illustrated in the above image. It is using the same content, but displaying it differently depending on the width of the screen. Instead of creating a desktop version of a site, and then a mobile version, one site is used for all devices. Web designers used to design for laptop and desktop computers. Now, with users accessing the Internet through laptops, desktop computers, smartphones, tablets, televisions, refrigerators, and more, many web designers have reversed their way of thinking. Instead of designing primarily for laptop and desktop users, and then creating a separate mobile app, many designers are now designing first for mobile users. Mobile first designs should be simpler than traditional layouts, since loading times can vary across devices. Designers may want to limit their use of images and enhance their designs through the use of white space, typography, and cascading style sheets (CSS.) Advantages of Responsive Web Design Responsive websites create a consistent user experience across various devices. Webmasters can make changes one time and those changes will carry over to all of their users. If the site is using a separate mobile app, changes must be made to the full website, as well as the mobile site, for users to see those changes.
    [Show full text]
  • Fiz: a Component Framework for Web Applications
    Fiz: A Component Framework for Web Applications John K. Ousterhout Department of Computer Science Stanford University Abstract Fiz is a framework for developing interactive Web applications. Its overall goal is to raise the level of programming for Web applications, first by providing a set of high-level reusable components that simplify the task of creating interactive Web applications, and second by providing a framework that encourages other people to create addi- tional components. Components in Fiz cover both the front-end of Web applications (managing a browser-based user interface) and the back end (managing the application's data). Fiz makes it possible to create components that encapsulate complex behaviors such as Ajax-based updates, hiding many of the Web's complexities from applica- tion developers. Because of its focus on components, Fiz does not use mechanisms such as templates and model- view-controller in the same way as other frameworks. ger and more useful structures. We will release Fiz in 1 Introduction open-source form and hope to build a user community Although the World-Wide Web was initially conceived that creates an ever-increasing set of interesting com- as a vehicle for delivering and viewing documents, its ponents, which will make it dramatically easier to cre- focus has gradually shifted from documents to applica- ate applications that advance the state-of-the-art in Web tions. Facilities such as Javascript, the Document Ob- interactivity. ject Model (DOM), and Ajax have made it possible to offer sophisticated interactive applications over the The rest of this paper is organized as follows.
    [Show full text]
  • Responsive Web Design (RWD) Best Practices Guide
    Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist item are discussed later in the document. Checklist RWD Practitioner ❏ Use CSS3 media queries rather than JavaScript onorientation change � ❏ Use flexible font units � ❏ Define a fluid grid system for layout � ❏ Use Flexible Margins and Padding � ❏ Make Images Responsive Where possible � ❏ Use CSS3 Media Queries � ❏ Accept limitations of CSS3 Media Queries � ❏ Consider using CSS Flexbox Layout � ❏ Design for Orientation Changes � ❏ Start and stay with simple layout � ❏ Define key horizontal (and vertical) breakpoints you need to support � Common RWD Problems Copyright © 2013 International Business Machines. All rights reserved. ❏ Avoid onorientationchange events to trigger DOM manipulation � ❏ Manage complex web components with different size-based structures � ❏ Managing graphically drawn components which require recalculation/redraw � ❏ Repaint/flicker due to use of Dojo’s portrait and landscape classes in CSS � Copyright © 2013 International Business Machines. All rights reserved. Discussion RWD Practitioner This section contains technical information for implementing responsive design relevant to practitioners such as CSS experts and web developers. Many of the topics discussed in this documents are also covered in and/or related topics in the following documents and should be used in parallel. ● CSS Best Practices ● JavaScript Best Practices ● Images Best Practices Use CSS Media Queries rather than JavaScript orientationchange events When you rotate a device’s orientation, the browser engine first reflows the content to the new orientation/screen dimensions (using CSS rules). After the reflow occurs, onorientationchange events are emitted to JavaScript.
    [Show full text]
  • Advancements in Web Typography (Webfonts and WOFF)
    Advancements in Web Typography (WebFonts and WOFF) Aaron A. Aliño Graphic Communication Department California Polytechnic State University 2010 Advancements in Web Typography (WebFonts and WOFF) Aaron A. Aliño Graphic Communication Department California Polytechnic State University 2010 Table of Contents Chapter I: Introduction………………………………………………………….…………..2 Chapter II: Literature Review……………………………………………………….………5 Chapter III: Research Methods………………………………………………….…..…....18 Chapter IV: Results………………………………………………………………….……..24 Chapter V: Conclusions……………………………………………………………….…..38 References……………………………………………………………………………...…..41 1 Chapter I: Introduction When it comes to the control one has in designing and creating content for the World Wide Web, typography should be no different. Print designers have had the advantage for a long time over their ability to choose exactly how type is printed, limited only by their imagination and the mechanical limits of setting and printing type. Web designers, on the other hand, have been held back by the inherent hardware and software limitations associated with web design and font selection. What this means is that web designers have not been able to control type exactly the way they want. Web designers have been limited to fonts that can safely be displayed on most computers and web browsers. If web designers wanted to display type with a special font, they had to resort to a workaround that was not always effective. Web designers should have the same absolute control over typography as print designers. Control of web typography has gotten much better compared to the early days of web design, but 2 considering how powerful and robust computers and web browsers are now, it seems unfortunate that control over web typography is so primitive That has changed now.
    [Show full text]
  • Cloud Computing and Mobile Application Development
    Cloud Computing And Mobile Application Development Personal and hippopotamic Simone often derange some triploidy concertedly or empanels unceremoniously. By-past and waist-deep Georgy readjusts her neurectomy asperses individually or deactivated knee-deep, is Dennis shaping? Bacillary and undealt Pace cutinized her springtide confusing while Saw trammel some polemic insignificantly. What occurs automatically reduces additional challenges Also has the cost as much in mobile application, it means network connection to services depending on a golden software development lets you with mobile application. Advantages and Disadvantages of Cloud Computing. Blueberry considers response to cloud development environment with common, place on servers and collaboration, and get losses when you need to learn how could be. Build a Firebase Android Application by Coursera Project Network. Mobile computing uses the concept in cloud computing. Compatible available whether a music of mobile and standalone devices Changes in Approaching Cloud Software Development Cloud computing has shifted. What these Cloud-Native since It Hype or The Future these Software. We scope the sun cloud based application development company across USA India. Mobile cloud computing refers to execute same technology used to deploy. Mobile App Development merges the alternate-developing Cloud Computing Applications trends with the omnipresent smartphone One member the most. How mobile computing will continually evolving research issues and testing, in regards to the cloud application and cloud computing development is. Cloud Computing Services Cloud-Based Solutions for Future-Ready Businesses With cash-to-cash support from Rishabh Software inventory can realize flexible. That the application developer is programming such powerful device without. Learn Mobile Cloud Computing With Android online with courses like Build a Persistent Storage App in.
    [Show full text]
  • The Role of Responsive Design in Web Development
    Webology, Volume 14, Number 2, December, 2017 Home Table of Contents Titles & Subject Index Authors Index The Role of Responsive Design in Web Development Fernando Almeida Centre for Innovation, Technology and Entrepreneurship, INESC TEC, Porto, Portugal. E-mail: [email protected] José Monteiro Higher Polytechnic Institute of Gaya, ISPGaya, V.N.Gaia, Portugal. E-mail: [email protected] Received October 12, 2017; Accepted December 25, 2017 Abstract Responsive design allows software developers to build a Web page that can dynamically adapt to the size of the devices. This development philosophy enables the rendering of Web pages in a fast and optimized way, ensuring a good user experience on mobile devices, tablet and desktop. In the scope of this study, we intend to explore the main advantages and limitations associated with responsive Web design. We adopted a quantitative approach based on a questionnaire filled by 181 professionals in the industry that allowed us to identify the reasons that lead software developers to the adoption of the responsive design and also address the limitations felt by them. The results obtained indicate that offering a good user experience and increasing accessibility stands out as being the most important advantages. On the other hand, the main limitations include the compatibility with older Web browsers, the higher loading time and the difficulties in optimizing user experience. Finally, it was found that the perception of the advantages and limitations of responsive design is distinct for professionals with more professional experience in the field and for freelancer developers. Keywords Web development; Responsive design; Web designing; User experience 48 http://www.webology.org/2017/v14n2/a157.pdf Introduction The advent of the Web turned possible the appearance of new form of transmission ideas and contents in online environments.
    [Show full text]