Closed Bug 1021225 Opened 10 years ago Closed 10 years ago

Made w/ Code: ship "make your first web page"

Categories

(Webmaker Graveyard :: webmaker.org, defect)

x86
macOS
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: matt, Assigned: akirose)

References

Details

(Whiteboard: [madewcode] [june13])

Attachments

(1 file)

* Finalized copy is here:
https://teach.etherpad.mozilla.org/googleed

* Will paste HTML next
* HTML is here: http://openmatt.org/make-your-first-web-page-copy/

<h1>Welcome to Webmaker</h1>
<strong> Congratulations on your new Made w/Code skills!</strong> Now let's learn a little HTML, the official language of the web.
<h2>Make your first web page</h2>
<strong> You've probably seen hundreds (if not thousands) of web pages</strong>. All of them are written in a language called <em>HTML</em>.
<strong>It's easy to start messing around with HTML.</strong> In this activity, you'll make a basic web page in about 60 seconds or less, using <a href="https://thimble.webmaker.org/">Thimble</a>, Mozilla's free HTML power tool.
<h3>Get started</h3>
<ol>
	<li><strong> Click the "remix" button</strong>. This will open Thimble. You'll see a simple web page we created to get you started. The code is on one side, the page preview is on the other.</li>
	<li><strong>Follow the steps</strong>. The tutorial will walk you through how to make changes to the code.</li>
	<li><strong>Done!</strong> Once you're finished, you can save your work and share it. Log in to Webmaker and hit "Save."</li>
</ol>
<h3>Go further</h3>
<ul>
	<li>Try the <a href="http://foo">next Made w/Code activity</a>. ****NOTE: link this to the "Make a Meme" activity we're building*****</li>
	<li>Or Webmaker has <a href="http://webmaker.org/gallery">lots of other free activities</a> here.</li>
</ul>
@ Cassie: I assigned this to Aki. Change if that's wrong?

* Aki: does that HTML help? Lemme know if I'm doing it wrong.
Assignee: nobody → aki
Flags: needinfo?(cassie)
Blocks: 1015987
@ Lainie: I had a go at dramatically shortening the Tutorial copy.

* I'm not sure how to edit it. Do you know?
Flags: needinfo?(lainie)
* Updated tutorial copy is on line 35 here:
https://teach.etherpad.mozilla.org/googleed
Whiteboard: [june13] → [madewcode] [june13]
Summary: Made w/ Code: ship "make your own web page" page → Made w/ Code: ship "make your first web page"
* @ Aki: cleaned up my HTML based on your feedback:

<h1>Welcome to Webmaker</h1>
<strong>Congratulations on your new Made w/Code skills!</strong> Now let's learn a little HTML, the official language of the web.
<h2>Make your first web page</h2>
<strong> You've probably seen hundreds (if not thousands) of web pages</strong>. All of them are written in a language called <em>HTML.</em>
<strong>It's easy to start messing around with HTML.</strong> In this activity, you'll make a basic web page in about 60 seconds or less, using <a href="https://thimble.webmaker.org/">Thimble</a>, Mozilla's free HTML power tool.
<h3>Get started</h3>
<ol>
	<li><strong> Click the "remix" button</strong>. This will open Thimble. You'll see a simple web page we created to get you started. The code is on one side, the page preview is on the other.</li>
	<li><strong>Follow the steps</strong>. The tutorial will walk you through how to make changes to the code.</li>
	<li><strong>Done!</strong> Once you're finished, you can save your work and share it. Log in to Webmaker and hit "Save."</li>
</ol>
<h3>Go further</h3>
<ul>
	<li>Try the <a href="http://foo">next Made w/Code activity</a>. ****NOTE: link this to the "Make a Meme" activity we're building*****</li>
	<li>Or Webmaker has <a href="http://webmaker.org/gallery">lots of other free activities</a> here.</li>
</ul>
* Here is the correct make to use for this page:
https://thimble.webmaker.org/project/59057/remix

* It includes new and improved tutorial copy
Flags: needinfo?(cassie)
It looks great to me! Assuming you figured out how to edit the tutorial (per Comment #3).
Flags: needinfo?(lainie)
@ Aki: this one should be ready for you to implement. Everything you need is in comment 5 and 6 

* Good to go?
Flags: needinfo?(aki)
* Aki: updated URL for the make is here: https://thimble.webmaker.org/en-US/project/59360/remix
# Confirming:

- Url for this is https://webmaker.org/madewithcode-firstwebpage
- ID for the make is 5395cbc32e50e55a220000df (raw data can be found at https://makeapi.webmaker.org/api/20130724/make/search?id=5395cbc32e50e55a220000df)
- The copy for this page is in comment #5
- The design for this page will be basically a templatization of https://redpen.io/ht9394041a025b89e8

# Questions:
- Can we do better for descriptive (and compelling) anchor copy than “Try the next Made with code activity” for that link at the end?
Status: NEW → ASSIGNED
Flags: needinfo?(aki) → needinfo?(matt)
Thanks Aki!

(In reply to Aki Rose Braun [:akirose] from comment #10)

> - Url for this is https://webmaker.org/madewithcode-firstwebpage

yes

> - ID for the make is 5395cbc32e50e55a220000df (raw data can be found at
> https://makeapi.webmaker.org/api/20130724/make/
> search?id=5395cbc32e50e55a220000df)

yes

> - The copy for this page is in comment #5
> - The design for this page will be basically a templatization of
> https://redpen.io/ht9394041a025b89e8

yes


> # Questions:
> - Can we do better for descriptive (and compelling) anchor copy than “Try
> the next Made with code activity” for that link at the end?

sure! feel free to re-write
Flags: needinfo?(matt)
* How are you doing on these Aki? All good?
Flags: needinfo?(aki)
All good. Once bug #1021245 gets merged in, this will be right behind it. (It's ready, but is blocked by the meme one, I probably should have broken the meme one up and opened a PR to the meta ticket. cest la vie.)
Depends on: 1021245
Flags: needinfo?(aki)
Blocks: 1021264
Attachment #8440070 - Flags: review?(kate) → review+
Commits pushed to master at https://github.com/mozilla/webmaker.org

https://github.com/mozilla/webmaker.org/commit/a0cf728eee6db917cc545ea0209b319f85f2e6a5
Fixes Bug 1021225 - Made w/ Code: ship "make your first web page"

https://github.com/mozilla/webmaker.org/commit/ee2fad84243fde45c571b1cd1789bd59fb2d5d62
Merge pull request #798 from gesa/1021225/mwc-webpage

Bug 1021225 - Made w/ Code: ship "make your first web page"
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: