应用DreamWeaver制作网站认识Dreamweaver源代码型编辑工具记事本,HotDog,HomeSite,editplus可视化编辑工具(所见即所得)如:FrontPage,Dreamweaver等认识DreamweaverDreamweaver是一种集可视化编辑方式和代码编辑方式于一体的专业级网页制作工具,与Firework,Flash软件合称网页三剑客。Dreamweaver对网页的布局和美化能达到专业级水平。认识DreamweaverDW软件的启动认识Dreamweaver菜单文档窗口(文档名,编辑模式选择器,标题,工具,文档状态)Insert窗口(可选择不同类的对象)属性面板(选择文档或文档中不同对象,属性面板内容动态变化,可查看或修改选择对象的相关属性)浮动面板(如设计面板-CSS样式信息管理和层管理,文件面板-站点文件管理和资源管理)认识Dreamweaver窗口、面板的显示与隐藏方法:选择或取消选择菜单栏中【窗口】下的相应窗口名或面板名面板折叠和展开的方法:点击面板左上角的三角认识Dreamweaver可视化编辑模式认识Dreamweaver代码编辑模式认识Dreamweaver综合编辑模式WEB站点的创建确定网站的主题确定网站的功能结构创建站点拟定站点目录创建站点文件WEB站点的创建本地站点用户在本机磁盘上的存储文件的目录,包括子目录,资源文件,页面文件等远程站点用户在网络中存储文件的目录WEB站点的创建【站点】【管理站点】调出“管理站点”面板后,选择“新建”按钮,开始新建站点新建站点过程中“基本”选项卡中需要填写或选择的主要内容包括:站点名称:要建立的站点的名称,该名字只起着识别的作用,与本地站点或远程站点保存文件的文件夹名字无关,但最好用英文并具有一定的意义。是否使用服务器技术:静态网站不需要使用服务器技术,动态网站选择使用编辑和测试方式:本地编辑和测试/本地编辑,上传到服务器测试本地站点储存文件位置:选择站点文件在本地硬盘上的保存位置浏览站点根目录的URL:如本地测试的URL为虚拟目录名/WEB站点的创建新建站点过程中“高级”选项卡需要填写或选择的主要内容包括:本地站点下:缓存:选用该项可以使文件的移动、改名、查找等站点管理的操作速度大大提升HTTP地址:启用本地站点的Http链接默认图像文件夹:设置后在做网页的过程中,使用非站点内的图片时,它会提示是否把该文件复制到这个文件夹内远程站点下:保存时自动将文件上传到服务器:本地站点编辑的文件在保存时自动上传到服务器,更新服务器下该文件启用存回和取出:同事与你无法同时编辑同一文件WEB站点的维护为了有条理的管理站点中的各种文件,如网页文件、资源文件等,需要为站点创建子目录,文件放在相应的子目录(子文件夹)中WEB站点的维护建议:在本地建立一个文件夹作为站点根目录在站点根目录下建立几个文件夹,将文件分栏目或分类或两者结合保存站点名、文件名用“见名知意的”英文或中文拼音,不要用中文。WEB站点的维护使用Dreamweaver管理站点在文件面板的下拉菜单中选择相应的站点选择本地视图或其他在本地站点新建、删除、移动文件或文件夹如果是动态网页则后缀名为.asp,如果是静态网页后缀名可为:.html,.htm网页的编辑和预览网页的编辑(1)页面属性(通过页面属性面板修改)页面标题,页面外观,链接,标题字体样式……(2)页面内容编辑在文档的可视化编辑状态下,在选择的位置插入文本、图像、表格等在代码编辑状态下插入一段aspVbscript程序网页的编辑和预览网页预览(1)文档窗口上的预览工具(2)文件|在浏览器中预览|iexplore注意:预览时IE地址栏中的网址是什么?网页的编辑和预览页面设计辅助元素设置标尺,网格,临摹图像页面设计不可见元素的显示编辑|首选参数|不可见元素