MAKING A WEBSITE WRA 210 11.18.13. AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.

Slides:

Advertisements

Similar presentations

Information Technology in Travel, Hospitality and Tourism

Advertisements

Navigation Design. From the Brookfield Zoo, IL  (from Zoo)

Creating a Portfolio Website Phillips. Go to wix.com.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.

HTML Fundamentals Archimedes Performance, Inc. Epic Learning, Inc. WebPro Series HTML Fundamentals Practical Application of skills.

WEBSITE DESIGN COURSE SESSION 1. WORDPRESS WORDPRESS.COM ONLINE FREE SOFTWARE FREE HOSTING BUT WITH A TAG IN IT VERY SIMPLE TO MAKE WORDPRESS.ORG OFFLINE.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.

IT Introduction to Website Development Welcome!

Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!

Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.

Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.

CHAPTER 3 Working with Templates and Styles. CHAPTER OBJECTIVES  Create an Expression Web site from a template  Rename a page  Rename a folder  Add.

Assignment 2 Due November 4, 1:30pm. Website You are creating a website for a fictional business which must sell some sort of product You can create any.

WRA 210: 2/07/2013 MOD 8: FILE NAMING CONVENTIONS.

HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.

WEB DESIGN UNIT 2 Unit 2 Module 2-5. WHAT HAVE YOU LEARNED?  What is the title tag do? Where does it show?  What are the tags that need to be on every.

Web Design First Semester Project – Getting Started in Dreamweaver.

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

Copyright © Eric Liria Web Site Builder This application allows you to build and manage web sites. It provides the following functionnalities: use.

ISYS 475 Project: Customizing a Zen Cart E-Commerce Site.

How to upload files to Altervista Overview:

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

Add an Image. index.html about.html contact. html contact. html.

WRA 210: 10/30/2013 WIREFRAMES TO HTML/CSS. TODAY’S AGENDA Review: the object Review: the CSS Box Model Review: box model, and layout Intro: HTML5 structural.

Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.

Bell Work- ◦ Get a piece of paper that you can put in your binder. Draw the directory you see on the right and label it. Essential Question- ◦ What is.

WRA 210: MODULE 3 &PORTFOLIO SESSION 2: STUFF TO REMEMBER Do the readings. It helps, seriously. Ask questions. It’s OK to interrupt me (not others).

Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.

Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.

Hyperlink Basics Relative vs. Absolute Linking. Absolute Linking This type of linking always includes the prefix If you link to someone else’s.

Determining the URL for a Web Document. Components The URL of a web document consists of 1.The server address 2.The folder structure 3.The file name.

How to make a digital portfolio SCC YEAR 1. Table of contents  1. Go to your digital portfolio  2. Make the document as your digital portfolio  3.

3.02E Website File Management 3.02 Develop webpages.

Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,

Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :

KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:

Course Content Emily Dixon. Content Strategy Web > Class > Modules > Module 1 (etc) > Projects > Exercises Public > NO strategy–It’s a mess Dixonem1 >

Business Site Homepage Project Web Design. Business Site Homepage Project Your final project for this semester will be to create a web site for fictitious.

CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.

EXTERNAL STYLESHEETS AND MORE HTML STYLING HTML and CSS part 2.

WEB DESIGN Presentated By Amit Kapri Contact No

Create Your Own Website Senior Year Experience Class of 2012 by Dr. Yun Xia Department of Communication and Journalism Rider University October 13, 2011.

Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Unit 15 – Web Authoring Web Authoring Project.

Windows 7 Ultimate To Load Click Simulation PPSX

External Style Sheets.

Your GIMP Portfolio Navigation Menu.

Pre-Production Meet with the client to create a project plan:

CSS Layouts: Positioning and Navbars

Do you want to make info graphics for the US Election?

Art 128 Interface Programming 1 In-class Presentation Week 2B

Creating a Student Portfolio

How files are organized

Lesson Objectives Lesson Outcomes

Prof. Casey M. Barnes Web: professorbkyunghee.wordpress.com FB: Casey Barnes.

Web Design 1 Website Construction.

Unit 4 Test CSS Test.

Making a website.

Uppingham Community College

A02 Creating my website NAME ______________.

CS7026: Authoring for Digital Media

Website File Management

Presentation transcript:

MAKING A WEBSITE WRA

AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work

WHAT WE HAVE At this point we should have the following: Our landing page (HTML document) Our CSS (CSS document) Hopefully we have some of the following: Other HTML pages Website copy and content What we need A fully functional website with real copy and at least one portfolio item

WEBSITE ORGANIZATION Local vs. Online Make a folder (if you don’t have it already), call it “portfolio”. Put your index.html (it should be called this), in that folder. Make another folder called “images.” Make sure that you are using external CSS.

LINKING PAGES Linking to other existing pages is simple, it is just like other links we make. portfolio portfolio.html resume resume.html blog blog.html personal personal.html contact contact.html

LET’S DO IT! I want to make a copies of your landing page and rename them to fit your site. After I want you to make sure all your HTML files in your portfolio folder. After I want you to change your list items to hyperlinks (if you haven’t). Make sure that all your links work locally. Alright…let’s troubleshoot.