mirror of
https://github.com/neocities/neocities.git
synced 2025-07-21 01:56:03 +02:00
Tutorial chapter 1 dialogue placement with rough comic mockups
This commit is contained in:
parent
11ab120f77
commit
eb8873c381
20 changed files with 47 additions and 40 deletions
|
@ -1,15 +1,15 @@
|
|||
<div class="comic" style="height: 500px">
|
||||
<div class="dialogue">
|
||||
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg2.png);">
|
||||
<div class="dialogue" style="left: 50px; top: 50px;">
|
||||
All you need to build your first site is a computer language called HTML.
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
<div class="dialogue" style="left: 370px; top: 0px;">
|
||||
And here's some HTML, right in this box! Let's make a change. Replace Hello World with Victoria's Website, and click save!
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
You'll see the results of your site here.
|
||||
<div class="dialogue" style="left: 390px; top: 230px;">
|
||||
You'll see the results here.
|
||||
Make sure to check the green boxes below for important bonus info!
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
Make sure to check the green boxes below for important bonus info!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue