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)
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
Reporter | ||
Comment 1•10 years ago
|
||
* 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>
Reporter | ||
Comment 2•10 years ago
|
||
@ 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)
Reporter | ||
Comment 3•10 years ago
|
||
@ 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)
Reporter | ||
Comment 4•10 years ago
|
||
* Updated tutorial copy is on line 35 here: https://teach.etherpad.mozilla.org/googleed
Reporter | ||
Updated•10 years ago
|
Whiteboard: [june13] → [madewcode] [june13]
Reporter | ||
Updated•10 years ago
|
Summary: Made w/ Code: ship "make your own web page" page → Made w/ Code: ship "make your first web page"
Reporter | ||
Comment 5•10 years ago
|
||
* @ 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>
Reporter | ||
Comment 6•10 years ago
|
||
* Here is the correct make to use for this page: https://thimble.webmaker.org/project/59057/remix * It includes new and improved tutorial copy
Updated•10 years ago
|
Flags: needinfo?(cassie)
It looks great to me! Assuming you figured out how to edit the tutorial (per Comment #3).
Flags: needinfo?(lainie)
Reporter | ||
Comment 8•10 years ago
|
||
@ 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)
Reporter | ||
Comment 9•10 years ago
|
||
* Aki: updated URL for the make is here: https://thimble.webmaker.org/en-US/project/59360/remix
Assignee | ||
Comment 10•10 years ago
|
||
# 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)
Reporter | ||
Comment 11•10 years ago
|
||
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)
Assignee | ||
Comment 13•10 years ago
|
||
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)
Assignee | ||
Comment 14•10 years ago
|
||
Attachment #8440070 -
Flags: review?(kate)
Updated•10 years ago
|
Attachment #8440070 -
Flags: review?(kate) → review+
Comment 15•10 years ago
|
||
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"
Updated•10 years ago
|
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.
Description
•