HubSpot Design , is
for spider web designers using HubSpot COS, templates, together with website pages. - There are 69 questions.
- It should induce got 2 hours to complete.
- You must reply 52 questions correctly to pass.
- You must hold back 12 hours betwixt attempts.
What is a Flexible Column?
H5N1 module that allows a marketer to add together or take away modules inward the Page Editor. H5N1 div that stretches when the visitor clicks together with drags it. H5N1 module that remains editable afterward a page has been published. H5N1 shape that expands when a visitor types into it.
Your novel client, Top Chocolate Shop is considering using HubSpot to host their website. Which of the next would you lot enjoin them?
HubSpot has a Content Management System that's built to create spider web content creation together with editing easy. HubSpot contains tools for edifice responsive together with dynamic page, email, together with spider web log templates. HubSpot's CMS integrates your content creation amongst HubSpot’s marketing analytics together with sales tools. All of the above.
True or False: Templates built inward the Template Editor are automatically mobile-optimized.
TRUE FALSE
Your client, Top Chocolate Shop has read that they demand a responsive website, exactly they aren't certain what that is. How would you lot describe a responsive website to them?
The content changes based on what the user searches for. The website layout changes depending on the size of the covert it is beingness viewed on. Everything tin live on moved past times the user, creating a customized experience. The visitor's previous website interactions define the navigation.
What are the ii principal blueprint tools used for edifice website page, blog, together with e-mail templates inward HubSpot?
The Content Editor together with Code Editor The Layout Builder together with Style Workshop The Content Builder together with Template Designer The Template Builder together with Code Editor
What category of templates contains the alternative to build an Error Page?
Alert Templates System Templates Warning Templates Notification Templates
What is the purpose of a global grouping or module?
Global groups together with modules tin live on used from whatever layout inside HubSpot. Global groups together with modules are translated on the page depending on the user’s province of origin. When global groups together with modules are edited inward 1 location, those changes apply to all instances of their use. H5N1 together with B are correct. H5N1 together with C are correct. A, B together with C are correct.
In price of the HTML, what happens when ii modules are grouped?
The ii modules larn component division of an iframe, making it easier to dynamically position. Two divs larn 1 div, making it CSS styling easier. The ii modules are placed inward a raise div, helping to maintain responsiveness. Two divs are assigned the same CSS class, making styling easier.
Which of the next is a mutual illustration of when a global grouping would live on useful?
Creating a masthead to live on used across multiple pages. Creating a sidebar for your entire website. Formatting a "Contact Us" page. H5N1 together with B are correct. B together with C are correct. A, B together with C are correct.
What alternative is used when making changes to a unmarried instance of a global module?
Edit Module Make a Local Copy Convert Global to Local Edit Instance
Which module type volition assist marketers convert visitors into leads?
Insert Offer Link Conversion Button Call-to-Action (CTA) Landing Page
Your client, Top Chocolate Shop, has hired a novel marketer named Ethel. Why volition placeholder text assist Ethel efficiently work your templates?
Placeholder text allows Ethel to add together custom HTML. Placeholder text volition assist Top Chocolate Shop visitors know what information to displace into into a form. Placeholder text helps Ethel sympathise a module's purpose. Placeholder text automatically adds inward lorem ipsum to demo Ethel where to add together her content.
What is the Code Editor?
The primary content editing tool inward HubSpot. H5N1 tool used to assist interpret of import content on your site. The portion of the blueprint tools where CSS/HTML/Javascript code is edited together with previewed. H5N1 console tool for monitoring, pausing, together with rewinding code progress inward real-time.
Which of the next is NOT the right method for determining which classes are assigned to a module?
Clicking the Help button. Use your browser’s ‘Inspect Element’ characteristic or a similar browser extension. Clone your layout to raw HTML together with read through the code. Publish your page together with ‘View Source’.
What does the "Edit CSS" module alternative allow you lot to do?
It allows you lot to alter colors past times selecting an chemical component together with clicking on a color. It allows you lot to assign stylesheets to private modules. It allows you lot to take away whatever default CSS applied to a module. It allows you lot to assign CSS Classes to modules together with apply local CSS styling.
In which of the next situations would trunk classes live on most valuable?
Dropping a shadow behind your sidebar, site-wide Styling dissimilar trunk elements for dissimilar types of pages, inside a unmarried stylesheet Changing 1 type of font exactly non some other Changing the width of your layout based on covert size
What are HubL tags?
HubL (short for HubSpot Lingo) tags are a agency that you lot tin work mutual JavaScript snippets easily. HubL tags are a shape of server-side code, used for edifice templates. HubL tags are some other shape of CSS, used for advanced page blueprint together with typography. HubL tags are similar to jQuery inward that they enable features similar interactive, animated divs.
Where tin you lot reference a JavaScript library?
Using the JavaScript module inward their template In the File Manager, past times clicking on a .js file together with selecting "Use inward Template' Within the Site Header or Footer HTML section, nether Content Settings Within the Site Maps tool, nether Content Settings
What alternative allows you lot to convert a template to raw code?
"Clone to File", found nether the Actions menu. "Create Code File", found past times right-clicking on a template. "Copy to HTML", found nether the Actions menu. "Advanced Mode", found nether the Actions menu.
By default, novel CSS files created inward the Code Editor automatically include ‘modules.css’. What does ‘modules.css’ do?
It ensures that the layout is responsive -- without it, nada volition live on responsive. It ensures that fixed-width modules, such equally images or forms, larn responsive. It creates styling for modules that exclusively applies to desktop devices. It adds a ‘View Desktop Site’ link at the bottom of each page.
Why is it amend to work an attached stylesheet instead of inline styling for page templates?
Inline styles exclusively piece of work for text elements, together with non to a greater extent than complex content, similar divs. It isn't genuinely better. You should work inline styling wherever seems right. Inline styles cannot live on edited inside the Layout Builder. Stylesheets carve upward content together with design, simplifying the evolution process.
How tin you lot laid the card display orientation?
In Options on a card module. In Content Settings nether Advanced Menu. With a HubL token. It varies depending on the user's covert size.
Your client, Top Chocolate Shop, is ready for a website redesign. Why mightiness you lot recommend moving their website to HubSpot from their electrical flow CMS?
HubSpot tin create high-quality templates without HTML or PHP, spell most other CMS platforms rely on it. HubSpot tools supply a simplified, data-rich sense for marketers together with a personalized sense for visitors. HubSpot is the exclusively platform that tin live on used to develop HubSpot-compatible websites. Answers H5N1 together with B are correct. Answers A, B together with C are correct.
Your client Lucy, a marketer at Top Chocolate Shop, wants you lot to add together a CTA to every picture inward the slider on the homepage together with thus she tin generate to a greater extent than leads. How would you lot respond?
You're correct, Lucy. The to a greater extent than CTAs nosotros tin seat on the homepage, the to a greater extent than probable it is for a user to click on one. I don't intend that's the best approach. An extremely pocket-sized per centum of users are probable to click on CTAs beyond the offset CTA inward an picture slider. You're right, Lucy. CTAs to a higher seat the crimp are to a greater extent than probable to live on seen together with and thus nosotros should add together equally many CTAs equally possible. I'd similar to add together the CTAs to the picture slider, exactly it's non possible to induce got a CTA together with picture slider inward the same space.
True or False: H5N1 Primary CSS File is enabled past times default on all templates.
TRUE FALSE
What is a Flexible Column?
H5N1 module that allows an cease user to add together or take away modules inward the Page Editor. H5N1 div that stretches when the visitor clicks together with drags it. H5N1 module that remains editable afterward a page has been published. H5N1 shape that expands when a visitor types into it.
Which of the next is a truthful disceptation nearly e-mail design?
"The e-mail volition homecoming for all e-mail recipients inward the same way." "You tin easily build streaming video into emails." "Due to differences inward e-mail software, non all viewers volition come across images past times default." "Any website code tin live on dropped into an e-mail to create highly-functional templates."
What’s the most of import offset measurement inward designing an effective marketing e-mail template?
Choosing filler text together with images Deciding on the purpose of the template Styling the colors together with fonts Cloning an existing template together with giving it a yell
Why is making an e-mail viewable equally a webpage a helpful characteristic from a marketing perspective?
It makes the e-mail slow to portion on social media. It reduces e-mail loading time. It enables navigation inward emails. Web pages are guaranteed to display accurately, everywhere.
Which of the next is NOT a argue to work descriptive default text inward an email?
Default text gives the content creator an impression of what the finished e-mail volition await like. Default text helps the content creator know what to write. Default text tin inform the content creator of each module's purpose. Default text locks the content creator into the inline styling you've created.
Which module is required past times the Template Builder to live on inward every e-mail template that you lot blueprint together with why?
H5N1 CAN-SPAM module must live on included to give the recipients a agency to unsubscribe from marketing emails. H5N1 persuasion equally webpage module must live on included on every e-mail template to ensure that every recipient tin persuasion the email. H5N1 logo module must live on included equally a visual agency to seat the e-mail sender. H5N1 rich text module must live on included together with thus that the e-mail content creator has a seat to insert the re-create for the email.
How tin you lot work the Template Builder to assist a society create their emails?
Include a logo module to convey inward their website-wide logo automatically. Include infinite for a brand-related picture Include HubL tags that volition describe color together with font choices from Content Settings. H5N1 together with B A, B, together with C are correct.
Why is it of import to include infinite for an picture inward an e-mail template?
All e-mail clients volition display images earlier text, creating the best offset impression. An picture ensures that the e-mail looks professional person together with stylish. Including infinite for an picture makes it easier for companies to include pocket-sized advertisements inward each email. Studies demo that the encephalon processes visual imagery dramatically faster than text, keeping readers engaged.
What query should you lot live on bespeak yourself when testing an e-mail template on a mobile device?
Do images charge properly? Is the text legible? Do call-to-action modules piece of work correctly? All of the to a higher seat
What is the most of import argue to include personalization tokens for Pb generation when designing e-mail templates?
Personalization tokens volition alter the content of a marketing e-mail based on Pb intelligence. Personalization tokens automatically describe recipient information from the HubSpot contacts database. Personalization tokens tin recommend products or services based on social media connections. Personalization tokens tin live on used to address an e-mail to multiple people at once.
Why would you lot work inline styling inward an e-mail template rather than a stylesheet?
Email stylesheets are oftentimes the campaign of broken e-mail responsiveness. Stylesheets are rarely supported past times e-mail clients. Inline styles assist move along content 'in line' amongst the centre of the template. Statistically speaking, inline styles resultant inward higher opened upward rates.
True or False: One default module type inward HubSpot is an "Email Signature" module.
TRUE FALSE
True or False: The post client Outlook has specific CSS rules for what volition together with volition non homecoming when displaying an email.
TRUE FALSE
True or False: Adding the HTML background-color belongings to an picture volition display a color, fifty-fifty if images are turned off.
TRUE FALSE
When designing site architecture together with navigation, whose sense should live on the primary consideration?
The visitor The marketer The salesperson The designer
Which of the next is the most of import argue to work whitespace, from a marketing perspective?
Whitespace reduces oculus strain for the visitor. Empty infinite drives focus to the page elements that thing most. Empty infinite makes a page await to a greater extent than modern together with makes the content to a greater extent than attractive to the visitor. Whitespace makes certain that your designs are non equally good colorful together with distracting.
If you lot were asked to modify a company's homepage to include content that describes the company's reputation, which of the next modules would best describe their reputation?
H5N1 module amongst testimonials from their electrical flow customers. H5N1 module amongst a video message from amongst their CEO describing their company's mission. H5N1 module sharing the issue of Twitter followers that they have. H5N1 module that lists promotional discounts.
True or False: H5N1 well-designed landing page is similar an additional employee that industrial plant all hours of the day.
TRUE FALSE
True or False: Effective landing pages include a card navigation.
TRUE FALSE
True or False: H5N1 logo should link to the homepage inward a landing page template design.
TRUE FALSE
What is the best agency to ensure a customized site footer is consistent across all pages?
Add a custom HTML module to each page template that is used inward the website. Use the default site footer module together with lock it to foreclose whatever changes. Convert a footer to a global grouping to live on reused throughout the page templates. Use the same vogue on each page’s footer module, to move along colors together with fonts the same.
What specific chemical component does HubSpot recommend having on every unmarried page, for lead-generation purposes?
H5N1 call-to-action The site logo H5N1 ‘Contact Us’ link An embedded social media feed
Fill inward the blank: calls-to-action should live on included inward spider web log posts together with ________?
In a header banner In the spider web log footer In the spider web log sidebar. In spider web log entry titles
True or False: Since blogs volition consistently induce got novel content on the spider web log listing page, "above-the-fold" content is less important.
TRUE FALSE
True or False: Design consistency from the homepage to the residual of the website is of import for promoting a goodness user experience.
TRUE FALSE
Your client, Top Chocolate Shop, wants to work their spider web log equally a agency to flora their society equally a idea leader inward the chocolate industry. How tin you lot assist them promote idea leadership through your template design?
Create a "blogs nosotros read" module together with thus the society tin generate external links. Format the spider web log author's yell to live on larger than other text on the page together with thus the authors start to larn recognized. Include an "about the author" page or module together with thus readers tin come across the author's background together with degree of expertise on the topic. Provide a "topics" module together with thus the society tin showcase how oftentimes they write nearly dissimilar chocolate topics.
Fill inward the blank: While most pages should live on optimized for user interaction, responsive blogs should live on offset optimized for _________.
Readability Simple Commenting Shareability Image rendering
Where tin you lot modify options such equally appointment format together with comments?
Content Settings > Page Publishing Options Blog Module Options push clit Cloning the page to HTML, together with editing the associated code Content Settings > Blog Settings
True or False: You tin exclusively create 1 spider web log per domain.
TRUE FALSE
In improver to the content, a spider web log should characteristic a _________________ inward society to move along readers engaged amongst the blog.
Most recent spider web log posts listing Image slider Blog subscription module Picture of the writer
Where exercise you lot alter the layout of private spider web log posts?
This is changed inward the Blogging tool, when editing a post. This is changed inward Content Settings nether Blog Layout. This cannot live on changed. This is changed past times clicking on the ‘Edit Post Template’ button.
How is the layout of a Blog Post Template constructed?
Similar to the Template Builder, using the Blog Post Layout Editor. Using HTML to build the structure, amongst HubL tags to convey inward information together with specify fields. Using a mixture of PHP together with CSS code. Using Blog Content modules for each section.
How tin you lot supply the best spider web log writing sense for your client, Top Chocolate Shop?
Guiding the writer amongst helpful module labels Creating modules that automatically fill upward inward content based on keywords Enabling rich text options inward every novel module Automatically creating spider web log drafts from the author's tweets, using HubL.
True or False: H5N1 custom font should non live on used on a spider web log inward society to maximize readability.
TRUE FALSE
Which of the next questions does non guide you lot inward creating your website's user personas?
What is their degree of expertise? Who would work this content? How many times induce got they visited your site? What devices exercise they work to browse the Internet?
True or False: When designing for your users, your initial site image should live on written inward code.
TRUE FALSE
"Affordances" tin also live on described as:
visual cues connections progress limitations
Which of the next best describes how to work the "feedback principle" when designing the user experience?
It serves equally a agency to allow users know that their activity was completed successfully. You should blueprint a agency for users to supply real-time feedback on the website. User feedback provides direction for website blueprint changes. The website should exclusively live on designed afterward receiving feedback on the mockup.
Of the next choices, which would live on the best agency to create a consistent website experience?
Keeping the navigation inward the same location. Creating exclusively 1 template for your pages. Adding a edge to the sidebar. Using the same CTA button.
True or False: Responsive blueprint relies on predefined covert sizes.
TRUE FALSE
True or False: Nearly one-half of all emails are opened on a mobile device.
TRUE FALSE
Select the right line of piece of work of HTML that would activate the telephone app of a mobile device.
< a href="tel:+16178675309" target="_blank"> < a href="call:+1-617-867-5309" target="_blank"> < a href="tel:+1-617-867-5309" target="_blank"> < a href="call:+16178675309" target="_blank">
True or False: H5N1 card module stacks vertically on smaller screens past times default.
TRUE FALSE
Which chemical component is most of import when writing a CSS media query?
Device type Mobile operating organization Screen size Image charge fourth dimension
Which of the next is truthful nearly the HubSpot e-mail tool?
HubSpot guarantees deliverability to all e-mail addresses. HubSpot's e-mail tool tin promote engagement past times bypassing SPAM filters. HubSpot's e-mail tool tin work JavaScript together with other languages to compute logic inward emails. HubSpot's e-mail tool collects analytics information which integrates amongst the contact tape inward HubSpot.
Your novel client, Top Chocolate Shop is considering using the HubSpot COS for their marketing efforts. Which of the next would you lot enjoin them nearly the COS?
The HubSpot COS is a Content Management System, built to create spider web content creation together with editing easy. The HubSpot COS contains tools for edifice responsive together with dynamic page, email, together with spider web log templates. The HubSpot COS is a organization that integrates your content creation amongst HubSpot's marketing analytics tools. All of the above.
True or False: Templates built inward the Template Editor are automatically mobile-optmized.
TRUE FALSE
When your CSS vogue is ready to live on previewed, how exercise you lot arrive available equally a pick inward the Style Menu?
Click ‘Save’ together with it volition automatically larn available. Copy all of the associated CSS styling together with glue it into each module. Click ‘Publish' inward the Code Editor to arrive selectable. Import the Style together with insert the code at the top of your stylesheet.
0 Response to "Hubspot Blueprint 2018"
Post a Comment