![Page 1: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/1.jpg)
Navigating Web in a Technical Land
Eric Sembrat
You’re Speaking Drupalese to Me
![Page 2: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/2.jpg)
Hi! I’m Eric.
![Page 3: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/3.jpg)
Eric Scott SembratWeb Manager @ College of Engineering
twitter: @esembratweb: webbeh.com
![Page 4: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/4.jpg)
Thanks for having me!
Please ask questions at any time!
![Page 5: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/5.jpg)
Note
Some of this will pertain partly to Georgia Tech services and systems.
Feel free to ask for clarification if I do not generalize enough!
![Page 6: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/6.jpg)
Raise Your Hand If….
![Page 7: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/7.jpg)
Raise Your Hand If….
You have edited a website.
![Page 8: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/8.jpg)
Raise Your Hand If….
You have built a website.
![Page 9: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/9.jpg)
Raise Your Hand If….
You are the lead to build a
website for your event(s).
![Page 10: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/10.jpg)
Raise Your Hand If….
You have been frustrated by something on
the web.
![Page 11: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/11.jpg)
Let’s get started!
Please ask questions at any time!
![Page 12: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/12.jpg)
Phase 1:
Web Best Practices
![Page 13: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/13.jpg)
Web Development 101Most organizations, campuses, and institutions now leverage content management systems for building and maintaining websites.
![Page 14: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/14.jpg)
What does Open Source Mean?Open Source just means that the product is freely developed, distributed, and supported by its community.
It does not imply any security issues, vulnerabilities, or inadequacies.
Much of higher education uses open source for web development.
![Page 15: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/15.jpg)
Just Because It’s Free…
The cost, rather than being on the product, is in the users supporting and building specific content for the system.
Most campuses (like Georgia Tech) open up work created for the system to all of campus and beyond.
![Page 17: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/17.jpg)
For Event Planning…
Your likely budget for web development for an event is…
![Page 18: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/18.jpg)
That Being Said…
Our goal, then, is to make due with what services and features (on- and off-campus) we have!
But before then, let’s consider a few things to consider when building a website.
![Page 19: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/19.jpg)
3 Main Points
1. Write for your audiences. 2. Do not reinvent the wheel unless necessary. 3. Organically organize your content.
![Page 20: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/20.jpg)
Who is your audience?
The primary purchase of your website is to appeal to your expected visitors and browsers.
This allows you to shape and mold your website around those expected use-cases.
![Page 21: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/21.jpg)
Who are your audiences for your event websites?
Break Out
Question!
![Page 22: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/22.jpg)
Audience
Keep in mind your key audiences (visitors) who will be visiting your website.
All of your text, menu links, and photos should be easy to understand and relate to the website’s purpose.
Keep acronyms, institute lingo, and technical gibberish to a minimum.
![Page 23: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/23.jpg)
Writing for Audiences
Keep in mind the mobile and tablet audience.
These audiences account for 20-30% of your traffic.
![Page 24: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/24.jpg)
Writing for Audiences
Keeping mind how small these screens are for reading, it’s good practice to keep your content concise.
Rely on standard methods of separating content (in-page links, menu organization) over long and text-heavy pages.
![Page 25: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/25.jpg)
Resist Reinventing
Remember that organization-provided web tools and resources are your best friend.
Creating a custom theme or website layout is usually not an efficient usage of time.
Most of your end-users will never complain about things being ‘too similar’.
![Page 26: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/26.jpg)
![Page 27: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/27.jpg)
![Page 28: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/28.jpg)
Organic Organization
It is imperative to structure your menu and page content to be easy to understand.
In addition, don’t be afraid to spread out content between numerous pages. Remember to link where needed.
![Page 29: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/29.jpg)
Organic Organization
![Page 30: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/30.jpg)
Organic Organization
It is imperative to structure your menu and pages in a logical fashion.
![Page 31: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/31.jpg)
Organic Organization
It is imperative to structure your menu and pages in a logical fashion.
![Page 32: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/32.jpg)
Phase 2:
Building Event Websites
![Page 33: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/33.jpg)
Before We Begin.
Let’s talk about some things that make an event website function.
![Page 34: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/34.jpg)
What features do you hope to see on an event
website?
Break Out
Break Out
![Page 35: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/35.jpg)
Show and Tell
![Page 36: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/36.jpg)
What features do you dread to see on an event
website?
Break Out
Break Out
![Page 37: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/37.jpg)
Show and Tell
![Page 38: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/38.jpg)
Where to Begin?
1. Create a list of pages for your website. 2. Organize those pages into structured menus. 3. Begin writing content.
![Page 39: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/39.jpg)
Determining Pages
Think about what content you want to give out to your end-users on your website.
You should ideally have one page for each chunk of content on your website.
![Page 40: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/40.jpg)
Determining Pages
Let’s consider a web development event:
Speakers
Registration
Location
About Us
Traveling
Sponsors
Contact Us
Become a Member
Become a Sponsor
Submit a Proposal
![Page 41: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/41.jpg)
Creating Menus
Once you have your list of pages, creating menus are as easy as stacking them under one-another.
Common ways of doing this are: 1) Sticky notes. 2) Excel spreadsheet. 3) Whiteboard.
![Page 42: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/42.jpg)
Creating Menus
Let’s consider a web development event:
Speakers
Registration
Location
About Us
Traveling
Sponsors
Contact Us
Become a Member
Become a Sponsor
Submit a Proposal
![Page 43: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/43.jpg)
Creating Menus
Let’s consider a web development event:
Speakers
Registration
Location
About Us
Traveling
Sponsors
Contact Us
Become a Member
Become a Sponsor Submit a Proposal
![Page 44: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/44.jpg)
Writing Content
Creating content (text, photos, videos) for your pages.
A few key pointers for building attractive and engaging content.
![Page 45: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/45.jpg)
Writing Content
Large (full-width) photos work great for good photography.
![Page 46: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/46.jpg)
Writing Content
Large (full-width) photos work great for good photography.
Can you determine what this is?
Imagine being on a mobile device!
![Page 47: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/47.jpg)
Headers
Heading text styles allow websites to have hierarchical browsing for search engines, screen readers, and end-users to navigate.
![Page 48: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/48.jpg)
Headers
![Page 49: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/49.jpg)
Headers
• Header 1 • Header 2
• Header 3 • Header 4
• Header 5 • Header 6
• Header 2 (1) • Header 3 (1)
• Header 4 (1) • Header 2 (2)
![Page 50: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/50.jpg)
Please Do Not
• Use tables to structure sidebars, content. • Use unexpected color combinations • Use super small/undersized photos. • Use photos without providing ‘alt text’. • Use ‘click here’ link text.
![Page 51: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/51.jpg)
That being said…
![Page 52: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/52.jpg)
Fancy Things
That’s where tools (plugins, services, web applications) come into play.
These tools supplement your content.
![Page 53: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/53.jpg)
Phase 3:
Tools You Can Use… Today!
![Page 54: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/54.jpg)
Tools
Let’s discuss some tools and services that will help you make your website the best it can be!
![Page 55: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/55.jpg)
What tools are other folks using?
Break Out
Question!
![Page 56: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/56.jpg)
WordPress Websites
Professional Web Presence is our shared WordPress hosting on campus.
http://pwp.gatech.edu/
For non-Georgia Tech folks, consider using wordpress.com for a similar experience.
https://wordpress.com/
![Page 57: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/57.jpg)
SEO
For Search Engine Optimization (SEO), most content management systems come with many tools out-of-the-box to help.
Note that your content determine your SEO ranking above almost all other attributes.
However, plugins do exist for your website system of choice to help.
![Page 58: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/58.jpg)
Google Docs/Forms
Need to get a simple form out there?
Google Forms (part of Google Docs) is free, allows for exporting responses to a spreadsheet, and is mobile-friendly.
Also worth noting that the Google Docs suite (docs, sheets) are great for collaborative working.
![Page 59: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/59.jpg)
Google Drive
If you need to share a folder between participants, Google Drive works flawlessly.
And it also works out-of-the-box with Google Docs/Forms products as well.
![Page 60: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/60.jpg)
Google Analytics
The forefront in visitor, search tracking and statistics.
Key for determining: 1. How visitors are getting to your website. 2. Where visitors are browsing to. 3. Time-sensitive traffic flows.
![Page 61: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/61.jpg)
Google Analytics
![Page 62: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/62.jpg)
Google Analytics
College rankings released.
![Page 63: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/63.jpg)
Eventbrite
Eventbrite is the easiest way to manage tickets, registration for a (free, paid) event.
Eventbrite also allows hassle-free attendee exports.
![Page 64: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/64.jpg)
YouTube
Use YouTube whenever possible for video.
Benefits: 1.) Captioning (legal requirement). 2.) Cross-platform compatibility. 3.) Ease of use, upload, embed.
![Page 65: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/65.jpg)
AMAC
Need videos captioned or transcribed to meet legal accessibility compliance?
AMAC ( http://amacusg.org/ ) provides low-cost accurate captioning to University of Georgia institutions.
![Page 66: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/66.jpg)
Trello (project mgmt.)
Need help keeping ahead of deadlines, projects, tasks, and deliverables for your event? Trello provides small-team project management for free.
![Page 67: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/67.jpg)
![Page 68: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/68.jpg)
![Page 69: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/69.jpg)
Well, that’s it for me!
![Page 70: November 2016 - ECN - You're Speaking Drupalese to Me](https://reader033.vdocument.in/reader033/viewer/2022042907/58708fa61a28ab412b8b537b/html5/thumbnails/70.jpg)
Eric Scott SembratWeb Manager @ College of Engineering
twitter: @esembratweb: webbeh.com