Godzilla. 2016-10-24
网站建设
如何制作网页设计?如何使用Photoshop设计网站
有许多方法来创建网站,Photoshop是其中之一。本文说说如何制作网页设计?如何使用Photoshop设计网站。
1、下载并安装Photoshop
2、在您的个人计算机上打开您的Photoshop版本,并创建一个新的文档,其高度和宽度设置为您选择的(正常宽度为800px-900px,正常高度为1200px-1500px)。您可以命名文件夹(可选)。
3、为您的网站(从现有图片或从头开始)创建标题,并在其中嵌入您的网站徽标。
4、创建您网站的菜单按钮(形状和颜色,它们之间的空间,作为上菜单,底部菜单,右侧或左侧菜单或两组或三组菜单的组合等)
5、创建内容区域,页脚区域,放置横幅的地方,照片库的地方等等,直到您完成了您的网站的一般外观。
6、现在的困难的部分:在Photoshop,切片和导出您完成的网站,通过在导出之前给所有切片命名(例如:用切片工具标记该标题的区域,并将其命名为“标题”,标记区域 的主页按钮,并将其命名为“主页按钮”,以此类推到网站的每个单独的部分)。
7、建议将内容区域保留为空,因为您只将其保存为图像切片,文本将显示为图像的一部分,当为空时,可以单独添加每个页面的内容。
8、将其导出到桌面上的新文件中,导出将创建一个HTML文件(它将是您的互联网页面,尚未居中且没有内容),一个CSS文件以及一个包含所有不同切片和图像的Images文件夹 。
9、使用OneNote或记事本打开HTML文件,并在HTML中进行更改(将整个页面居中,将整个页面设置为背景颜色,将内容放在内容图片所在的div标签中,或者使用 div标签中的P标签,创建关键字,内容等的元数据...)。
10、复制并粘贴与您所拥有的网页数量相同的HTML网页,但请务必将其重命名为相关网页(即Home.html,aboutUs.html,ContactUs.html等)。 )。
11、为HTML文件中的页面创建内部链接(或者在创建更多页面之前进行创建,以便不必重复),其中按钮图像代码是通过创建div并提供按钮链接地址。
12、将完成的网站文件上传到主机。
下一篇:营销网站建设之如何用文章营销你的网站
上一篇:如何选择网页设计公司?
文章标签:
制作网页设计
浏览次数: 2019 次
文章评论: