Websites… how do they work? technical basics
Putting a site online
- registration of name with the main registry
- manages domain records
- usually paid for per year
server / site hosting
- hosting service with set resources
- provides physical hard drive space & server functions
- usually paid for per year or month
Our setup / your website
Provided by the University, accessible on campus or via VPN from outside (→ see CiCS instructions for details)
- URL / website address ma-dms.sheffield.ac.uk/digp + your unique number
- admin / WordPress login ma-dms.sheffield.ac.uk/digp##/wp-admin
What makes a good website? how we judge websites
questions to answer
- what aspects contribute to an effective website?
- what does a typical user expect when viewing website?
- when can a website be considered successful?
points to consider
- your own browsing habits & online activities
- browsing habits of people you know and how those vary from your own
- user expectations of common patterns
- what aspects matter most: site content? ease of access/use? design and visual feel?
Where do the priorities lie? how to create successful websites
asking the right questions:
- what matters most to your users?
- which content structure will fit your target group?
- what are they likely to expect to find on your website?
- how can you ensure a positive user experience?
- good content
- clear content structure
- site performance (e.g. loading speed)
- design for type, colour, layout & interaction
Content-out approach content as production guide
Putting a site online
- static, self-hosted site
- free-hosted site
- CMS-driven site (can be self- or free-hosted)
Why does it matter?
- you are responsible for your own data. Knowing how to backup your site (content/setup/design) is vital.
- keep an eye on ownership. Knowing whether your uploaded content remains your own is important.
CMS & template-driven design separation of content & design
strengths of WordPress
- Open Source and freedom of ownership
- flexible solutions for different purposes and budgets
- software up-to-date and secure
Getting to know your WordPress setup
- URL / website address ma-dms.sheffield.ac.uk/digp2020 + your unique number
- admin / WordPress login ma-dms.sheffield.ac.uk/digp2020## /wp-admin
As mentioned, this is provided by the University, accessible on campus or via VPN from outside (→ see CiCS instructions for details) .
To get familiar with your site's admin interface, let's go through the configuration of settings together.
NOTE: this a super-quick fly-by demo with no audio; it is intended to be paused as needed (hit SPACE bar or use controls).
dashboard / tabs / options
fullscreen editor view + options
Have a look around your new website, check on the admin options and have a look at how the current setup works. As this is a 'content management system' any content added can easily be edited/deleted and updated at any point.
Explore the settings, make note of questions and have a play. It will be best if you are familiar with the options, and ask many questions for starters.
explore your site's admin
log into your website's admin and familiarise yourself with the interface
(see WP site info → for details)
edit the default text
check out the editing options and experiment
change the name of the default category
add new posts, save them as draft / publish to site
✭ BRIEF: initial ideas in development
write/choose your brief
Check on the Project Brief → information again and start to form your ideas by brainstorming and discussing topics with your friends, classmates - or me :) Don't be hasty in your decision of topic and please do talk to me about your ideas.
Bear in mind that your chosen topic and brief will need to be approved before you can begin the work. And if you choose to select one of the given briefs, you will need to confirm this by deadline, too.
brainstorm project ideas
make notes, sketch out a mindmap and capture your initial ideas
select one or two of your ideas and explore further
expand your mindmapping to focus on the topics
narrow down your ideas and ask for feedback
via email or during our next workshop session, share your concept and get some input from others, your classmates and tutor.
confirmation of brief / submission of proposal