photoshop设计银灰色的WEB模板教程
创建网页头部（head）新建图层，选中矩形选择框工具（M），在画布头部添加矩形，宽1200px，高度大约100px，并设置如下图层样式 “渐变叠加”“描边”头部将会是这样子：在头部添加网站的标题，广告语和logo和一点公司简介。
打开Photoshop软件。 导入您想要调整的图片。 选择您想要调整的颜色区域。这可以通过多种方式完成，例如使用魔术棒工具、套索工具或钢笔工具等。 创建一个新的图层，并将选定区域复制到新图层中。 选择新图层，并更改图层混合模式为“颜色减淡”。
新建白色背景文件，打字“CCTV”，Ctrl+t调整大小、位置；设置“前景色”为银灰色，栅格化文字，ctrl+点击图标载入选区，用“前景色”填充；关闭背景图层，保存为png格式图片，完成。
电脑包：新秀丽13寸，轻巧质量好，银灰色外观，提供手提和双肩携带方式，分区丰富，安全保护电脑和平板。 数据线整理工具：数据线魔术贴自粘式扎带，整理杂乱线材，方便区分。常用软件： 图形处理：Photoshop，在图形处理方面表现出色。 矢量绘画：Illustrator，适合进行矢量图形的设计。
Sketch提供轻量级UI界面设计，蓝湖作为标注切图程序，是UI设计师与开发工程师之间的桥梁。Xmind是一款免费的思维导图软件，适用于原型设计和功能设计。墨刀/即时原型作为在线原型设计软件，免费版可使用三套，适合产品经理使用。即时原型还提供了共享资源模板和丰富的图标、组件资源。
如何建立一个网页模板
创建自己的网页主要有以下几种方法： 使用文本编辑器编写HTML文件 编写html代码：HTML是网页的基础，通过标记符来定义网页的结构和内容。你可以使用记事本或其他文本编辑器来编写HTML代码。理解HTML标记符：HTML标记符由尖括号括起来，如a、size等，它们告诉浏览器如何显示网页内容。
在公众号中创建、添加页面模板 登陆公众号后，点击“话题”，然后在上方选择“页面模板”进行操作，如图所示。 页面模板分为四种形式：列表模板、综合模板、视频模板（可直接播放）以及视频模板（视频详细页才可播放）。根据需要选择合适的模板。
在设计前先了解这些模板有助于让用户快速找到适合自己产品的页面布局。 网站展示页 网站展示页（即官网页）通常是用户了解网站或产品的第一步。这类页面通常会包含产品展示图，简短的产品介绍信息，以及用户登录入口等。在设计时我们建议： 明确你要传达的内容，保持简短而清晰的文案。
前端如何页面模板?
1、前端常用页面布局分为下面几种： 静态布局 给页面元素设置固定的宽度和高度，单位用px。窗口发生变化时，会出现滚动条，内容会被遮挡。 优点：简单方便，不存在兼容问题。 缺点：网页无法根据用户设备屏幕的宽度进行自适应。 流式布局 也叫100%布局。宽度单位为百分比。
2、fastAdmin前端页面主要通过动态模板和静态文件两种方式生成。动态模板：这是FastAdmin的核心生成方式。它基于PHP和thinkphp开发框架，并结合Smarty模板引擎来实现。Smarty模板引擎能够根据后端代码提供的数据和具体的业务需求，自动生成所需的前端页面。
3、我们为页面中栅格的 Gutter 设定了定值，即浏览器在一定范围扩大或缩小，栅格的 Column 宽度会随之扩大或缩小，但 Gutter 的宽度值固定不变。网站展示页和 Dashboard 的 Gutter 宽度为 24px。列表、表格、详情和表单页面的 Gutter 宽度为 16px。
4、首先搜索微信公众平台，点击进入并登陆公众账号密码等信息；认准官网字样（如图）一个地址。进入以后 ，点击右侧功能列表“页面模板”，如右侧没有则直接点击下方功能插件添加，在插件功能列表内找到“页面模板”并添加即可。
网页设计制作详细流程
1、做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
2、网页设计制作详细流程如下：首先下载安装dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于更便捷使用这个软件。选择这三个界面，代码、拆分、设计，一般默认设计界面。制作网站站点，在电脑上建一个文件作为根目录。同时给站点起个名字。
3、网页制作的流程对于初学者而言，可以分为几个关键步骤。首先，需要安装网页制作软件，如FrontPage2000或frontpage2003，两者功能相近，后者为前者的升级版本。安装软件后，开始考虑网页的主题，这可以根据个人的专业或兴趣来确定。例如，如果擅长计算机、书法或绘画等领域，可以将这些作为网页的主题。
4、结构设计：按照规划逐步进行网页的结构设计，先完成大的结构再完善细节。内容填充：在网页中填充内容，包括文字、图片、动画等，注意内容的准确性和吸引力。上传测试：上传网站：使用FTP工具将网站上传到申请的主页存放服务器上。测试网站：在浏览器中打开网站，逐页逐个链接进行测试，发现问题及时修改。
5、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。
6、选用自助建站平台，有的自助建站平台是提供免费空间和网站域名的，选用这种建站平台可以简化网页制作的步骤，使得过程更为简单。只要注册一个账号，就可以开始制作，平台的话可以在度娘中搜索。
怎样用DreamWeaver制作网页模板
1、打开Dreamweaver：首先，确保你已经打开了Dreamweaver工具。新建模板：点击“文件”菜单。选择“新建”。在弹出的窗口中，点击选择“模板页面”下的“HTML模板”，然后点击“创建”。编辑模板：创建成功后，会打开模板编辑窗口。在这个窗口中，你可以像编辑普通网页一样编辑模板。
2、若要使用模板，可新建一个空的网页，在文件面板的资源选项卡中找到模板，右键选择【应用】。在需要编辑的部分插入“可编辑区域”，以便后续对网页内容进行修改。dw网页制作模板的使用 创建模板：将一个已编辑好的网页另存为模板文件。
3、第一步：先构建网页的基本结构，确定固定元素，并为变动元素留出空白编辑区域。第二步：在菜单栏中选择【插入】→【模板对象】→【创建模板】，来启动模板的创建过程。第三步：给你的网页模板命名。在创建模板前，确保已经建立了网站站点。
4、用Dreamweaver制作网页模板的步骤如下：新建文件：打开Adobe Dreamweaver cs6。新建一个HTML文件，保存为index.html。新建一个css文件，保存为style.css。构建网页结构：HTML文件分为head和body两部分。在head部分中添加网页的标题，这个标题会显示在浏览器的最上方。
