在八步创建投资组合博客 - 无需编码

时间就是你需要的现金和一个愿意开发人员创建一个动态的网站武装。免费的内容管理系统,如WordPress(wordpress.org,经常可以在托管服务的一键安装)将支付给,使任何人都能建立自己的博客和皮肤用的模板。
直到最近,定制需要的模板,你钻研代码。现在,从Dreamweaver CS5可以在WordPress博客指出,它会找出如何缝合在一起的所有文件,让你从中浏览您的博客,选择元素,然后编辑它们的外观。
在本教程中,网页设计师克雷格Grannell展示了如何  使用远程的WordPress进行编辑 安装。在开始之前,确保你已经设置了一些主机空间一个WordPress博客,应用了一个模板。

操作方法

  • 01

    第1步  您的硬盘驱动器的本地文件存储上创建一个文件夹。在Dreamweaver中,去网站>新建站点来访问站点设置对话框。命名您的网站,并确定您创建的本地站点文件夹的文件夹。完成后,请从侧边栏的服务器。

  • 02

    步骤2 单击+图标添加一个新的服务器。在基本选项卡中,添加您的博客的服务器的详细信息:要提到它的名字; 在FTP地址(包括,如果相关,路径); 您的用户名和密码(打勾的保存 旁边后者盒); 而博客的网址,如果Dreamweaver有误猜对了。点击保存。

  • 03

    第3步 仍然在网站设置对话框的服务器部分,确保远程和测试是检查你刚才定义的服务器。这将使Dreamweaver将检查对你的博客所做的任何更改。不要担心这个功能,虽然-更改不会去住,直到你将它们同步。点击保存并完成。

  • 04

    第4步 打开文件面板(窗口>文件),然后单击展开按钮查看窗格的远程和本地文件。点击连接图标,与您的博客连接。现在你应该可以看到远程文件-所有的元素WordPress的安装-在远程服务器区域,并为本地文件的空文件夹。双击index.php文件,然后单击是当Dreamweaver询问,以获取相关文件

  • 05

    第5步 在打开博客页面时,Dreamweaver将认识到WordPress的使用动态文件。单击发现,然后是在对话框中。当Dreamweaver的提示,点击实时查看和Yes(两次)。你的博客现在应该是可见的。单击筛选相关文件按钮,最右边的源代码吧和CSS取消一切分开。

  • 06

    第6步 代码导航器可以帮助您找到包含您要编辑的样式CSS文件。这个主题,沃斯托克(vostoktheme.),房子的颜色信息colors.css。要编辑CSS文件,在源代码栏中选择它,单击获取,然后单击相关文件对话框是。

  • 07

    第7步 选择网站元素的状态栏,然后编辑页面正常在Dreamweaver(直接在代码中,在CSS样式面板,或在CSS规则定义对话框中双击规则,并进行编辑)。您可以添加图片作为背景元素使用它们复制到主题文件夹在您的硬盘驱动器(Dreamweaver的将在第6步下载了这个),并使用Dreamweaver链接到他们。

  • 08

    第8步  文件>全部保存将更改保存到文档的本地版本。当你满意的变化随时公布,返回文件面板,点击同步按钮,在顶部。从同步菜单中选择全中,然后把较新的文件到远程的方向,然后单击预览。Dreamweaver中会显示将要进行的更改。点击OK,等待文件上传,然后检查更新的网站在Web浏览器。

(0)

相关推荐

  • Lofter如何创建子博客

    Lofter作为网易推出的轻博客,广受大众喜爱,轻博客可以在原有博客基础上添加子博客,方便管理. 操作方法 01 打开自己的博客,然后在首页的账号右侧有个下拉按钮,选择"添加子博客" ...

  • 免费创建一个自己的博客网站

    我们知道,要创建一个自己的网站,那就需要有域名和空间(或者说是主机).现在新浪的SAE也就是Sina App Engine提供了这样的机会,会给你空间,给你一个二级域名,让你用.当然,他免费赠送的云豆 ...

  • 如何创建一个wordpress博客

    创建一个WordPress博客是一个让你开始在网上进行写作,让你进入网络博客界的最快,最简单的方法.如果你没有自己的网络客户端,你可以通过WordPress网站,免费创建一个博客,或者如果你已经有了自 ...

  • 五步教你通过博客营销拿到订单

    五步教你通过博客营销拿到订单 操作方法 01 在各种 wangluo营销里,博客营销其实是最简单也是最省钱的方式.如果你还不会做博客营销,那么现在深圳易网拓来告诉你怎么做.只要按照以下五步来做,你就可 ...

  • 只需六步,博客安全不用愁

    对很多站长来说,使用Wordpress做为内容管理系统(CMS)是理所当然的选择:Wordpress不但免费的,而且有很多Wordpress使用者愿意为你答疑解惑.此外,大量优秀的插件可以扩展Word ...

  • 创建我的博客侧边栏--Word 2007高级应用

    创建我的博客侧边栏——Word 2007高级应用 我不清楚以往怎样才能做到这样,但现在有了VSTO,你可以把以往所学的Windows Forms的技巧都用上,实际上,这样一个侧边栏就是一个用户控件(U ...

  • 应用github pages创建自己的个人博客

    应用github pages创建属于自己的个人博客,github将提供免费的空间. 操作方法 01 登录或者注册github,登录之后点击右上角的"+"号,选择"New ...

  • 博客我做主—用WORDPRESS建个人BLOG系统

    操作方法 01 近几年BLOG个人博客如火如荼,很多网民都申请了一个甚至是多个博客来书写自己的情感,贴上自己喜爱的图片.很多人都惊呼WEB 2.0时代离我们越来越近.不过恐怕拥有BLOG的读者都遇到过 ...

  • 巧用Google Code备份代码以及备份博客的方法分享

    http://code.google.com/能做什么呢?我是个程序员,我平时也自己写些小程序,我要为老板打工,在公司有一台专门给我使用的机器,我自己有台属于我自己的笔记本,不工作的时候我喜欢在我自己 ...