美食网页设计模板

制作美食网站首页

1新建一个网页文档，在“标题”文本框中将标题设置为“美食网站首页”，如图1-1所示。

图1-1

2.执行“插入-表格”菜单命令，插入一个4行2列，宽为778像素，边框粗细为0的表格，并在“属性”面板中设置为“居中对齐”，“填充”与“间距”都设置为0，如图1-2所示。

图1-2

3.选中左侧所有的单元格，执行“修改-表格-合并单元格”菜单命令，将其合并。

4.将光标放置到合并后的单元格中，执行“插入-图像”菜单命令，插入一副图像到合并后的单元格中，如图1-3所示。

图1-3

5.将光标放置到右侧第1行单元格中，执行“插入-图像”菜单命令，将一个图像文件插入到单元格中，如图1-4所示。

图1-4

6.将光标放置到右侧第2行单元格中，在“属性”面板中将单元格的背景颜色设置为绿色（#CECC29），如图1-5所示。

图1-5

7.执行“修改-表格-拆分单元格”菜单命令，将设置了背景颜色的单元格拆分为7列，如图1-6所示。

图1-6

8.在拆分后的各个单元格中输入文字，文字大小为12像素，字体颜色为黑色，如图1-7所示。

图1-7

9.将光标放

存档资料成绩：

课程设计报告书

课程名称网页设计与制作

题目设计个人网站主页

分院电信分院

专业班级电子商务

学号

学生姓名

指导教师

2011 年 6月 20日

课程设计评阅意见

评阅人__________职称________

年月日

目录

第1章课程设计任务书 .................................. 错误!未定义书签。

一、课程设计题目设计个人网站主页............... 错误!未定义书签。

二、课程设计工作：................................... 错误!未定义书签。

三、课程设计的内容要求：............................. 错误!未定义书签。

1、课程设计要求.................................. 错误!未定义书签。

2、课程设计内容.................................. 错误!未定义书签。

第2章课程设计目的 .................................... 错误!未定义书签。

第3章课程设计内容................................... 错误!未定义书签。

设计一选题的

PhotoShop网页设计制作教程:美食blog网首页

http://www.alixixi.com/web/a/2011083073568.shtml

先看效果图：

1。新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1。 再执行滤镜>杂色>添加杂色,设置数据如下图:

2.创建自定义图案

按ctrl+N新建一个大小为:80*80px的文档.

再次新建一个图层,命名:horizontal.选择\矩形选区工具\绘制一个大小为80*40,并填充:#b52a51.设置不透明度为:20%.

新建一个图层命名:vertical,使用\矩形工具\在左边绘制一个40*80的图形,并填充:#b52a51.设置不透明度为:30%.

新建一个组,把这两个图层放入进去,并命名:pattern.并设不透明度:30%.

关闭白色图层的\睛眼\编辑>自定义图案.

3.填充自定义图案

新建一个图层命名：patten;并填充白色，更改填充：0%。双击这个图层,在弹出的\图层样式\窗口中选择\图案叠加\选择我们上一步自定义的图案,

4.顶部导航的制作 新建一个组\

新建一个图层命

PhotoShop网页设计制作教程:美食blog网首页

http://www.alixixi.com/web/a/2011083073568.shtml

先看效果图：

1。新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1。 再执行滤镜>杂色>添加杂色,设置数据如下图:

2.创建自定义图案

按ctrl+N新建一个大小为:80*80px的文档.

再次新建一个图层,命名:horizontal.选择\矩形选区工具\绘制一个大小为80*40,并填充:#b52a51.设置不透明度为:20%.

新建一个图层命名:vertical,使用\矩形工具\在左边绘制一个40*80的图形,并填充:#b52a51.设置不透明度为:30%.

新建一个组,把这两个图层放入进去,并命名:pattern.并设不透明度:30%.

关闭白色图层的\睛眼\编辑>自定义图案.

3.填充自定义图案

新建一个图层命名：patten;并填充白色，更改填充：0%。双击这个图层,在弹出的\图层样式\窗口中选择\图案叠加\选择我们上一步自定义的图案,

4.顶部导航的制作 新建一个组\

新建一个图层命

存档资料 成绩：

课程设计报告书

课程名称 网页设计与制作

题 目 设计个人网站主页 分 院 电信分院 专业班级 电子商务 学 号 学生姓名 指导教师

2011 年 6月 20日

课程设计评阅意见

等 级 序号 项 目 优秀 1 课程设计态度评价 2 出勤情况评价 3 任务难度评价 4 工作量饱满评价 5 设计中创新性评价 6 论文书写规范化评价 7 综合应用能力评价 良好 中等 及格 不及格

评阅人__________职称________

年

网 页 网页名称：专业名称：班级名称：姓 名：学 号：完成时间：设 计 说 明 书

博客 软件技术 软件一班 20135533116 一月3号

“XXXX（网站标题）”网页设计说明书

一、网站规划设计说明

注：请按以下模板填写，文字说明必须与所设计的网站实际内容严格对应，文中所有红字

部分属于说明注释的部分，填好后应全部删除红字。

1、网站需求和目的 简述本网站制作的目的，面向的用户群。网站具备的功能和期望达到的目标。 目的：简单的博客制作 面向对象：全体客户 功能：简单的链接

期望：实现人机交流及人人网上互动

2、网站栏目规划

简要说明一下栏目设计，共几个栏目。 栏目1:index.html,主页 栏目2:link，链接页（音乐） 栏目3:link1，链接页（文字） 栏目4:link2，链接页（图片） 栏目5：link3，链接页（视频）

3、网页内容规划

首页中的内容版块包含以下几个部分： 页面头部：LOFTER博客

栏目导航：图片链接（视频，文字，音乐，图片） 具体内容：博主头像，好友作品，及几张图片 版权声明：计算机少年|power by lofter 首页截图（index.html）：

二级栏目页截图（请说

第1章 引言

1.选择题

（1）通常网页的首页被称为（ A ）。

A．主页 B．网页 C．页面 D．网址 （2）网页的基本语言是（ C ）。

A．JavaScript B．VBScript C．HTML D．XML

（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。

A．http://www.263.com B．http:\\\\www.263.com C．ftp://www.263.com D．mailto:www.263.com （4）下列不属于Macromedia公司产品的是（ D ）。

A．Dreamweaver B．Fireworks C．Flash D．Frontpage （5）下列属于静态网页的是（ A ）。

A．index.htm B．index.jsp C．index.asp D．index.php （6）属于网页制

题 目； Dreamweaver 网页设计 系(部)院： 信息工程学院

专 业： 教育技术 作者姓名： 冯彩娟 指导教师： 马月进 完成日期： 2011年 6 月 20 日

陇东学院信息工程学院教育技术班

Dreamweaver网页设计

摘 要:

Dreamweaver网页设计，简单的说就是教会你怎么制作网站。通常由个人或者专门的部门设计、开发、维护。本文给出了网站设计详细设计与开发过程，本网站是基于html语言、css、javascricp代码，在Dreamweaver 8.0环境下完成的。网站实现了向广大网络用户展示如何设计网站，如确定主题、网站规划、素材收集、风格设计、内容设计、发布维护等。网友可以在线留言给本网站，达到用户与网络管理员的互动，从而提高网站的信息面。

关键词：规划；风格；设计

目 录

第一章 引 言 ................................................................................

第1章 引言

1.选择题

（1）通常网页的首页被称为（ A ）。

A．主页 B．网页 C．页面 D．网址 （2）网页的基本语言是（ C ）。

A．JavaScript B．VBScript C．HTML D．XML

（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。

A．http://www.263.com B．http:\\\\www.263.com C．ftp://www.263.com D．mailto:www.263.com （4）下列不属于Macromedia公司产品的是（ D ）。

A．Dreamweaver B．Fireworks C．Flash D．Frontpage （5）下列属于静态网页的是（ A ）。

A．index.htm B．index.jsp C．index.asp D．index.php （6）属于网页制

网页设计报告 姓名:_____ ________ 班级:_____ ______ 1、确定网站主题

我的网站的主旨在于介绍 《火影忍者》 , 《火影忍者》 是日本漫画家岸本齐史的代表作, 作品自 1999年开始在周刊《少年 jump 》上连载后,读者反应非常热烈。随后, 《火影忍者》 的 TV 动画在日本东京电视台播放, 成为最受欢迎的动漫作品之一。 故事成功地将原本隐藏 在黑暗中,用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍 者, 描绘成了太阳下最值得骄傲最光明无限的的职业。 在这个忍者的世界中, 每一位年轻的 主人翁都在开拓着属于自己的忍道。

2、搜集材料

主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻,同时,查询相关的 图书、报纸、光盘、多媒体等,也可以

网站包括 8个页面多。 首页、 人物介绍、 忍术揭秘、 传说中 3忍、 晓组织等等。 常言道:“巧妇难为无米之炊”。 要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材 料,搜集得材料越多,以后制作网站就越容易。然后把搜集的材料去粗取精,去伪存真,作 为自己制作网页的素材。

3、规划

每一个页面用统一的背景图片,以保证网站统一的风格。用一个