02在站点中创建网页教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

02在站点中创建网页教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）在站点中制作网页静态网站制作教学资源课件静态网站制作教学资源课件使用Dreamweaver在“练习”站点中创建一个简单网页，并用浏览器观看。1、在Dreamweaver 的工作窗口中，按F8打开“文件”面板，如图所示，在其中选择“练习”站点。2、单击“文件”菜单中的“新建”命令或按“Ctrl+N”快捷键，打开“新建文档”对话框3、默认”空白页，“页面类型”中默认“HTML”，“布局”中默认“无”。4、单击“创建”按钮，将创建一个空白文档。5、在“文档”工具栏的“标题”框中输入“练习制作网页”。6、用鼠标在文档窗口的工作区中单击，输入“Hello，world！”，按回车键后，再输入“这是一个用Dreamweaver 生成的网页”。7、用鼠标拖动选中刚输入的第一行文字，在如图2.13所示的“属性”面板的“格式”下拉列表中选择“标题1”。8、用鼠标拖动选中刚输入的第二行文字，在如上图所示的“属性”面板的“格式”下拉列表中选择“标题2”。9、单击“文件”菜单中的“保存”命令或按“Ctrl+S”快捷键，打开“另存为”对话框，在“保存在”下拉列表框选择站点根文件夹，在“文件名”列表框中输入“firstpage.html”,单击“保存”按钮，保存刚创建的网页。10、按F12键或选择“文件”菜单中的“在浏览器中预览”，启动浏览器预览网页,如图2.14所示。11、在Dreamweaver中，单击“文档”工具栏的“代码”按钮，切换到“代码”视图，如图2.15所示。“代码”视图中，我们刚才的操作用HTML语言的形式呈现出来。实用技巧：实用技巧：当我们对站点结构及Dreamweaver比较熟悉后，可以在“文件”面板中直接创建文件夹和文件，在站点名称上单击鼠标右键，从弹出菜单中选择“新建文件”命令，然后给文件命名，就可以直接在站点根目录下添加网页文件，同理在上一级文件夹上单击鼠标右键可以创建子文件夹。实用技巧1（）是将显示在Web浏览器的菜单栏上的名称.A、文本B、标题C、脚本D、HTML练习答案：答案：B2、按键，可以启动浏览器直接预览网页。A、F9B、F10C、F11D、F12练习答案：答案：D