网站站点文件的创建

电子商务网页设计与制作Design

and

Creation

of

E-commerce

WebPages网站站点文件创建主讲人：傅俊THISIS导入：

Dreamweaver的使用创建静态网站站点站点管理的使用ContentDreamweaver是集网页制作和管理网站于一身的拥有可视化编辑界面的网页代码编辑器。利用对

HTML、CSS、JavaScript等内容的支持，设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设。该编辑器可支持静态网页也能支持动态网页的设计与制作。它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页。Dreamweaver的工作界面主要由菜单栏、文件工具栏、文件窗口、状态区、“属性”面板和面板组等组成。导入-Dreamweaver的使用自适应网格版面建立复杂的网页设计和版面，无需忙于编写代码。自适应网格版面能够及时响应，以协助你设计能在台式机和不同大小屏幕设备中显示的项目。导入-Dreamweaver的使用新Dreamweaver的一些有用的相关新功能移动支持借助jQuery代码提示加入高级交互性功能。jQuery可轻松为网页添加互动内容。借助针对手机的启动模板快速开始设计。导入-Dreamweaver的使用新Dreamweaver的一些有用的相关新功能实时视图和多屏幕预览面板可呈现HTML5代码，能检查自己的工作。借助“多屏幕预览”面板，为智能手机、平板电脑和台式机进行设计。使用媒体查询支持,为各种不同设备设计样式并将呈现内容可视化。导入-Dreamweaver的使用新Dreamweaver的一些有用的相关新功能通过Dreamweaver新建文档可以看出，Dreamweaver对动态网页、脚本页面、CSS以及XML等均可支持。导入-Dreamweaver的使用在菜单栏中主要包括“文件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“窗口”和“帮助”10个菜单。单击任意一个菜单，都会弹出下拉菜单，使用下拉菜单中的命令基本上能够实现Dreamweaver

的所有功能，当然绝大多数功能也可以通过对应的浮动面板来实现。导入-Dreamweaver的使用站点是一个存储区，它存储了一个网站包含的所有文件。建立站点时，一般在计算机上建一个文件夹，然后把制作的所有网页文件、图像媒体文件、脚本文件等都存放在此文件夹中，最后把这个文件夹上传到Web服务器，供用户浏览。创建静态网站站点制作一个网站，首先需要在本地计算机上制作这个网站，放置在本地磁盘上的网站被称为本地站点，位于Web服务器的网站被称为远程站点。用来模拟真实的Web服务器进行测试的叫做测试站点。Dreamweaver则提供了对各类站点的强大管理功能，便于站点在不同环境下的编辑，新的Dreamweaver可以有效地建立并管理多个站点。现阶段网店页面装修时，也是对网店PSD模板切片后，运用Dreamweaver来进行站点管理和生成，最后把生成页面的代码复制黏贴到网店编辑模块中去。创建静态网站站点“文件”面板是Dreamweaver最常用也是最主要的面板之一。它集成了站点管理的各种工具。在“文件”面板中可以完成所有对网站站点的管理操作，当然这些操作也可以通过“站点”菜单来完成。站点管理的使用电子商务网页设计与制作Design