SlideShare a Scribd company logo
1 of 2
Creating a Website Using Dreamweaver – Part One: Splash Page

                                                  1. In your ‘My Documents’ folder
                                                  create a new folder by clicking on
                                                  ‘File’, ‘New’ and ‘Folder’. Name the
                                                  folder ‘Dreamweaver’. Next open
                                                  Dreamweaver from the
                                                  Start/Programs/Macromedia menu
                                                  and click on the ‘HTML’ option
                                                  underneath the ‘Create New’
                                                  heading.




                                                       2. In the ‘Title’ box enter the
                                                       website title ‘My Website:
                                                       Welcome’ Next enter the text
                                                       ‘Welcome to my Website!’ in the
                                                       main window below the ‘Title’
                                                       box. Finally go to the ‘File’ menu
                                                       and select ‘Save as’ go to your
                                                       ‘Dreamweaver’ folder and save
                                                       the page as ‘splash’.




3. Click on the globe icon (next to the ‘Title’
box) and select ‘Preview in IExplore 6.0’
Your webpage should look like the one
below.




                               4. Go back to Dreamweaver and highlight the
                               ‘Welcome to my Website’ text. You can then use the
                               tools at the bottom of the screen in the properties
                               window to bring the text into the centre of the screen.
                               (These tools are very similar to Word).
5. Press return after the first line of
text and type ‘This is my Website and
it is all about: My Favourite Bands.
Skate Boarding and Internet Games.’
(You can enter your own hobbies
here).

                                           6. In order to split the text onto
                                           separate lines, put your cursor at the
                                           end of the first sentence (click your
                                           mouse) and press the keys ‘Shift’ and
                                           ‘Enter’ together. Do this with the other
                                           lines.

                                      7. Next you can insert an image
                                      between the heading and body text
                                      by clicking on the ‘Insert’ menu and
                                      ‘Image’. Then browse for a suitable
                                      image in your ‘My Documents’ folder
                                      and click ‘OK’.




                               8. Next you are going to change the
                               background colour by clicking on the
                               ‘Modify’ menu and selecting ‘Page
                               Properties’. From here you can click
                               on the little grey box next to the
                               ‘background color’ title to bring up a
                               choice of colours. Select your colour
                               and press ‘OK’

                                              9. If you highlight your heading you can
                                              use the 'Properties' window to change
                                              the font to Arial and the size to 16. You
                                              can also change the font colour in the
                                              same way you did with the background.
                                              By clicking on the black square in the
                                              'Properties' window and selecting the
                                              colour you want from the palette. Next
                                              change the main text font to Arial.

More Related Content

Similar to Creating A Website Using Dreamweaver

Basic Web Design In Dreamweaver
Basic Web Design In DreamweaverBasic Web Design In Dreamweaver
Basic Web Design In Dreamweaverjcharnin
 
179 designing a_magazine_spread
179 designing a_magazine_spread179 designing a_magazine_spread
179 designing a_magazine_spreadmrhoward12
 
Corel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerCorel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerFlyer Tutor
 
Dreamweaver Background
Dreamweaver BackgroundDreamweaver Background
Dreamweaver Backgroundcvq
 
IMED 1416 Chapter 01
IMED 1416 Chapter 01IMED 1416 Chapter 01
IMED 1416 Chapter 01Bobby Rivera
 
Use of technology.
Use of technology.Use of technology.
Use of technology.MFJ
 
Website design configuration
Website design configurationWebsite design configuration
Website design configurationPuttiApps
 
Website Design Configuration
Website Design ConfigurationWebsite Design Configuration
Website Design ConfigurationMy App Editor
 
Wordpress e-portfolio tutorial
Wordpress   e-portfolio tutorialWordpress   e-portfolio tutorial
Wordpress e-portfolio tutorialHoàng Nguyễn
 
How to use PowerPoint
How to use PowerPointHow to use PowerPoint
How to use PowerPointkate80284
 
8. InDesign Manual-original
8. InDesign Manual-original8. InDesign Manual-original
8. InDesign Manual-originalJessica Fisher
 
01 portfolio create portfolio
01 portfolio create portfolio01 portfolio create portfolio
01 portfolio create portfolioK J
 
Power point tutorial
Power point tutorialPower point tutorial
Power point tutorialdmakk767
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docsJiT2U
 
BasicCSSFlowTutorial
BasicCSSFlowTutorialBasicCSSFlowTutorial
BasicCSSFlowTutorialtutorialsruby
 

Similar to Creating A Website Using Dreamweaver (20)

Basic Web Design In Dreamweaver
Basic Web Design In DreamweaverBasic Web Design In Dreamweaver
Basic Web Design In Dreamweaver
 
webbdesign
webbdesignwebbdesign
webbdesign
 
179 designing a_magazine_spread
179 designing a_magazine_spread179 designing a_magazine_spread
179 designing a_magazine_spread
 
Corel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerCorel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt Flyer
 
Dreamweaver Background
Dreamweaver BackgroundDreamweaver Background
Dreamweaver Background
 
Rubistar tutorial
Rubistar tutorialRubistar tutorial
Rubistar tutorial
 
IMED 1416 Chapter 01
IMED 1416 Chapter 01IMED 1416 Chapter 01
IMED 1416 Chapter 01
 
Use of technology.
Use of technology.Use of technology.
Use of technology.
 
Word basics 2 class
Word basics 2 classWord basics 2 class
Word basics 2 class
 
Website design configuration
Website design configurationWebsite design configuration
Website design configuration
 
Website Design Configuration
Website Design ConfigurationWebsite Design Configuration
Website Design Configuration
 
Google Picnik
Google PicnikGoogle Picnik
Google Picnik
 
Wordpress e-portfolio tutorial
Wordpress   e-portfolio tutorialWordpress   e-portfolio tutorial
Wordpress e-portfolio tutorial
 
GroupWise Email II
GroupWise Email IIGroupWise Email II
GroupWise Email II
 
How to use PowerPoint
How to use PowerPointHow to use PowerPoint
How to use PowerPoint
 
8. InDesign Manual-original
8. InDesign Manual-original8. InDesign Manual-original
8. InDesign Manual-original
 
01 portfolio create portfolio
01 portfolio create portfolio01 portfolio create portfolio
01 portfolio create portfolio
 
Power point tutorial
Power point tutorialPower point tutorial
Power point tutorial
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docs
 
BasicCSSFlowTutorial
BasicCSSFlowTutorialBasicCSSFlowTutorial
BasicCSSFlowTutorial
 

More from mrbennett2009 (19)

Web Intro
Web IntroWeb Intro
Web Intro
 
The Internet
The InternetThe Internet
The Internet
 
Systems Life Cycle
Systems Life CycleSystems Life Cycle
Systems Life Cycle
 
Storage
StorageStorage
Storage
 
Software
SoftwareSoftware
Software
 
Security
SecuritySecurity
Security
 
Public Information Systems
Public Information SystemsPublic Information Systems
Public Information Systems
 
Operating Systems
Operating SystemsOperating Systems
Operating Systems
 
Networking
NetworkingNetworking
Networking
 
Ict And Society
Ict And SocietyIct And Society
Ict And Society
 
Databases
DatabasesDatabases
Databases
 
Input And Output Devices
Input And Output DevicesInput And Output Devices
Input And Output Devices
 
Data Protection Act
Data Protection ActData Protection Act
Data Protection Act
 
Backup And File Management
Backup And File ManagementBackup And File Management
Backup And File Management
 
Computer Systems
Computer SystemsComputer Systems
Computer Systems
 
Control Intro
Control IntroControl Intro
Control Intro
 
Data Logging And Control
Data Logging And ControlData Logging And Control
Data Logging And Control
 
Computer Misuse Act
Computer Misuse ActComputer Misuse Act
Computer Misuse Act
 
Application Types
Application TypesApplication Types
Application Types
 

Recently uploaded

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 

Recently uploaded (20)

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 

Creating A Website Using Dreamweaver

  • 1. Creating a Website Using Dreamweaver – Part One: Splash Page 1. In your ‘My Documents’ folder create a new folder by clicking on ‘File’, ‘New’ and ‘Folder’. Name the folder ‘Dreamweaver’. Next open Dreamweaver from the Start/Programs/Macromedia menu and click on the ‘HTML’ option underneath the ‘Create New’ heading. 2. In the ‘Title’ box enter the website title ‘My Website: Welcome’ Next enter the text ‘Welcome to my Website!’ in the main window below the ‘Title’ box. Finally go to the ‘File’ menu and select ‘Save as’ go to your ‘Dreamweaver’ folder and save the page as ‘splash’. 3. Click on the globe icon (next to the ‘Title’ box) and select ‘Preview in IExplore 6.0’ Your webpage should look like the one below. 4. Go back to Dreamweaver and highlight the ‘Welcome to my Website’ text. You can then use the tools at the bottom of the screen in the properties window to bring the text into the centre of the screen. (These tools are very similar to Word).
  • 2. 5. Press return after the first line of text and type ‘This is my Website and it is all about: My Favourite Bands. Skate Boarding and Internet Games.’ (You can enter your own hobbies here). 6. In order to split the text onto separate lines, put your cursor at the end of the first sentence (click your mouse) and press the keys ‘Shift’ and ‘Enter’ together. Do this with the other lines. 7. Next you can insert an image between the heading and body text by clicking on the ‘Insert’ menu and ‘Image’. Then browse for a suitable image in your ‘My Documents’ folder and click ‘OK’. 8. Next you are going to change the background colour by clicking on the ‘Modify’ menu and selecting ‘Page Properties’. From here you can click on the little grey box next to the ‘background color’ title to bring up a choice of colours. Select your colour and press ‘OK’ 9. If you highlight your heading you can use the 'Properties' window to change the font to Arial and the size to 16. You can also change the font colour in the same way you did with the background. By clicking on the black square in the 'Properties' window and selecting the colour you want from the palette. Next change the main text font to Arial.