Building Websites with Div Tags in Dreamweaver: A Step-by-Step Guide

Mar 03, 2025

40 likes | 130 Views

Learn to create a web page using Div tags in Dreamweaver. Visit BBC website to observe layout and arrangement of images and text. Develop a tidy site structure and construct a webpage with this comprehensive tutorial. By the end, you will have a functional website template.

Share Presentation

Embed Code

kassia

Download Presentation

Building Websites with Div Tags in Dreamweaver: A Step-by-Step Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

Creating a web page
Visit the BBC website. • www.bbc.co.uk • What can you see? Images? Text? How are they arranged?
Learning Outcomes • LO1: Pupils will be able to demonstrate the ability to have a tidy site area with folders for the site itself and images inside. • LO2: Pupils will be able to construct a webpage using Div tags.
Creating a site within Dreamweaver • For this, you will really need to pay attention as it can get complicated. • By the end of the lesson, you will have a working template for a website.

Creating a web page graphic

Creating a web page graphic. Mixing pop stars. The Music Shelf. The Music Shelf is a new website about pop music. This site makes money from commission on CD/DVD sales and music downloads. They want as many people as possible to see the site. http://www.themusicshelf.co.uk.

410 views • 14 slides

Creating a Personal Web Page

Increasing Communication with:. 1. Students2. Parents3. Administrators4. Community. . Teacher's Web Page. Students1. Get their attention.2. Help them develop the tools to use technology to learn at home as well as in the classroom.3. Provide them

290 views • 15 slides

Creating a Web Page with Tables

Creating a Web Page with Tables. Objectives. Create a text table with preformatted text Create the basic structure of a graphical table Organize table rows into groups Add captions to tables Describe how to add summary information to a table Use table borders and gridlines

782 views • 60 slides

Creating Web Page Forms

Creating Web Page Forms. Tutorial 6. Designing a Product Registration Form. Objectives. Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format an input box for simple text data Add a form label and link it to a control element.

661 views • 47 slides

Creating Web Page Forms

Creating Web Page Forms. Objectives. Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format a form Add different objects to a form Organize fields into field sets Describe how data is sent from a Web form to a server

594 views • 43 slides

Creating and Editing a Web Page

HTML Project 02. Creating and Editing a Web Page. Saving an HTML File. HTML files must end with an extension of . htm or .html

212 views • 0 slides

CREATING WEB PAGE FORM

CREATING WEB PAGE FORM. Faculty of Computer Science & Engineering. INTRODUCTION. Form is used: Email subscriptions Contest registrations Databases Autoresponders User identifications and passwords Feedback . < Form Method =( Post, Get ) Action=script.url> input elements < /Form >.

456 views • 32 slides

Creating A Web Page

Creating A Web Page. Computer Concepts I and II Sue Norris. Agenda. What is HTML HTML and XHTML Tags Required HTML and XHTML Tags Using Notepad to Create a Simple Web Page Viewing Your Web Page in a Browser Submitting Your Project. Slide Menu. H yper T ext M arkup L anguage.

597 views • 43 slides

Creating a Web Page: Tags

Creating a Web Page: Tags. The core building block of HTML is the tag , which marks each element in a document Tags can be two-sided or one-sided A two-sided tag is a tag that contains some document content. General syntax for a two-sided tag: <element>content</element>.

441 views • 21 slides

Creating our Web page

Creating our Web page. By Joseph O’Bryan. Design your own website. PROS: Beginners: No Tech Skills Needed. There are several simple website building programs designed specifically for people who don't have web development experience.

176 views • 7 slides

Creating a web page Lab Assignment

Creating a web page Lab Assignment. Goal Create a simple web page Create the file: inclass.txt in your www directory. Do you remember how to get to your www directory? Do you remember how to verify that you are in the www directory?

371 views • 20 slides

Creating a Dashboard Indicators Web Page

Creating a Dashboard Indicators Web Page. A Customizable Template for a Dashboard Indicators Web Page.

452 views • 32 slides

Creating a Basic Web Page

Creating a Basic Web Page. Introduction to Web Design and Development Create a Basic Page Structure. The World Wide Web. Web Browser. Web Page. WWW. Internet. Markup Languages. A set of symbols. Elements. Container Element. Empty Element. Tags. Tag. Attributes. name=“value” syntax.

287 views • 11 slides

Creating a Dynamic Web Page Template

Creating a Dynamic Web Page Template. LESSON 10. Module 5: Beyond the Basics with Expression Web. Lesson Overview In this lesson, you will: Create a Dynamic Web Template. Use the external style sheet and Dynamic Web Template to create additional pages for the Current Event Web site.

390 views • 24 slides

Creating and editing a web Page

Project 02 – Tags and Attributes. Creating and editing a web Page. Required HTML Tags. <!DOCTYPE> transitional strict frameset <html>...</html> version ="data". <head>...</head> no attributes <title>...</title> no attributes <body>...</body>

168 views • 7 slides

Creating a Web Page

Creating a Web Page. Tools. HTML documents are simply text files only software package needed is a text editor an HTML converter takes text in one format and converts it to HTML code. HTML Syntax. HTML document has 2 elements: document content tags one-sided two-sided Tag syntax

198 views • 9 slides

Creating a Web Page

Creating a Web Page. CSC 121. Short History of WWW/HTML. Internet came first (late ’60s). ARPANET – US military network WWW using Hypertext (circa 1989) invented as a means of Internet navigation Tim Berners-Lee @ Geneva, Switzerland Hyper Text Markup Language (HTML)

261 views • 16 slides

Lesson 16 Creating a Web Page

Lesson 16 Creating a Web Page. Computer Concepts BASICS 4 th Edition. Wells. Objectives. Understand how a Web page works Create a planning document Understand and describe basic HTML syntax Insert headings Apply bold and italics. 2. Objectives (continued). Insert and work with lists

380 views • 30 slides

Creating a Web Page with Word

Creating a Web Page with Word. IS 460 Notes by Thomas Hilton. Procedure in Brief. Design Web Page Create Text Document Add Graphics Add Hyperlinks Save Document in HTML Format Preview and Revise Publish Web Page. Design Web Page. Web pages should be… Clear Complete Concise Correct

119 views • 9 slides

Creating Web Page Forms

Creating Web Page Forms. Maureen Smith Professor, Saddleback College HTML - Tutorial 6. Objectives. CGI?. In this tutorial you will: Learn about CGI scripts Review various parts of an online form Create form elements Create a hidden field on a form Work with form properties

1.15k views • 110 slides

Creating Web Page Forms

Creating Web Page Forms. Ahmad Al Kawam. An Example of a Form. Input box. First Name. Last Name. Address #1. Address #2. State. Zip. City. Country. Item Purchased. Purchase Date. Serial Number. drop-down list box. group box. Network Operating System (check all that apply).

374 views • 33 slides

Creating Web Page Forms

Creating Web Page Forms. Objectives. Learn about CGI scripts Review the various parts of an online form Create form elements Create a hidden field on a form Work with form attributes Learn how to send data from a form to a CGI script

895 views • 83 slides

More Related