标签：htm 技术 故事 民间 target add one 渲染 html+css
静态web设计=结构层+表现层=html+css，那么动态web网站的设计呢=结构层+表现层+行为层=html+css+asp/jsp/php
1. 页面制作： 实现的结构层如下
2. 结构层设计如上, 然后给他渲染一下，变成下面这个。
3. 可供参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鲜花销售</title> <style type="text/css"> body{ font-size:14px; background-color:#ffe5e5; } h1{ text-align:center; font-size:42px; color:#9d3151; } #link1{ text-align:center; } #link1 a{ color:#de4eaf; font-size:14px; text-decoration:none; margin-right:35px; } #bg{ background:#b3375c; padding:10px; color:#fff } #bg img{ float:left; margin:10px;} .p1{ text-decoration:underline; font-style:oblique; color:#FF9;} </style> </head> <body> <h1>花之语</h1> <div id="link1"> <p><a href="img/flower1.jpg" target="_blank">鲜花礼品</a> <a name="id1" href="#"> 自助订花</a> <a href="#">绿色植物</a> <a href="#">花之物语</a> <a href="#">会员中心</a> <a href="#">联系我们</a></p> </div> <hr /> <div id="bg"> <h2> 花的语言 </h2> <img src="img/flower1.jpg" width="250" height="180" /> <p>花语是各国、各民族根据各种植物，尤其是花卉的特点、习性和传说典故，赋予的各种不同的人性化象征意义。是指人们用花来表达人的语言，表达人的某种感情与愿望，在一定的历史条件下逐渐约定俗成的，为一定范围人群所公认的信息交流形式。赏花要懂花语，花语构成花卉文化的核心，在花卉交流中，花语虽无声，但此时无声胜有声，其中的涵义和情感表达甚于言语。</p> <p> 花语是指人们用花来表达人的语言，表达人的某种感情与愿望，在一定的历史条件下逐渐约定形成的，为一定范围人群所公认的信息交流形式。赏花要懂花语，花语构成花卉文化的核心，在花卉交流中，花语虽无声，但此时无声胜有声，其中的涵义和情感表达甚于言语。不能因为想表达自己的一番心意而在未了解花语时就乱送别人鲜花，结果只会引来别人的误会。 </p> <p class="p1">花语最早起源于古希腊，那个时候不止是花，叶子、果树都有一定的含义。在希腊神话里记载过爱神出生时创造了玫瑰的故事，玫瑰从那个时代起就成为了爱情的代名词。花语在19世纪初 花语起源于法国，随即流行到英国与美国，是由一些作家所创造出来，主要用来出版礼物书籍，特别是提供给当时上流社会女士们休闲时翻阅之用。 </p> <p>真正花语盛行是在法国皇室时期，贵族们将民间对于花卉的资料整理编档，里面就包括了花语的信息，这样的信息在宫廷后期的园林建筑中得到了完美的体现。大众对于花语的接受是在19世纪中，那个时候的社会风气还不是十分开放，在大庭广众下表达爱意是难为情的事情，所以恋人间赠送的花卉就成为了爱情的信使。 </p> <p class="p1">随着时代的发展，花卉成为了社交的一种赠与品，更加完善的花语代表了赠送者的意图。 </p> </div> <h2>鲜花导购 </h2> <ul> <li>玫瑰花 </li> <li>百合花 </li> <li>郁金香 </li> <li>太阳花 </li> <li>康乃馨 </li> <li>马蹄莲 </li> <li>扶朗 </li> <li><a href="#id1">剑兰</a></li> </ul> </body> </html>
标签：htm 技术 故事 民间 target add one 渲染 html+css
原文地址：https://www.cnblogs.com/Treying/p/9252030.html
