在八步创建投资组合博客 - 无需编码
时间就是你需要的现金和一个愿意开发人员创建一个动态的网站武装。免费的内容管理系统,如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浏览器。