3.02E Website File Management 3.02 Develop webpages.

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio
Using GET data within a IF Statement. If ($GETCom === ‘home’) { echo ’They Match’; } $GETCom = $_GET[‘com’]; If the data stored in the variable ($GETCom)
Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.
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.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
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.
Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.
Student iDrive Access ESU Website Server Storage Space.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
Planning and Setting Up a Website. Creating a Website – Planning Stage  AUDIENCE -- who will visit your site? What information do they need? What needs.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Public_html sites website1 website2 Server Folder Sequence & Website Uniform Resource Locator (URL) Address Example
How to build a (basic) website at MUSC Elizabeth Garrett-Mayer April 28, 2014.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Chapter 6 pp Announcements O Project 1 coming up (details on Monday) O Lab 2 deliverable (submit on Blackboard) O Lab 3 pre-lab quiz is up.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Creating a Website Using the Web Page Wizard. Introduction Microsoft Word is an application to create documents. A webpage is one such document. A website.
INFO 1300: LOCAL DEVELOPMENT 10/16/2015. Index.html Important Homepage for every project in this course Points will be deducted otherwise.
Intro to Web Dev Session 2 – Planning and Structure.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
How to upload files to Altervista Overview:
PDA Program Install Manual IT Team. 1. Execute Internet Explorer 2. Connect Website 3. Download 4. Installation 5. Run 6. Setting 1. Execute.
PowerPoint Extras. Eyes to the front please! Action Buttons.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
UNIT 2 UNIT 2 Module 3: HTML Lists Overview. List There are two common types of HTML lists Ordered list numbered Unordered list bullet points.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Hyperlink Basics Relative vs. Absolute Linking. Absolute Linking This type of linking always includes the prefix If you link to someone else’s.
XHTML References and Rules William Pegram Revised 9/5/2012.
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
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.
Site Home Web Server USB Your House Copy Full address of local site including drive letter Works for Content Modifications Only Not Relationship Structure.
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,
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
HOW THE WEB WORKS DTC/ENGL 355 March 21, WHAT THIS MEANS FOR YOU NO WEBPAGE is visible to the world until you save it onto a server. In this case,
1 3/2/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Hyperlinks.
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”
4.01 How Web Pages Work.
HTML Links CS 1150 Spring 2017.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
BSBEBU401A Review and Maintain a Website HTML
Internal and External Links
Internal and External Links
USING DREAMWEAVER Contents: Assigning a Root Folder
Website URL
How files are organized
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Lesson Objectives Lesson Outcomes
Web Page Validation File management and Referencing
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Dreamweaver Basics.
Principles of Good Web Design
Chapter 6 pp
Dreamweaver.
4.01 How Web Pages Work.
HTML Links CS 1150 Fall 2016.
4.01 How Web Pages Work.
LO: “Picking up the points”
Website File Management
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

3.02E Website File Management 3.02 Develop webpages.

File Management Folder Structure  A website should be saved in one folder (the Root Folder).  Subfolders can be used to organize content within the root folder.

File Management The Root Folder  In this example, the root folder contains:  The Index.html file (index/home page)  Products Folder  Order Forms Folder Root Folder Contents: Subfolders Home page

File Management Folder Names and Filenames  Use lowercase letters for all folder and filenames.  Folders are represented by / in the URL. com/business

File Management Hyperlinks  Use relative hyperlinks to point to other files within the website. news.html  Use absolute hyperlinks to point to other websites. com