SlideShare a Scribd company logo
1 of 3
Creating a Basic Web Page
In Week 1, you discussed Web site elements such as the logo,
header, text content, and footer. You have also considered the
kind of Web site that you would like to create, and you have
given some thought to what it will look like.
For this assignment, you will complete the following:
Create a basic Web page.
It is critical that you keep your Web site material organized and
easy to use. By having a file structure that is easy to use, you
will be able to place material in the appropriate folder and have
it available when it is needed. Begin with a folder that will hold
the entire Web site. From there, it should branch down to
include folders for images or graphics, video files, and sound
files.
Your file organization could look like the following:
Although it is not required for this course, it is a very good idea
to create a site map and a storyboard. The site map shows how
the Web pages link together. Thestoryboard shows how each
page is laid out and what goes on the page.
Once you have decided what type of Web site you will create, it
is time to start gathering assets. Assets are the items that will be
placed on your Web site. Examples of assets are logos, headers,
text, images, graphics, animations, sounds, videos, and footers.
You can create your own assets, or you can get them from other
sources. If you are using assets from someone else, you need to
give that person credit for his or her work.
To begin your first Web page, click here to access and
download Notepad++. For a Mac platform, click here to
download TextWrangler.
Hypertext Markup Language (HTML) code has a specific
structure and syntax that must be followed. If you copy the
following code into the text editor, you will create a simple
Web site that says "Hello" when it is run in a browser:
Hello
Hello
Customize the text between the p tags and the title tag
depending on the type of Web site that you have elected to
create. This will be the content of your Web page.
This file will become your home page. Save this file as
"index.html" and submit.
References
Bare Bones Software. (n.d.). Download TextWrangler.
Retrieved from
http://www.barebones.com/products/textwrangler/download.htm
l
Notepad++. (n.d.). Retrieved from http://notepad-plus-plus.org/
Ojective:Create basic web pages using HTML5 for structure and
CSS3 (or newer standards) for formatting and positioning,
specific topicsSubmitted Files:

More Related Content

Similar to Creating a Basic Web PageIn Week 1, you discussed Web site eleme.docx

Web Design
Web DesignWeb Design
Web Design
Mr_Casey
 
Apress.html5.and.java script.projects.oct.2011
Apress.html5.and.java script.projects.oct.2011Apress.html5.and.java script.projects.oct.2011
Apress.html5.and.java script.projects.oct.2011
Samuel K. Itotia
 
building websites at NAU
building websites at NAUbuilding websites at NAU
building websites at NAU
Jonathan Smart
 
Design selection demo
Design selection demoDesign selection demo
Design selection demo
allisonbliss
 
Sharepoint tips and tricks
Sharepoint tips and tricksSharepoint tips and tricks
Sharepoint tips and tricks
Jeff Wisniewski
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-Theme
Mediacurrent
 

Similar to Creating a Basic Web PageIn Week 1, you discussed Web site eleme.docx (20)

Web development
Web developmentWeb development
Web development
 
Web Design
Web DesignWeb Design
Web Design
 
Apress.html5.and.java script.projects.oct.2011
Apress.html5.and.java script.projects.oct.2011Apress.html5.and.java script.projects.oct.2011
Apress.html5.and.java script.projects.oct.2011
 
building websites at NAU
building websites at NAUbuilding websites at NAU
building websites at NAU
 
project presentation summer camp .pptx
project presentation summer camp .pptxproject presentation summer camp .pptx
project presentation summer camp .pptx
 
Web Site Designing - Basic
Web Site Designing - Basic Web Site Designing - Basic
Web Site Designing - Basic
 
Four Cloud-powered Tools: Diigo, Evernote, Zotero, and Dropbox
Four Cloud-powered Tools: Diigo, Evernote, Zotero, and DropboxFour Cloud-powered Tools: Diigo, Evernote, Zotero, and Dropbox
Four Cloud-powered Tools: Diigo, Evernote, Zotero, and Dropbox
 
171dreamweaver
171dreamweaver171dreamweaver
171dreamweaver
 
171dreamweaver
171dreamweaver171dreamweaver
171dreamweaver
 
Design selection demo
Design selection demoDesign selection demo
Design selection demo
 
Basic Web Design In Dreamweaver
Basic Web Design In DreamweaverBasic Web Design In Dreamweaver
Basic Web Design In Dreamweaver
 
Sharepoint tips and tricks
Sharepoint tips and tricksSharepoint tips and tricks
Sharepoint tips and tricks
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 
Web design - Lesson 2
Web design - Lesson 2Web design - Lesson 2
Web design - Lesson 2
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-Theme
 
An Overview of RoboHelp 7
An Overview of RoboHelp 7An Overview of RoboHelp 7
An Overview of RoboHelp 7
 
Final project 333
Final project 333Final project 333
Final project 333
 

More from victorring

More from victorring (20)

Create an 8- to 10-slide Microsoft® PowerPoint® presentati.docx
Create an 8- to 10-slide Microsoft® PowerPoint® presentati.docxCreate an 8- to 10-slide Microsoft® PowerPoint® presentati.docx
Create an 8- to 10-slide Microsoft® PowerPoint® presentati.docx
 
Create three Venn diagrams that show the differences and similarit.docx
Create three Venn diagrams that show the differences and similarit.docxCreate three Venn diagrams that show the differences and similarit.docx
Create three Venn diagrams that show the differences and similarit.docx
 
Create an 2-4 slide MS PowerPoint presentation with detailed speak.docx
Create an 2-4 slide MS PowerPoint presentation with detailed speak.docxCreate an 2-4 slide MS PowerPoint presentation with detailed speak.docx
Create an 2-4 slide MS PowerPoint presentation with detailed speak.docx
 
Create an annotated bibliography with 3 resources on the Evolution.docx
Create an annotated bibliography with 3 resources on the Evolution.docxCreate an annotated bibliography with 3 resources on the Evolution.docx
Create an annotated bibliography with 3 resources on the Evolution.docx
 
Create a journal entry of 700 to 850 words from the perspective of.docx
Create a journal entry of 700 to 850 words from the perspective of.docxCreate a journal entry of 700 to 850 words from the perspective of.docx
Create a journal entry of 700 to 850 words from the perspective of.docx
 
Create a Crisis Intervention Team (CIT) proposal for the City of K.docx
Create a Crisis Intervention Team (CIT) proposal for the City of K.docxCreate a Crisis Intervention Team (CIT) proposal for the City of K.docx
Create a Crisis Intervention Team (CIT) proposal for the City of K.docx
 
Create a 10- to 12-slide Microsoft® PowerPoint® presentati.docx
Create a 10- to 12-slide Microsoft® PowerPoint® presentati.docxCreate a 10- to 12-slide Microsoft® PowerPoint® presentati.docx
Create a 10- to 12-slide Microsoft® PowerPoint® presentati.docx
 
Createthree Venn diagrams that show the differences and similari.docx
Createthree Venn diagrams that show the differences and similari.docxCreatethree Venn diagrams that show the differences and similari.docx
Createthree Venn diagrams that show the differences and similari.docx
 
Create a 10 to 15 slide Power Point presentation in which you defi.docx
Create a 10 to 15 slide Power Point presentation in which you defi.docxCreate a 10 to 15 slide Power Point presentation in which you defi.docx
Create a 10 to 15 slide Power Point presentation in which you defi.docx
 
Create a potential title in the form of a questionWhat is the .docx
Create a potential title in the form of a questionWhat is the .docxCreate a potential title in the form of a questionWhat is the .docx
Create a potential title in the form of a questionWhat is the .docx
 
Create a 4- to 6-slide presentation using Microsoft® PowerPoin.docx
Create a 4- to 6-slide presentation using Microsoft® PowerPoin.docxCreate a 4- to 6-slide presentation using Microsoft® PowerPoin.docx
Create a 4- to 6-slide presentation using Microsoft® PowerPoin.docx
 
Create a PowerPoint® Presentation of 9 to 12 slides that you will .docx
Create a PowerPoint® Presentation of 9 to 12 slides that you will .docxCreate a PowerPoint® Presentation of 9 to 12 slides that you will .docx
Create a PowerPoint® Presentation of 9 to 12 slides that you will .docx
 
Create a presentation using Microsoft® PowerPoint® or anot.docx
Create a presentation using Microsoft® PowerPoint® or anot.docxCreate a presentation using Microsoft® PowerPoint® or anot.docx
Create a presentation using Microsoft® PowerPoint® or anot.docx
 
Create a presentation based on the Week Four Persuasive Messages P.docx
Create a presentation based on the Week Four Persuasive Messages P.docxCreate a presentation based on the Week Four Persuasive Messages P.docx
Create a presentation based on the Week Four Persuasive Messages P.docx
 
Createan 2-4 slide MS PowerPoint presentation with detailed spea.docx
Createan 2-4 slide MS PowerPoint presentation with detailed spea.docxCreatean 2-4 slide MS PowerPoint presentation with detailed spea.docx
Createan 2-4 slide MS PowerPoint presentation with detailed spea.docx
 
Create a performance reporting template for the Riordan Manufactur.docx
Create a performance reporting template for the Riordan Manufactur.docxCreate a performance reporting template for the Riordan Manufactur.docx
Create a performance reporting template for the Riordan Manufactur.docx
 
Create your own voters’ ranking lists, including at least 9 voters a.docx
Create your own voters’ ranking lists, including at least 9 voters a.docxCreate your own voters’ ranking lists, including at least 9 voters a.docx
Create your own voters’ ranking lists, including at least 9 voters a.docx
 
Create a diagram in which you illustrate the energy flow among org.docx
Create a diagram in which you illustrate the energy flow among org.docxCreate a diagram in which you illustrate the energy flow among org.docx
Create a diagram in which you illustrate the energy flow among org.docx
 
Create a 5-slide Microsoft® PowerPoint® presentation dis.docx
Create a 5-slide Microsoft® PowerPoint® presentation dis.docxCreate a 5-slide Microsoft® PowerPoint® presentation dis.docx
Create a 5-slide Microsoft® PowerPoint® presentation dis.docx
 
Create a 12- to 15-slide Microsoft® PowerPoint® presentati.docx
Create a 12- to 15-slide Microsoft® PowerPoint® presentati.docxCreate a 12- to 15-slide Microsoft® PowerPoint® presentati.docx
Create a 12- to 15-slide Microsoft® PowerPoint® presentati.docx
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 

Creating a Basic Web PageIn Week 1, you discussed Web site eleme.docx

  • 1. Creating a Basic Web Page In Week 1, you discussed Web site elements such as the logo, header, text content, and footer. You have also considered the kind of Web site that you would like to create, and you have given some thought to what it will look like. For this assignment, you will complete the following: Create a basic Web page. It is critical that you keep your Web site material organized and easy to use. By having a file structure that is easy to use, you will be able to place material in the appropriate folder and have it available when it is needed. Begin with a folder that will hold the entire Web site. From there, it should branch down to include folders for images or graphics, video files, and sound files. Your file organization could look like the following: Although it is not required for this course, it is a very good idea to create a site map and a storyboard. The site map shows how the Web pages link together. Thestoryboard shows how each page is laid out and what goes on the page. Once you have decided what type of Web site you will create, it is time to start gathering assets. Assets are the items that will be placed on your Web site. Examples of assets are logos, headers, text, images, graphics, animations, sounds, videos, and footers. You can create your own assets, or you can get them from other sources. If you are using assets from someone else, you need to give that person credit for his or her work. To begin your first Web page, click here to access and
  • 2. download Notepad++. For a Mac platform, click here to download TextWrangler. Hypertext Markup Language (HTML) code has a specific structure and syntax that must be followed. If you copy the following code into the text editor, you will create a simple Web site that says "Hello" when it is run in a browser: Hello Hello Customize the text between the p tags and the title tag depending on the type of Web site that you have elected to create. This will be the content of your Web page. This file will become your home page. Save this file as "index.html" and submit. References
  • 3. Bare Bones Software. (n.d.). Download TextWrangler. Retrieved from http://www.barebones.com/products/textwrangler/download.htm l Notepad++. (n.d.). Retrieved from http://notepad-plus-plus.org/ Ojective:Create basic web pages using HTML5 for structure and CSS3 (or newer standards) for formatting and positioning, specific topicsSubmitted Files: