1-Edit> prefrence> new document> select HTML5

Slides:

Advertisements

Similar presentations

HTML Basics and CSS style. Before we start Dreamweaver (DW) may take several minutes to start. Click on Start => Program Files => Development Apps =>

Advertisements

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

Project 8 Creating Style Sheets.

Click to edit Master title style How to Create a Discussion Silver & VIP members

 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.

dmfd. Digital Media: Communication and DesignF2007 Comments Evaluation in my.itu  to  ITU takes into consideration the issues.

Art 128 Interface Programming 1 In-class Presentation Week 11B.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

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

HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation

TUTORIAL 8: Enhancing a Web Site with Advanced CSS

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

® Microsoft Office 2010 Word Tutorial 3 Creating a Multiple-Page Report.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Web Technologies Website Development Trade & Industrial Education

Website Development with Dreamweaver

11 HTML5 sharing St Bonaventure College & High School 31 May 2012.

WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

HTML5 Sections Old structuring elements –body, div, address, blockquote –headings: h1, h2, h3, … –ul, ol, table New structuring elements –header, footer,

Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.

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.

Cascading Style Sheets Class 2, Lecture 3 Rachel A Ober

Project 4: Yosemite CSS Layout

>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.

FUNDAMENTALS OF HTML, XHTML & CSS Lesson 4. THE OBJECTIVES -  In this lesson you will begin coding in HTML to provide the structure  You will learn.

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.

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

HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.

Lecture Capture and. Goal Link to D2L D2L Website

Introduction to CSS Layout

CIT 256 CSS Intro & Dreamweaver Built-in Layouts Dr. Beryl Hoffman.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.

HTML + CSS II LET’S BUILD AN ACTUAL WEBSITE!. OVERVIEW This Session  Brief review of basics   “id” and “class”  Using a CSS template Upcoming Sessions.

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

Biosimilar (Insulin) – Competitive Landscape and Market & Pipeline Analysis, 2016 DelveInsight’s, “Biosimilar (Insulin) – Competitive Landscape and Market. Request for sample of this research report:

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

Word 2010 Headers and Footers You can make your document look professional and polished by utilizing headers and footers. The header is a section of the.

How to build a Web Page or “The things geeks never told you!”

Creating Web Pages with Links, Images, and Embedded Style Sheets

Before We Begin Please download the files from as we will be using them in our walkthroughs.

LibGuides Interface Customization Presented By: Christine Tobias ~ Kelly Sattler ~ Jenny Brandon Michigan State University Libraries.

HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

Unit 15 – Web Authoring Web Authoring Project.

Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 2B.

MIT 511- Web Design & Usability

Creating a wiki phage for your lab notebook

HTML Basics and CSS style

How to make a website in dreamweaver a website

Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.

Google Fonts Selective Formatting

Laying out a website using CSS and HTML

Using Frames in a Web Site

56% Enter your text here This is a sample text. Enter your text here

For use on your feedback page

Creating your first website

Creating your first website

A02 Creating my website NAME ______________.

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

Configure EPSP Agreement Portlet

Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.

Presentation transcript:

1-Edit> prefrence> new document> select HTML5 2018/7/6

select HTML5 2018/7/6

select CSS style > click all the shorcuts 2018/7/6

2- create a folder on the desktop for the website 3- select site >newsite 2018/7/6

4-write the name of the folder and the location of the folder>save 2018/7/6

5-file>new>HTML5>create 6-Disgner> classic 2018/7/6

Now steps of change the style 1- chage the title 2- create navigation 2018/7/6

2- create navigation after the body press enter 2- create navigation after the body press enter. select layout > insert div tag 2018/7/6

write on ID> Niv 2018/7/6

Format>list>unordered list 2018/7/6

For Navigation 2018/7/6

For Header 1- Select layout>div tag>ID:header 2018/7/6

Write Community colleage and insert logo for princess Nora university 2018/7/6

Insert the logo Select common>image 2018/7/6