学习网站制作基础知识（六）

十、模仿网站设计 模仿网站设计，即是对目标网站进行复制与模仿。这种设计方式主要集中在对页面风格的模仿。以下是我们已知获取静态网页的两种途径的回顾： 1. 网页设计师设计效果转换为静态页面； 2. 从网络中获取他人分享的现场静态页面； 3. 通过模仿网站设计。模仿网站设计即是对目标网站进行模仿。 我们通常所说的模仿网站设计，是指使用WordPress程序或其他内容管理系统（CMS）作为网站的后台，而模仿的则是目标网站的静态模板。模仿网站设计主要从页面风格上进行模仿。 为何要进行模仿网站设计？ 首先，我们中的许多人并非专业设计师，难以创造出极具吸引力的网页； 其次，他人分享的静态页面可能并不符合我们的审美； 因此，我们可以通过模仿喜欢的网站来进行设计。在学做网站论坛的课程中，有专门讲解模仿网站设计的视频教程。 简要介绍模仿网站设计的方法： 1. 确定要模仿的网站； 2. 在文件菜单中选择“另存为”，输入文件名（例如：index），选择文件类型为“网页全部”，并**将文件保存到一个新文件夹中，如D盘的“mywebsite”文件夹； 3. 在保存的“mywebsite”文件夹中，会看到一个名为“index.html”的文件和一个名为“img”的文件夹；   - “index.html”文件包含网页的代码；   - “img”文件夹则存放与网页相关的文件，如GIF、JPG、PNG格式的图片，以及CSS和JS文件等； 4. 编写代码，实际上，dede模仿网站设计就是将网页中的参数替换为模板参数； 5. 开始操作：在Dreamweaver中新建一个站点，将站点指向刚才建立的“mywebsite”文件夹。将文件夹名称更改为“img”。当Dreamweaver提示更新时，点击“是”。在网页中替换为“img”，并更新； 6. 检查是否有链接的CSS样式。如果有，将地址复制到地址栏并回车下载保存，然后替换为本地文件夹中的文件； 7. 将网页中相关的CSS样式复制到本地，这样做可以方便快捷地调试CSS样式。调试完成后，再将CSS样式另存到一个独立的CSS文件中。

徐州外贸网站建设，徐州外贸网站制作，徐州英文网站制作，徐州外贸网站推广——徐州伏久科技有限公司