Hello, World - Build Web Sites - Professional's Toolset

Name: Hello, World - Build Web Sites - Professional's Toolset
Rating: 4.2 (7 reviews)

Hello, World introduces you to exciting Web Design and Programming. This course shows you how professionals build pages.

Created byJoanne Fantini

Last updated 7/2014

English

English [Auto],

What you'll learn

The course goals are to provide an understanding what web pages are and how they are constructed to ultimately constructing your own pages or web sites.
This course presents what the Internet is and basic technologies available.
You will understand the steps in designing and creating web pages.
Tools (software tools) you will need.
Tips on selecting the technologies to use on your web pages and in producing high quality pages.
Demonstrations of web page construction will be shown throughout the course.
By the end of the course, you will be able to design and program web pages with design elements such as text and images.

Course content

10 sections • 44 lectures • 6h 13m total length

Hello, World: what's this phrase?1:18
Explore the hello world program as the simplest way to display text and learn basic syntax across languages like JavaScript, Python, Ruby, and assembly, kickstarting your programming journey.
What are Web Technologies?4:07
W3 Consortium or W3.org : Keeping Standards & Access for All2:39
Brief History of the Web (...very brief)3:15
The Wayback Machine20:56
Explore the Wayback Machine, a nonprofit web archive that captures snapshots of historical web pages, and observe how UI and web technologies evolved over time.

What is HTML? And the DOM?11:50
HTML Versions5:35
The Block Model and the Web Inspector: Very Important! Importante!7:29
Learn the box model and how content sits inside HTML elements like div, p, and image, then use the web inspector to see margins, padding, and borders.
HTML Elements2:51
HTML: Your First Page with Hello, World8:53
Create your first web page with HTML basics, using a simple editor and browser preview to render hello world, and learn tag structure and image basics.
Using the Browser Inspector to change HTML on any Page3:36
Take the HTML Quiz!

What is CSS?10:27
Hello, World: 3 Types of CSS: Inline, Internal, External9:33
Learn how to style a hello world with the three CSS types inline, internal, and external using style attributes, style tags, and external style sheets to manage colors, fonts, and selectors.
Style: H Tags & Css10:36
CSS Style with inline, Internal, External13:04
Style: Creating Meme with Images and Text14:36
Using the Browser Inspector to Change CSS on any Page5:51
CSS on Sites that You Visit1:02
Explore how web pages use CSS to control menus, fonts, colors, and the overall look and feel, using a web inspector to safely edit styles on your local page.
CSS Quiz

HTML: Recipe Page5:17
Construct a complete HTML recipe page using doc type, title, chef name, ingredients (ul) and directions (ol), with accessible images and semantic divs for structure.
CSS: Recipe Page19:18
Upload Finished Page to Server3:24
Test & Valid Page5:12
Validate web pages using the W3C validation service and CSSA validation, testing via URL, file upload, or direct input, then fix errors for cross-browser compatibility.

Google Analytics5:23
Set up a Google Analytics account, generate and paste the tracking code on pages, upload to server, and use the dashboard to explore audience demographics, geography, behavior, technology, and conversions.
Adding Social Media2:57
Add a social media bar to the webpage by creating a container with the class social media and integrating Facebook, Twitter, and Pinterest at the top.
Add Facebook Like & Share7:28
Add Twitter Tweet & Timeline5:40
Pinterest -- Add Pin or Pinter-ize Images10:11

The Domain Name6:17
Search and register a domain name that serves as a unique brand identifier, understand extensions like .com or .org, and link it to hosting and IP addresses.
Hosting Your Site4:21
Learn to host your site with a hosting provider, register a domain, enable ssl, create email accounts, leverage marketing tools, and build a storefront with templates and 24/7 support.
FIle Upload & Transfer7:39
upload and transfer files to a server using editors or a client like files; connect with hostname, username, and password to publish hello world pages on the web.

Requirements

Access to a microcomputer, laptop, desktop, etc, PC or Macintosh computer. Although Internet access, an ISP or server access is helpful as well, it is not absolutely necessary.
Need a browser application like Firefox, Chrome, Safari, or Internet Explorer installed on the computer.
A desire to improve yourself as an engineer. designer, programmer or other interested person.

Description

In this course, you will learn essential information about the Internet, basic technologies and in practice, how to construct a web page, plus look at how professionals and commercial web sites are constructed. You will learn:

• What the Internet is and basic technologies available
• Steps in designing and creating web pages
• Selecting the technologies to use on your web pages
• Tips in producing high quality pages

Activities:

• Steps in designing & creating web pages, Learn HTML & CSS, the building blocks of websites

• Learn HTML and CSS, the building blocks of websites

• Explore web sites on the web to reinforce course materials and review.

The entire course length is over 6 hours but there is a segment to quickly setup a page.

Who this course is for:

The intended audience is people who have not designed or programmed web pages.
Or marketing managers and people just interested!

Hello, World - Build Web Sites - Professional's Toolset

What you'll learn

Explore related topics

Course content

Hello, World - Introduction to Web Design and Programming5 lectures • 32min

Tools of the Trade7 lectures • 45min

HTML6 lectures • 40min

CSS7 lectures • 1hr 5min

Setting Up a Page in HTML & Style in CSS4 lectures • 33min

Adding Google Analytics & Social Media5 lectures • 32min

Menu Navigation1 lecture • 11min

Multipage Web Site4 lectures • 57min

Setting up a Web Site, Hosting, Domain Names, the Cloud!3 lectures • 18min

More Sites on the WayBack Machine2 lectures • 40min

Requirements

Description

Who this course is for: