photoshop网页设计制作教程

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.顶部导航的制作 新建一个组\

新建一个图层命

前 言

课程说明 课程目的：–使参加学习的人员掌握基本的网页制作维护技能，自 主运用相关软件进行网页维护。

学习建议：–学习前提：熟练进行基本的文件操作，熟练使用 Office和简单常用的工具软件 –参阅：网上有相关教程、任何一本Dreamweaver学习书 籍

学习内容 网页制作初步： 运用DreamweaverMX,学习文字录入编辑，段落编排，表格运用， 图片插入编辑，超级链接，多媒体素材插入编辑，框架构成；简单了 解Html 图形处理初步： 学会运用Photoshop对图片做简单的处理 学习使用相关工具软件： CuteFtp, Acdsee, et al

了解动态网页维护的基本知识 了解中、高级网页技术： Flash, Css, JavaScript 特效等

网页设计技术的意义 网络时代的技术需要网站是广告的拓展领域，是知识信息的储蓄平台，任何单位都将网络 平台做为业务信息的重要窗口加以利用

与他人交流的窗口个人主页对比公网上的个人blog: 能进行更充分的个人定制，个性化

实用的网络技术和个人技能为将来可能的另条个人出路进行技术积累。

一些人对网页设计的错误认识MS office master VS. homepa

用Photoshop制作印章教程

用Photoshop制作印章教程

真正用Photoshop制作印章（我用的是Adobe Photoshop CS3），要用到图层、路径，画笔描边，环形文字等知识。 一、新建文件

机关单位公章的大小与机构的级别有关，级别越高的公章越大，一般直径在3.8－4.2cm，很少有用4.5cm或3.4cm的。但企业的公章一般都很大。

首先点击文件新建，新建一个500×500像素（像素大小无关紧要，反正用到Word中是要进行调整的，但像素大清晰度会高一点），背景为透明的文件

选择RGB颜色，一定不能选灰度。

二、设置好前景色和文字颜色

为了方便下面的操作，可以在制作前就把前景色和文字颜色设置为正红，也可以在用到颜色时再设置

将颜色调整为最红（R为255，G和B为0）

用Photoshop制作印章教程

三、画出印章边缘

1、显示标尺

为了找准中心点，必须显示标尺。在视图下拉菜单中选择标尺

显示出标尺

用选择工具将横、竖标尺拉到中心位置

用Photoshop制作印章教程

2、画出印章边缘的圆形路径

选择椭圆工具，点击路径形式

指针放在中心点处

按住Shift+Alt键拉出一个正圆（Shift+Alt组合键的作用是可以画出正圆、正方形、正五角星……）

第1小题(Dreamweaver单选题(1分)

在（_______）中可以为文字设置对齐方式，字体、字号和颜色。 A 属性面板 B 代码面板 C 设计面板 D 文件面板

第2小题(Dreamweaver单选题(1分)

下面哪些不是网页编辑软件？（_______） A Dreamweaver B CuteFTP C Word D Flash

第3小题(Dreamweaver单选题(1分)

下面不是Web网页中通常使用的图像格式是（_______） A GIF格式 B JPEG格式 C PNG格式 D RAW格式

第4小题(Dreamweaver单选题(1分)

关于HTML5的描述，以下哪一个是错误的（ ）

A HTML5版本中，W3C规定标记的规范写法是小写格式 B HTML5的最基本语法是<标记符>…… C 是HTML5的标准网页声明

D 当HTML5标记用错时，浏览器会给出出错信息 第5小题(Dreamweaver单选题(1分)

在下列的 HTML 中，哪个可以插入折行？（） A

B C
D

第6小题(Dreamweaver单选题(1分)

关于HTML5标题标记，以下说法哪项是错误的（

第1大题Dreamweaver单选题(共27分) 得分:4

第1小题Dreamweaver单选题(1分) 得分:0

下面不是Web网页中通常使用的图像格式是（___d____） A GIF格式 B JPEG格式 C PNG格式 D RAW格式

第2小题Dreamweaver单选题(1分) 得分:1

在复制带有格式的文本时，可以先将内容粘贴到（___c____），再将其中没有格式的文本复制到剪贴板上，最后再粘贴到Dreamweaver编辑窗口中。 A 文件夹 B 记事本 C Word文档 D Excel文档

第3小题Dreamweaver单选题(1分) 得分:1

下面哪些不是网页编辑软件？（_______） A Dreamweaver B CuteFTP C Word D Flash

第4小题Dreamweaver单选题(1分) 得分:1 关于HTML5的描述，以下哪一个是错误的（ ）

A HTML5版本中，W3C规定标记的规范写法是小写格式 B HTML5的最基本语法是<标记符>…… C 是HTML5的标准网页声明

D 当HTML5标记用错时，浏览器会给出出错信息

第5小题Dre

ps教程入门—Photoshop制作宝石

最终效果图

1、新建1200×900像素的文件，设置前景色为灰色（777676）填充背景。执行“滤镜”→“杂色”→“添加杂色”，设置数量为50%，高斯分布，勾选单色复选框。

ps教程入门—Photoshop制作宝石

2、接着执行“滤镜”→“模糊”→“径向模糊”命令，设置数量为100，模糊方式为旋转，品质为好。按“Ctrl+F”两次，重复执行径向模糊。

3、执行“滤镜”→“锐化”→“USM锐化”命令，设置数量为500%，半径为0.6。

4、新建图层1，设置前景色为黑色，背景色为白色，然后用黑色填充图层1。执行“滤镜”→“渲染”→“云彩”命令，得到如图效果。

ps教程入门—Photoshop制作宝石

5、执行“滤镜”→“模糊”→“高斯模糊”命令，设置半径为30。

6、接着执行“图像”→“调整”→“自动色阶”命令。

ps教程入门—Photoshop制作宝石

7、执行“滤镜”→“模糊”→“动感模糊”命令。设置角度为45度，距离为750像素。

8、设置图层1混合模式为“颜色减淡”，填充值为65%。

ps教程入门—Photoshop制作宝石

9、单击“创建新的填充或调整图层”，在菜单中选择“色阶”命令，如图设置对话框。按“Ctrl

网页设计制作报告

网页设计制作报告

学院：语言与传播学院

专业：传播学专业

姓名：吾乎曼尔

学号：15321135

班级：传播1501班

时间：2016年10月25日

网页设计制作报告

设计目的：

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop 、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

设计要求：

1.主题突出，内容实用健康积极向上、信息量大、具有文化内涵和时代气息。

2.开发规范。网页制作规范，结构清晰，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，运行流畅。

3.页面美观。页面规划合理，美观，网站页面设计庄重大方，创意新颖，页面整体的色彩效果要协调，即总体协调，局部对比，合理运用多种形式

Photoshop 网页设计 216网页安全色

当网页使用了合理且美观的网页配色方案时，则网页中的色彩会受到外界因素的影响，而使每个浏览者观看到不同的效果。这是因为即使是一模一样的颜色，也会由于显示设备、操作系统、显示卡以及浏览器的不同而有不尽相同的显示效果。

为此，对于一个网页设计师来说，了解并且利用网页安全色可以拟定出更安全、更出色的网页配色方案，这样通过使用216网页安全色彩进行网页配色，不仅可以避免色彩失真，从且可以使配色方案很好地为网站主题服务。

216网页安全颜色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合，这些颜色在任何终端浏览用户显示设备上的显示效果都是相同的。所以使用216网页安全颜色进行网页配色可以避免原有的颜色失真问题。如图1-19所示，216网页安全颜色可以控制网页的色彩显示效果，达到网页的最佳显示。

图1-19 网页安全色

216网页安全颜色在实现高精度的真彩图像或者照片时会有一定的欠缺，但是用于显示徽标或者二维平面效果时却是绰绰有余的。所以216网页安全颜色和非网页安全颜色应该合理搭配使用。 我们不需要特别的记忆216网页安全色彩，很多常用网页制作软件中已经携带216网页安全色彩调色

网页设计制作报告

网页设计制作报告

学院：语言与传播学院

专业：传播学专业

姓名：吾乎曼尔

学号：15321135

班级：传播1501班

时间：2016年10月25日

网页设计制作报告

设计目的：

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop 、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

设计要求：

1.主题突出，内容实用健康积极向上、信息量大、具有文化内涵和时代气息。

2.开发规范。网页制作规范，结构清晰，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，运行流畅。

3.页面美观。页面规划合理，美观，网站页面设计庄重大方，创意新颖，页面整体的色彩效果要协调，即总体协调，局部对比，合理运用多种形式