Photoshop是创建网站的多种方法中的一种。这篇文章讲的是如何设计网页?怎样用Photoshop设计网站
在个人计算机上打开Photoshop的版本,并创建一个新文档,该文档的高度和宽度是根据您的选择设置的(普通宽度800px-900px,普通高度1200px-1500px)。你可以给文件夹命名(可选)。
为你的站点创建标题(从现有的图片或从头开始),并将你的站点徽标嵌入其中。
上海网站建设公司为你的站点创建菜单按钮(形状和颜色,它们之间的空间,如上菜单、下菜单、右菜单或左菜单,或者两组或三组菜单的组合等等)
创建内容区域,页脚区域,横幅所在位置,照片库所在位置,等等,直到你的网站有一个总体的外观。
六,现在最难的部分:在Photoshop中,对已完成的网站进行切片和导出,方法是在导出前对所有切片进行命名(例如:使用切片工具标记标题的区域,将其命名为Title,标记区域的主页按钮,将其命名为Homepage按钮,以此类推)。
建议将内容区域留空,因为您仅将其作为图像切片保存,而文本将作为图像的一部分显示,如果为空,则可分别为每个页面添加内容。
8、将它导出到桌面上的新文件中,导出会创建一个HTML文件(该文件是您的Internet页面,还没有居中显示任何内容),一个CSS文件和一个Images文件夹,其中包含所有不同的切片和图像。
9、使用OneNote或Note打开HTML文件,并在HTML中进行更改(将整个页面居中,将整个页面设置为背景颜色,将内容置于div标签中,内容图片位于其中,或使用div标签中的P标签创建元数据,用于关键字、内容等等...)。
10、复制粘贴HTML网页,其数量与您拥有的网页相同,但是一定要将其重命名为相关网页(例如,Home.html,aboutUs.html,ContactUs.html等等)。
为HTML文件中的页面创建内部链接(或者在创建更多页面之前创建,这样就不会重复),其中按钮图像代码通过创建div和提供按钮链接地址来实现。
将完整的网站文件上传至主机。