Unit11 Web Form
Overview
The purpose of this assignment is to build a web form using three complementary plugins.
Tools
Objectives
At the end of this module, you should be able to...
- Install and Activate three WordPress plugins
- Build a web form using the contact form 7 interface
- Remove extraneous paragraph tags from the form
- Modularize the SCSS using partials
Tasks
- Read How to Configure WordPress to Use SMTP For Sending Emails (optional)
- Read Remove Tag From Contact Form 7
Watch
- Kultra
- 4610 11a- Contact Form Overview
- 4610 11b- Install Plugins
- 4610 11c- Add Form to Web Page
- 4610 11d- Build a Form
- 4610 11e- Working with Flamingo
- 4610 11f- Remove Random Paragraph Tags
- 4610 11g- Styling the Form
- 4610 11h- Changing Feedback Messages
Reflection Questions
After reading the following article, write me a short 1-2 paragraph summary and submit it in Canvas.
- After reading this article, which of these skills are most important and why? What Are the Main Areas of Development for Web Designers to Land Their Dream Job? by Code Motion
Assignment Example
- View the small screen layout
- View the medium screen layout
- View the large screen layout
Assignment Checklist
Unit11 Web Form (10 pts)
Install Plugins
- Contact Form 7
- Honeypot for Contact Form 7
- Flamingo
Page and Navigation
- Create a new page in WordPress
- Create a new menu items for this page
Form Specifications
- First Name (autofill)
- Last Name (autofill)
- email address (autofill)
- Phone Number
- A dropdown with items related to your site topic
- Other items you deem useful
Design
- Straignt line eye tracking
- Works on mobile devices
- All elements are styled
- Proper visual chunking
- Extra paragraph tags removed from form
Functionallity
- Form submissions captured in the flamingo database
- Email addresses captures in the flamingo database
Grade
In order to receive a grade for this assignment you must earn 90% of the points listed above.
- Pass
- Fail