情人节打造爱的纪念页

  难得今年的情人节正好是周末,恋爱中的男女们正好趁这个时间好好的划一下如何度过这个开心甜蜜的日子。有心的朋友还可以趁这几天想想送一份什么特别的礼物给心爱的人。

  如果做一个mini网站,记录两个人从相识到相知、相爱的整个过程,回忆一下恋爱中的点点故事。这个主意很浪漫吧?下面我们就一起来打造一个情人节的小网站。文章末尾提供压缩好的素材文件和制作完成的页面供大家下载参考。

  一、设计前的策划和准备

  在制作之前我们需要考虑网站的内容和风格,因为是为情人节准备的,所以网站的风格肯定是温馨浪漫的带点粉红的色彩。

  网站内容包括情人之间的情书、相片册、属于两个人的音乐和恋爱历程的记载四个部分。

  制作这个网站我们所需要的工具软件和程序包括:Dreamweaver、Fireworks、Sound插件,一段Maquee代码。

  需要的素材资源包括:网页模板(网上下载)、音乐“最浪漫的事”、相片集。

  二、模板下载

  如何设计网站的结构和页面呢?这里我给大家推荐一个取巧的办法——到网站上去找免费模板。如今可以下载的免费网页模板很多,类型也很丰富,我们可以从中选择结构设计比较浪漫的模板,然后再将它们改造成为具有自己风格的网页,这样操作起来比较省时省力。在这里中可以找不少精美的网页模板,我们选择其中的一个粉色的模板下载到本地计算机上(如图1)。

图1

  整个下载的模板压缩包中包括:原始的网页PSD图片文件,已经转换的Html网页和所使用的字体文件。

  因为我们是将模板改成自己所要的风格,所以模板中提供的已经生成好的Html用处不大。直接使用Fireworks打开原始的网页PSD图片文件,在它的基础上修改页面视觉效果,自己切图转换成Html,再在Dreamweaver中编辑。

  我们要将这个网页最终设计成为如图2的效果,网站里面装满了关于爱情的各种主题,我们将网页取名为“爱的纪念页”。

时间: 2024-09-20 15:40:46

情人节打造爱的纪念页的相关文章

北京福润斯柯达浓情“情人节真爱团购会”活动

在一年一度的情人节即将到来之际,北京福润斯柯达浓情推出"情人节真爱http://www.aliyun.com/zixun/aggregation/1175.html">团购会"活动,活动时间2月9日至2月14日,北京福润斯柯达独家推出特供晶锐"真爱版"车型,独家享受最高8.2折特惠.斯柯达汽车全面升级一键启动功能,其它车型另有震撼特惠价格政策.置换客户均享高额置换补贴.凡电话报名参加本次活动的客户,到店均可获赠情人节精美小礼品一份,数量有限,先到先得

飘柔携土豆网打造“爱的电影院”

兔年春节将至,情人节也将接踵而来,在气温屡创新低的冬日,温馨浪漫也在逐渐蔓延.由飘柔和土豆网联手打造的"飘柔说出你的爱"活动,为这个盛传为"千年来最冷冬季"的严寒送上一丝暖意,也打响了兔年双节营销的开门头炮. 土豆网为飘柔量身打造的360度全方位推广的线索来自飘柔新拍的一条电视广告片.内地当红小生黄晓明和数亿中国 网友耳熟能详的清纯派女星"优乐美奶茶"美女江语晨联袂演绎了一段因秀发结缘的浪漫故事.电影开场前,男主角与女主角的擦身偶遇,女孩柔顺的秀

“4夜奇谭”打造爱的“世界奇妙物语”(图)

张静初<爱在微博蔓延时>剧照 周迅<指甲刀人魔>剧照 黄立行<假戏真作>剧照 余文乐<谎言大作战>剧照 由香港"鬼才导演"彭浩翔进军内地而监制的"4+1"电影计划,其四个网络短片<指甲刀人魔>.<假戏真作>.<谎言大作战>及<爱在微博蔓延时>已经陆续登陆了网络,以悬疑.梦幻甚至带有点魔幻现实主义色彩的短片描写形形色色的爱情,合组成"爱的奇妙物语",而日

教你如何打造优雅的初始状态页

  @产品经理朝阳陆 :在本文的开头,一如既往的举几个例子,不过这次是反例,第一个例子是国内某个网络监控软件的仪表盘界面设计: 再来一个该产品详细数据的展示界面: 接下来看另外一个OA系统的产品类别页面: 以上的反例已经足够说明一个问题--初始状态页面需要设计. 实际上本文的编写有个来源,前些日子在"产品经理实战训练营"的一个微信分享里有篇文章叫<用户界面设计原则>(原文作者不详,应该是一篇翻译的文章),其中第16条原则提到关于初始状态页面的设计问题,以下是原文描述:&qu

RxJava实践之打造酷炫启动页

之前注意到coding APP启动页很是酷炫,今天我们使用RxJava和属性动画模仿实现其效果. 一.新建启动页WelcomeActivity 注意,我们这里让WelcomeActivity继承Activity不要继承AppCompatActivity,因为AppCompatActivity会默认去加载主题,造成卡顿  public class WelcomeActivity extends Activity {        @Override      protected void onCr

React+Redux打造“NEWS EARLY”单页应用 一步步让你理解最前沿技术栈的真谛

之前写过一篇文章,分享了我利用闲暇时间,使用React+Redux技术栈重构的百度某产品个人中心页面.您可以参考这里,或者参考Github代码仓库地址. 这个工程实例中,我采用了厂内的工程构建工具-FIS,并贯穿了react+redux基本思想. 今天这篇文章给大家分享一个更加复杂,但是非常有趣的一个项目- News Early单页应用. 我把这个项目所有代码托管在了我个人Github之中,感兴趣的读者可以跟我探讨. 最近我发现,React Redux生态圈项目活跃.但是作品质量"良莠不齐&qu

情人节打造一顿浪漫的“烛光晚餐”

1.晚餐时间: 最好选择周末或假期的傍晚,因为白天有充足的时间来筹备物品和购制饮食.夏秋两系的傍晚为首选,如果兴趣所致和时间充裕,一年四季皆可.不过进餐的时间,晚间七八点钟为好.在进餐中有充足的时间交流,而在饭后至睡前又有充足的时间来延续浪漫.时间早晚,可以根据季节相应调整. 2.晚餐地点: 选择家中的餐厅和阳台都可.如果在餐厅,最好在靠近餐桌的墙上挂一幅美丽的画,这样可以烘托气氛.如果有封闭的阳台,也可以采用.试想一边用餐,一边欣赏城市的美丽夜景,如果还能看到日落那将是多么的惬意. 3.餐桌餐

2012情人节,淘宝28万人首页示爱

在2012年的情人节当天,http://www.aliyun.com/zixun/aggregation/1198.html">网购送礼依然火爆,淘宝网和一淘网数据显示,除了鲜花.巧克力等传统情人节礼物热卖之外,淘宝网首页焦点图示爱图备受网友追捧.一天之内约28万人次借淘宝首页焦点图"示爱",还有网友借机恶搞名人. "怎么回事,方舟子向韩寒表白,而且还是在淘宝网首页焦点图这么宝贵的地方?"昨天,不少媒体都在官方微博上惊爆淘宝网首页焦点图惊现方舟子示爱

爱奇艺公司2014年“开启全新视界”营销分享会北京站开幕

11月7日,爱奇艺公司2014年"开启全新视界"营销分享会北京站正式举行,爱奇艺创始人.CEO龚宇博士,首席营销官王湘君,首席内容官马东等出席并发表演讲,与行业专家.国内外一线品牌广告主就2014年爱奇艺发展战略.优势内容资源及如何在大数据时代进行网络视频创新营销进行深入探讨与分享.继广州.北京站之后,11月15日爱奇艺还将在上海举办第三场营销分享会. "3+3"战略强势出击  拥抱视频全新革命 2013年5月,爱奇艺.PPS正式宣布合并,爱奇艺成为中国最大的网络视