戴宇轩 发表于 2015-7-11 21:19:05

<006>构建模块---1

本帖最后由 戴宇轩 于 2015-7-17 20:40 编辑

我们已经学了不少了: 标记，元素，链接，路径……如果不学以致用，创造一些Web页面，知识就毫无意义

那些文字是随便打的，不要在意这些细节。。。

从日记到网站
我们要做的:1. 首先画一个粗略的草图
2. 给草图加上结构，像<h1><h2><p>……
3. 翻译成真正的HTML
4. 改进

画下草图
自己拿张纸，简单画下这个页面，从大体结构来考虑页面的构成,如标题，内容，图片等
参考答案:**** Hidden Message *****

加入结构
如图，已经给出了一些结构，尝试补全结构

参考答案:**** Hidden Message *****

翻译成HTML
自己先尝试，然后再查看课件里的HTML!
课件下载:

PS: 因为内容比较繁杂，所以把这一课拆成了若干小块，所以每一课的结束比较突然……


下一课
<007>构建模块---2

大冬瓜 发表于 2015-7-12 16:45:24

<html>
<head>
    <title>日记</title>
</head>
<body>
    <h1>Tou China</h1>
    <p>lalalalallalllllllllllllllllllllllllllllllllllllaaaaaaaaaaaaaa</p>
   <h2>Augast 20</h2>
   <p>lalallalalalalalalallalaallaalal</p>
<img src="1.gif">
<h3>July 14</h3>
<p>lalallalalallalallllll</p>
<img src="2.gif">
</body>
</html>

无名侠 发表于 2015-7-12 17:59:05

{:5_102:} 表示我学习前端喜欢看w3school的文章

谈笑喝毒酒 发表于 2015-7-22 10:09:17

1

王鹏啊 发表于 2015-7-28 11:38:48

不错

tuzimina 发表于 2015-7-28 15:00:40

答案

mars瘦子 发表于 2015-8-1 21:45:17

希望可以学到东西:big

SAMLA-- 发表于 2015-8-13 15:04:30

支持楼主继续！

彼岸花316 发表于 2015-8-19 17:58:57

顶顶顶

cheyne0917 发表于 2015-9-16 16:50:21

顶楼主继续学习

ParkSoojin 发表于 2015-9-17 16:37:32

来瞧瞧！

太空军校生 发表于 2015-9-30 15:21:23

学习学习，很强大的楼主。

鱼鱼521 发表于 2015-9-30 23:32:02

asd1157671820 发表于 2015-10-7 01:31:24

006多谢楼主！

乌鸦。 发表于 2015-10-19 01:37:54

6666666666666666666666666

destiny106 发表于 2015-10-20 15:58:47

感谢教程，自己一定会坚持下去

傻蛋⑩的自己 发表于 2015-11-2 16:00:53

+++++++++++++++++++++++++++++++++111

夕阳游龙 发表于 2015-11-5 19:34:37

好，挺好的！

weisuoaaaaaa 发表于 2015-11-13 19:31:08

666666

q873475510 发表于 2016-1-14 18:09:10

谢谢楼主分享！
页: [1] 2 3 4
查看完整版本: <006>构建模块---1