HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

4.01 How Web Pages Work.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
. Website and file organization. How websites work.
BUS311 Website Development Lab. The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Chapter 4 Creating a Website from an InDesign Layout.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
BUS311: Website Development Lab. The world Web hosting site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) Web site development tools Web.
Web Design Basic Concepts.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter 1 Introduction to HTML, XHTML, and CSS
Web Sites for amateur radio. So You want to make a Web Site? There are several things you need to know about web sites before you start to think about.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Web Administration.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
HTML 101 MPM What is a website? A website is basically a collection of web pages stored on a particular computer (called a web server) and accessed.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
Processing.js.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Chapter 9 Publishing and Maintaining Your Site. 2 Principles of Web Design Chapter 9 Objectives Understand the features of Internet Service Providers.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
HTML HyperText Markup Language Victoria E. Kozlek.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Multimedia Web site development Plan your site Steps for creating web pages.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
4.01 How Web Pages Work.
Intro to HTML CS 1150 Spring 2017.
Pre-Production Meet with the client to create a project plan:
Intro to HTML CS 1150 Fall 2016.
Introduction to working with Weebly
Introducing the World Wide Web
Year 7 E-Me Web design.
Unit 2 – Webpage Creation
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Multimedia Web Site Design
4.01 How Web Pages Work.
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Introduction To Building a Web Site
Presentation transcript:

HOW TO BUILD A WEBSITE In 5 easy steps

Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets ◦ Upload to Web Host How to build a Website2

Website’s Purpose How to build a Website3 Ask yourself, what do I want this website to communicate / present / sell ? Who do you want to visit your site? After you take a moment to visualize, now comes the more practical questions. Ask yourself: Do I have the skill set to put it together myself or should I hire help? How much time am I willing to invest in creating, coordinating, updating it? How much money am I willing to invest in: maintaining my domain and Web Host? to create content or have it created? acquire copyright permissions? pay for professional coding and backend databases?

Sketch a Rough Draft How to build a Website4 Sketch the overall look of the websites home page and one or two sub pages. Navigation is an important feature so be certain its easy to use, understand and works. List out how you want your file directory to look. On small sites, folders for css, scripts, images, and videos is sufficient.

Create Content How to build a Website5 Content consists of text, images, sound, video, flash games, etc… Text can be written directly onto webpages or imported Images can be created in any paint or draw program Remember: Copyright laws apply on the internet. Be sure to get the proper permissions. Sound can be created in any audio program. See copyright note above. Video can be shot on your phone, camera, or digital video camera. Like movie studios, you need a permit to shoot in certain areas for certain reasons. Do your research. See copyright note above. Flash and other interactive elements have their place. Be sure these elements work with the browsers you wish to use. At this point, it is more important that you create compelling content than fancy coding. People go to the mall to see what’s new and shop not to admire the escalators. Keep that in mind when building your website.

Code and Assemble Assets How to build a Website6 Websites are built using a mixture of HTML, CSS, JavaScript, and various query languages. Certain languages require a little extra work to function across different browsers. Fancy coding cannot make up for poor content. Keep code clean and easy to read. Use plenty of white space. If you decide to add advanced coding to your site (like SQL or jQuery) be sure it works. If you decided to go with a prebuilt website (like ebay or amazon) be sure to read the fine print on costs and fees. Get familiar with the how-to section Understanding how to update data en masse is also handy for big jobs

Upload to Web Host How to build a Website7 The Web Host will have instructions on how to upload your data to their server. Usually there are two methods: one at a time or ftp. Be sure you understand how to do both. Once your site is uploaded, take time to QA your website. Read the text to check for spelling errors. Go through the navigation and check that all the links are properly set. Test interactive elements (like flash or video) to verify they playback as expected. Open website in 3 or 4 browsers (IE, Chrome, Firefox, and Safari) to see how it looks. Open website on a Windows, Android, and Apple phone to see how it looks. When your satisfied with the results, tell your friends about it. Note: Content on websites should be updated at least every month. Stale content is the worst. The entire website’s look should be updated every 6 months to a year.

Summary How to build a Website8 Keep it simple and let it grow from there. Believe in yourself and keep a sense of humor. And last but not least, do your research before paying for a consultant. fin