Brackets Working with Brackets.

Slides:

Advertisements

Similar presentations

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.

Advertisements

LOGO. Click To Type Slide Title How Do I Edit Diagrams? To edit diagrams, you should first ungroup them; Open a PowerPoint presentation and navigate.

Review Game Lessons 2 & 3 Review Game Lessons 2 & 3 Read the questions and choose the answer you feel best fits. To review the correct answer click on.

Unit 3 Day 4 FOCS – Web Design. No Journal Entry.

Project 8 Creating Style Sheets.

1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

About Links in Dreamweaver. Creating Links A link has 2 parts: –The URL (Uniform Resource Locator)= the name and path of the file you want to link –The.

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

Java Programming Working with TextPad. Using TextPad to Work with Java This text editor is designed for working with Java You can download a trial version.

Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.

So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.

CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.

Getting Started with Expression Web 3

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.

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

Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.

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

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

Finishing your site HTML and css 2012 Brian Davison.

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)

HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.

Creating a Form on a Web Page

Happy Monday!!!  Open the Agenda  Copy it in your Agenda form.  Wait for further instructions.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.

Open a editor Write/Type the program Save the program with “.c” extension Compile the program (alt + F9) Run/Execute the program (ctrl + F9) Check the.

Using As series of training presentations How to edit an existing project September,

Unit 3 Day 3 FOCS – Web Design. Journal Unit #3 Entry #2 What are (all of) the required tags in a html document? (hint: it’s everything that is in sample.html)

SOML Large Optics Daily Reporting Guide to using the new ETSEDMS server for Large Optics Daily Reporting.

Microsoft Excel 2003 Illustrated Complete Data with Other Programs Exchanging.

Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.

IDLE An IDE for Python bundled with the program release Click on IDLE (Python GUI) in the Start menu under the Python program group  Get the IDLE Python.

Web Design Part I. Click Menu Site to create a new site root.

Secretary’s Tool Box 2. Affton School District ~ Converted to PS Jan 2008 Becky Blake – Rogers Middle School, Registrar and Secretary to the Assistant.

Leadership. Accountability. Integrity. EnSiteUSA Standard Fonts.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.

HTML and CSS HTML is used for the content of web pages CSS is used for the style of the web pages You are going to learn how they can be combined to create.

Name of presentation Company name. How To Edit The Logo? If you need to create a logo or design that you would like to include on every page, then you.

HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.

NOTEPAD++ Lab 1 1 Hanin Abdulrahman. Downloading Hanin Abdulrahman 2  Click here to downlaod Notepad++.here  For Mac users, try Textmate or Textwrangler.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

Microsoft Word 2000 Presentation 3 Microsoft Word Topics Wizards –Letters –Envelopes and Labels Quick Navigation of Documents –Keyboard short-cuts Editing.

Testing and delivery Web design principles. Web development is software development.

With Microsoft FrontPage 2000

IGEM Wiki Workshop 11/05/2017.

Sprite Ripping Tutorial

ADE EDIS READ & Optimizer TRAINING Colorado Department of Education

Install the Template on Your System Open the Herrero template Save As Use the drop down menu and save the presentation as a PowerPoint Template.

Microsoft Word 2003 Illustrated Complete

Resolving QuickBooks Error when downloading payroll or QuickBooks Desktop Update One of the common QuickBooks Error is which users often get.

ALEPH Version 22 Beginning Cataloging

Tutorial 6 Creating Dynamic Pages

Word offers a number of features to help you streamline the formatting of documents. In this chapter, you will learn how to use predesigned building blocks.

Quality Checking your Personnel Folders

Click on Adobe dreamweaver

How to Run a Java Program

Tariffs Management (Wholesalers)

Intro to Web Development First Web Page

How to Make HTML and CSS Files Using Notepad++

ADVANCED GUIDE TO ING This guide is for people who can already use and send to a good standard but cant use the more advanced.

Creating your first website

Using FrontPage Express

Using Floobits.

Microsoft Office Illustrated Fundamentals

Advanced Programming TA Session 3

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

Brackets Working with Brackets

Install the Beautify Extension This will give you a way to ask Brackets to make your code look beautiful automatically It will drop appropriate pieces to their own lines It will fix your indentation & make code easy to ead Install the Beautify Extension

From the File Menu.. Click Extension Manager Only need to do this once (and only if no one else has already done it)

Search for “beautify” Search for beautify If the first result does not say “installed”, click it to install Search for “beautify”

Start a New File File menu… New (Or you can open an already existing file from there too) Start a New File

Save As to Make File Correct Type File menu.. Save As.. Navigate to your Documents Type in name.html to get an html file Type in name.css to get a CSS file Save As to Make File Correct Type

To Save After the 1st Time File Menu… Save Or Ctrl-S Will put in same place you specified when Save As To Save After the 1st Time

Brackets Help Brackets automatically provides your closing tag This is mostly helpful… ..but occasionally annoying… So just be aware it is happening Brackets Help

Live Preview Brackets will update a live preview Every time you save, it will automatically update the view in the browser Only updates if you have no errors Live Preview

Beautify From Edit Menu…Click Beautify Or Press Ctrl-Shift-L Before After Beautify