Setting Up Your Development Environment

Slides:

Advertisements

Similar presentations

Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.

Advertisements

Dreamweaver site settings Chris Dillon FISO for Arts & Humanities.

Managing Your Site – Lesson 61 Managing Your Site Lesson 6.

How to upload a site. Open your portfolio site Click site on the menu bar and click manage sites – Click on your portfolio site and click edit.

Dreamweaver Quick Setup. Enter your Hawk ID and password to Log On.

CSW131 Steven Battilana 1 CSW 131 Free MS Software (MSDNAA) MS Visual Web Developer W3 / Mozilla Code Validators Uploading Your Website Summer 2013 Prepared.

Two ways to access new IEP’s State IEP Forms and InterimIEP.

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

CSW131 Steven Battilana 1 CSW 131 Free MS Software (DreamSpark / MSDNAA) MS Visual Web Developer (VWD) W3 / Mozilla Code Validators Uploading Your Website.

SITE & FILE MANAGEMENT Beginning Web Site Creation: Dreamweaver CS4.

Hosting Your Web site Guide to Accessing Student Web Space (for most up-to-date information)

Learning Dreamweaver Setting up a basic site. Do you have a web account in place? Check it: Enter

Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.

Creating a Users Table The users table contains a list of your site’s authorized users, logins, and passwords.

Creating a Site Defining the Local site Setting up the Remote Site Identifying the Testing Server.

Dreamweaver Basics In this section you will learn how to:

HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.

Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.

Introduction to Web Lingo

Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.

How to Establish a Blog. What is a Blog A blog is a collection of informational articles/ideas intended to update a viewer on new information associated.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

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.

CIS 205—Web Design & Development Dreamweaver Chapter 6 Managing a Web Server and Files.

© 2011 Delmar, Cengage Learning Chapter 7 Managing a Web Server and Files.

G053 - Lecture 08 Hosting Websites Mr C Johnston ICT Teacher

Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.

Search on the internet the different ways for building a website, and choose which one bests suits you for what website you are doing.

Web Space CIS 141 – Basic Computer Literacy Western Kentucky University Bowling Green, KY.

Setting Up DreamWeaver NOTE: Use your mouse OR page down key to advance each page.

Uploading Your Page to the Internet Configuring FTP on Dreamweaver.

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.

 Research on the best software that suits your preference. I recommend Adobe Dreamweaver as that is what I’m using to create my website.

Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,

Basic Instructions on how to use One Drive and share files. ONE Drive Your LogoYour own footer.

WHAT IS FTP? FTP (File Transfer Protocol) is a known effective and organized way of transferring files over the internet directly from one computer to.

HOW TO UPLOAD A WEBSITE BY KATIE HARDAKER.  SEARCH THE INTERNET THE VARIETY OF OPTIONS AVAILABLE FOR CONSTRUCTING A WEBSITE AND CHOOSE THE APPROPRIATE.

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.

Web Design Unit 10 Mrs. Christine McManus ITT Technical Institute VC-240 Visual Design for the Web.

Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..

Stream Hoster Upload Video

How to use WS_FTP A Step by Step Guide to File Transfer.

Setting up Dreamweaver to use your local WAMP testing Server

Site Home Web Server USB Your House Copy Full address of local site including drive letter Works for Content Modifications Only Not Relationship Structure.

Amy Jo Harrell 2006 Making your own web site Yes, I mean you!

Website Design:. Once you have created a website on your hard drive you need to get it up on to the Web. This is called "uploading“ or “publishing” or.

1 An Introduction to Dreamweaver and PHP Part C: Setting Dreamweaver up to handle file transferring FTP.

Local Storage Hard Drive in Computer or USB Memory Stick Development Environment Client Computer Remote Storage GBTC Storage.

1.Switch on the computer and wait for loading. 2.Select the Windows 7 OS at the end of the list. 3.Click on the link ‘Administrator’ 4.Enter the administrator.

My Stuff & More! How to personalize your OSLIS 2.0 “dashboard” and add files to your personal space.

Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.

Setting up FTP for CAST Click on Manage Sites

Hillsborough Community College

Lecture: Protocols in Detail

Presentation Overview

GCE Applied ICT G053: Lesson 02 Web Structure and Hosting

Setting Up Your Development Environment

Managing a Web Server and Files

CGS 3175: Internet Applications Fall 2009

Version: Macromedia Dreamweaver CS3 Updated: April 2008

4.02 Develop web pages using various layouts and technologies.

Your site should be here

Summer 2013 Prepared by Prof. B. INDEX

Rob Britt CEAL Library Technology Committee Meeting April 2, 2008

Instructions on how to login and create documents

Presentation transcript:

Setting Up Your Development Environment www.profburnett.com Master a Skill / Learn for Life

Development Environment Web Hosting Company Remote Storage Development Site testing.itiwebcert.com (Testing Server) MC Online Storage (UserID File Folder) Client Computer Local Storage Hard Drive in Computer or USB Memory Stick Live Web Site itiwebcert.com (Remote Server)

Dreamweaver Development Environment Remote Storage Dreamweaver Local Development Environment Folder: Site Name: Create a site name. Local Folder: pdrive\public\HTML5\{Your USERID} Dreamweaver Remote Servers Setup Information Developmental Site (Testing Server) Server Name: {You name your development site) FTP Address: develop.itiwebcert.com Username: az1-wss2\iti38934889D01 Password: *n-djMeg Web URL: http:// develop.itiwebcert.com This should be selected as your testing server. Live Site (Live Server) Server Name: {You name your Live site) FTP Address: itiwebcert.com Username: az1-wss2\iti38934889L01 Password: ^nsDr^77 Web URL: http://itiwebcert.com This should be selected as your remote server. Development Site develop.itiwebcert.com (Testing Server) Live Web Site itiwebcert.com (Remote Server)

This is the name you give your site. This is the MC Public shared drive folder with your userid.

Push the “+” to add a server to the development environment.

Development Server Setup Server Name: FTP Address: Username: Password: After you complete this screen test your connection to the server. If you get an error check your FTP Address, Username, and Password and try again until it connects. This should auto populate when the FTP address is added above. If not add - http://testing.itiwebcert.com

Development Server Setup Activate the advanced tab Select none for the testing server model. Select auto Save option.

Select as the testing server Push the “+” to add another server to the development environment.

Live Server Setup Server Name: FTP Address: Username: Password: After you complete this screen test your connection to the server. If you get an error check your FTP Address, Username, and Password and try again until it connects. This should auto populate when the FTP address is added above. If not add - http://itiwebcert.com

Live Server Setup Activate the advanced tab Select automatic upload on Save.

Live Server Setup Activate the Advanced Settings – Local Info Tab Activate the Links relative to site: Site Root option.

After all the selections are saved your site setup will look like this. This will need to be done each class.