Creating Website Content CS Programming Languages for Web Applications

Slides:



Advertisements
Similar presentations
Web Marketing for Dummies Written by Jan Zimmerman Reviewed by Paige Petersen.
Advertisements

Creating a Blog on Bloglines.com
Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Google Earth/Sky in the Classroom. What is Google Earth/Sky? Google Earth is free program which allows users to: Explore geographic locations both on.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Online Collaboration Applications ADE100- Computer Literacy Lecture 28.
This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Soni Sarin, Gina Striffolino, Chioma Ihekweazu, Mary Rhee December 7, 2010 ENGL 393.
 What is a “blog?” Short for “web log” An online journal.  Allows for interaction between the writer and the readers through comments Includes articles,
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
You can customize your privacy settings. The privacy page gives you control over who can view your content. At most only your friends, their friends and.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Writing for the Web Paul Lalonde Content Manager MarketingWise
Getting Started (The Basics) Copyright 2012 Peoplemovers.com, All rights reserved.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
Creating Your Own Website
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Prioritizing Web Usability Nielsen and Loranger Chapter 2: The Web User Experience Paul Ammann SWE 432 Design and Implementation.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Creating Your PE Webshop Using SmartStore.biz This Tutorial assumes you have downloaded the software from This tutorial is based.
Guideline for Chapter Web Sites. Chapter Web Sites Options for Chapter Web Sites AUSA’s web publishing system (Plone) – Even those chapters who do not.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Electronic Replica Newspapers. Identical to the print edition – but enhanced. Viewing options: switch to single or double page mode choose – and + to.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Blogging Suitable for: Advanced.
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Weblog Manual Contents: Login and managing your account ……….p. 2 Uploading files……………………………………p. 3 Uploading images……………………………….p. 4 Cropping images..………………p.
Create Your Own Webpage. Today’s Class Internet Safety & Privacy Tables Embedding music and video Frames.
Put your assignment on the page. Embed a document for students to complete and send back to you. Have students complete the document and submit it to.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
Use Your Social Profiles To get Search Engine Optimized.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Facebook for Beginners One Session Class. What will you learn today? What can you do on Facebook? Creating a profile Privacy Connecting with friends Sending.
The Basics of Managing Your Department Website March 8, 2012.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
HINDU STYLE PORTFOLIO TEMPLATE
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
NoveList K-8 Overview. The Homepage The Search For… box appears on each page in NoveList K-8. We put recommendations for popular titles right on the homepage.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Use Your Social Profiles To get Search Engine Optimized.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
How to create a website from scratch.  You should have an internet access.  Visit  You need to create a new account OR.
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Creating an Account on GLOW
Making Your Website Shine: Writing for the web and other tips ____________________________________________________ Tonya Moyle, White Whale Web Services.
Thinking Web > CONTENT DEVELOPMENT
Getting an account with WordPress.com
Weebly Elements, Continued
Creating Website Content CS Programming Languages for Web Applications
21 Tips Of Website Homepage Content
Weebly Elements, Continued
101.
Web section best practice checklist for departments
KELLER WILLIAMS REALTY
Design and Implementation of Software for the Web
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
UQ Course Site Design Guidelines
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Creating Website Content CS Programming Languages for Web Applications
ITI 163: Web, Mobile, and Social Media Design Introduction
CMP Creating Your Personal and Small Business Web Sites
Develop Your Web Presence Using WEEBLY
Presentation transcript:

Creating Website Content CS 4640 Programming Languages for Web Applications [Steve Krug, “Don’t make me think”, Chapter 2-3] [Sean McManus, “Web Design,” Chapter 3]

Ideals for Content Essential content for every website About us/me Contact page Content ideas for business sites How to find us Meet the team Product and service descriptions and photos Customer service information Customer testimonials Behind the scenes Presentations

Ideals for Content (2) Content ideas for any website Blog What’s new Tutorials Games Calculators and tools Interviews

Things to Keep in Mind If you publish an email address online, it will attract junk mail Create content before designing website Create content based on the site’s purpose Consider using a mixture of different formats All content is automatically protected by copyright

How Web Writing Differs Users scan the page, not read Good use of subheadings and lists is essential for getting your message across Search engines will deliver people to the page that most closely matches their query, not necessarily your homepage Sometimes people arrive at your site after following a link they’ve seen elsewhere People can take any path through your content, following links to explore other sections at any time, not navigate Don’t assume that people are reading every word from page one PDFs preserve the look of a brochure, not web content

Information Foraging Three ways to enhance information scent Ensure that links describe precisely what user will find Use common English instead of made-up words Remind users that are on the right path (feedback) Pitch abandonment: keeping users hunting here Old: trap users on your site – it it expensive to browse elsewhere New: there are no cost to search to a new site Do not keep users on-site, keep them coming back Give lots of information snacks for short visits Emphasize search engine visibility

Top Web Writing Tips Keep web pages reasonably short Put readers first Use a strong headline Create a lively pace Be consistent Be specific Avoid jargon Make every word meaningful Avoid passive voice

Images that Work Web pages without any pictures look bland The number and size of pictures on a website is often the biggest factor in determining how long it takes to download The best pictures are those that inform or entertain, and that help you to tell your story Make sure your photos look good Beware of people who have trees growing out of their heads Pictures are protected by copyright

Adding Map to Your Site Open Google Maps (http://maps.google.com) Search for your address. Make sure the map, Street View image, or directions you'd like to embed shows up on the map. Zoom and adjust the view so that you can see as much detail as you want Click the Menu (top left corner) Click Share or Embed map. At the top of the box that appears, choose Embed map Choose the size you want (small, medium, large, custom size), then copy the HTML embed code and paste it into the source code of your website

Summary Make your website easy to catch Easy to find Easy to read and understand