资讯
  • 首页
  • 网站建设
    定制网站报价
    网站建设方案
    模板建站
  • 小程序开发
  • 网校系统
  • 网站优化
  • 案例
  • 资讯
  • 问答
  • 帮助中心
  • 服务项目
  • 关于我们
  • 如何制作网页设计?如何使用Photoshop设计网站
  • 2016-10-24 10:11   分类:网站建设  阅读数量:阅读(2595)
  •    有许多方法来创建网站,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、将完成的网站文件上传到主机。
  • 下一篇:营销网站建设之如何用文章营销你的网站
    上一篇:如何选择网页设计公司?
  • 标签:制作网页设计 

    猜你会喜欢下面的内容

    • 关键词的选取对营销型网站建设的重要性
    • 打造创新的外贸门户网站,开发国际市场
    • 电商网站建设需要技术 关注开发团队的服务
    • 定制建站怎么进行 需要专业有经验的团队完成
关于摩恩 | 联系方式 | 支付方式 | 服务热线: 021-61984272

扫一扫!

微信咨询

网站所属 上海摩恩网络科技有限公司 备案号:沪ICP备07024853号-1 © 2003-2017 omooo.com 版权所有
  • 电话咨询
  • 在线咨询