Web & Mobile App Directory Structure

Slides:



Advertisements
Similar presentations
How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio
Advertisements

Activity One Use the Windows Explorer program to create a new folder. Name the folder by your first name. Click on the windows explorer icon then highlight.
CSS Box Model An CSS Primer Tutorial. Project 04 Open Finder or Windows explorer and path the folder where you store your class project work. Make a copy.
Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.
Student iDrive Access ESU Website Server Storage Space.
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
Phonegap Deployment CIS 136 Building Mobile Apps 1.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
Public_html sites website1 website2 Server Folder Sequence & Website Uniform Resource Locator (URL) Address Example
Create a Website on the CWU network Find “How to Post a Web Page with a PC”
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
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”
WRA 210: 2/07/2013 MOD 8: FILE NAMING CONVENTIONS.
MKTG 476 FRONTPAGE II Lars Perner, Instructor 1 FrontPage II File structure and references File structure and references Editing standard HTML files Editing.
Images, Links, and Multimedia. Directories and Pathnames.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Web Design First Semester Project – Getting Started in Dreamweaver.
Getting Started with Dreamweaver Original by Patricia Setser 4/07 Updates by Margaret Lion 2010.
Webspace Portfolio Site Overview Digital Media. The Essential Steps You Will Go Through Are: 1. Log-in to
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
How to upload files to Altervista Overview:
Planning your site/organization on the Web Please use speaker notes for additional information!
And adding hyperlinks. MyWebpage Everything that we want in our website, including other folders, documents, xhtml files, image files, css files should.
What Is a File? A file is a collection of binary symbols stored in specific locations on a drive and referred to by a unique name. For example, a file.
Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..
Adding Images. XHTML Element ElementAttributeAttribute Value Closing tag AttributeAttribute Value The src attribute supplies the name and location of.
Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.
Coding Conventions  Coding conventions are a set of guidelines for a specific software project that recommend programming style, practices and methods.
Site Organization. The Need to Organize Site Files Thus far, we have placed all our site files into the main (root) website folder. As a website becomes.
Putting it all together: A web designers workflow.
Metadata & File Organization in the CMS Division Web Office biology.ucsd.edu/dwo.
PROG Object Oriented Programming II PROG Object Oriented Programming II Application Deployment.
Managing Digital Assets File Naming and Resizing.
CSU - DCE Introduction to CSS CSS URLs - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying URLs Instructor: Joseph.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
01 – HTML (1) Informatics Department Parahyangan Catholic University.
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,
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Dreamweaver – Setting up a Site and Page Layouts
Site Organization.
Submitting your Web-based Systems Final Project Guidelines
Pre-Coding Web Design – Sec 3-1
>> Header & Footer in CSS
IS 360 Web Promotion.
Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code.
Creating links Module 9.
Relative Paths.
ITI 133 HTML5 Desktop and Mobile Level I
הצטרפות לקבוצת DeDemoc
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Site Organization.
File Naming Technique.
How files are organized
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
C# Language Basics Imran Rashid CTO at ManiWeber Technologies.
Accessibility Separate semantics from style
Data Types Imran Rashid CTO at ManiWeber Technologies.
Adding Images.
Creating Passphrases Include Examples NOT REQUIRED
Web Page Layout Imran Rashid CTO at ManiWeber Technologies.
4.01 How Web Pages Work.
Adding Images.
…when you own all the files…you can link to them directly
Document Type Definition (DTD)
Website File Management
Presentation transcript:

Web & Mobile App Directory Structure Imran Rashid CTO at ManiWeber Technologies

Outline Root Folder Naming Conventions Web or Mobile App Structure

Root Folder

Root Folder Every time you create a new web or mobile app make sure you create a folder know as root folder Give it a meaningful name so that when you are working with multiple projects, can uniquely identify each project tic_tac_toe gims shopping_cart

Naming Conventions

Naming Conventions Don’t write special characters anywhere in your folder or file name Don’t use hyphens (-), use underscores (_) instead Don’t add spaces in the names of files or folders Replace spaces with underscores (_) Try to use same case either capital or small for all files and folders Recommended way is to use small case letters all over Either it’s a name of a file or folder, use same naming conventions for all of you app or site assets

Naming Conventions tic_tac_toe gims shopping_cart index.html favicon.ico styles.css scripts.js

Web or Mobile App Structure

Web or Mobile App Structure logo.png app_name images favicon.ico styles.css css scripts.js js index.html

Any ?