DW网页设计源代码解析与探索,DW网站制作背后的秘密代码是如何改写的?
- 内容介绍
- 文章标签
- 相关推荐
DW网页设计源码:从零到一的全景漫游
麻了... 说实话, 打开Dreamweaver的那一刻,我就有点小激动。
正宗。 哈哈,先别急着写代码,先把脑子里那堆乱七八糟的想法给理清。
咱就是说DW其实就是个“万能胶”,能把HTML、CSS、JS黏在一起,换句话说...。
先来一段最基础的HTML骨架,别忘了doctype。
CSS:让页面不再像素化的调色盘
先给body加个背景,别让访客眼睛受罪。
body { background:#f5f5f5; font-family:"He 我跟你交个底... lvetica Neue",Helvetica,Arial,sans-serif; }
再来点全局的链接颜色,保持统一。
将心比心... a { color:#0066cc; text-decoration:none; }
啊, 对了记得加个hover效果,不然太死板。
a:hover { text-decoration:underline; }
JavaScript:给页面注入点活力
先写个最简单的交互——点击按钮弹窗。
function showMsg{ alert; },这事儿我可太有发言权了。
DW网页设计源码:从零到一的全景漫游
麻了... 说实话, 打开Dreamweaver的那一刻,我就有点小激动。
正宗。 哈哈,先别急着写代码,先把脑子里那堆乱七八糟的想法给理清。
咱就是说DW其实就是个“万能胶”,能把HTML、CSS、JS黏在一起,换句话说...。
先来一段最基础的HTML骨架,别忘了doctype。
CSS:让页面不再像素化的调色盘
先给body加个背景,别让访客眼睛受罪。
body { background:#f5f5f5; font-family:"He 我跟你交个底... lvetica Neue",Helvetica,Arial,sans-serif; }
再来点全局的链接颜色,保持统一。
将心比心... a { color:#0066cc; text-decoration:none; }
啊, 对了记得加个hover效果,不然太死板。
a:hover { text-decoration:underline; }
JavaScript:给页面注入点活力
先写个最简单的交互——点击按钮弹窗。
function showMsg{ alert; },这事儿我可太有发言权了。

