Web开发

唐四薪

目录

  • 1 第1章 Web前端开发概述
    • 1.1 Web开发概述
    • 1.2 网站的开发流程
    • 1.3 浏览器与服务器
    • 1.4 在DW CS6中新建站点
    • 1.5 在Dreamweaver8中新建站点
  • 2 第2章 HTML语言基础
    • 2.1 HTML文档结构
      • 2.1.1 HTML概述
      • 2.1.2 HTML常用标签
    • 2.2 行内元素和块级元素
  • 3 第3章 HTML5与Web标准
    • 3.1 HTML5的新特性
    • 3.2 HTML5新增的元素
    • 3.3 HTML5播放视频和音频
  • 4 第4章 CSS样式美化
    • 4.1 CSS语法基础
    • 4.2 在HTML中引入CSS
    • 4.3 CSS的选择器
    • 4.4 hover伪类选择器实战
    • 4.5 CSS的层叠性和继承性
    • 4.6 CSS3盒子模型
    • 4.7 border-radius圆角属性
    • 4.8 CSS背景属性
    • 4.9 背景定位属性应用实战
    • 4.10 CSS3样式美化与动画效果
  • 5 第5章 CSS布局
    • 5.1 CSS浮动
    • 5.2 CSS定位属性
    • 5.3 网站布局结构分析
    • 5.4 CSS网站布局
    • 5.5 网站布局实战
  • 6 第6章 表格与表单
    • 6.1 表格及其美化
    • 6.2 表格教学视频
    • 6.3 表单及其美化
  • 7 第7章 响应式网页设计
    • 7.1 响应式网页的基本技术
    • 7.2 响应式网页设计实例
  • 8 第8章 JavaScript与jQuery基础
    • 8.1 JavaScript
      • 8.1.1 JavaScript综述学习视频
    • 8.2 jQuery
  • 9 第9章 Bootstrap应用
    • 9.1 Bootstrap栅格系统
    • 9.2 Bootstrap组件的使用
在Dreamweaver8中新建站点


DW中新建站点的步骤。

1)启动DW,在DW中执行菜单命令“站点→新建站点”,就会弹出新建站点对话框。这个对话框分为“基本”和“高级”两个选项卡,“基本”选项卡可分步骤完成一个站点的建立,“高级”选项卡则是用来直接设置站点的各个属性。在此“基本”对话框中输入站点的名称(如hynu),对于静态站点,HTTP地址不需要设置。如图1-5所示。

1-5新建站点对话框(一)

单击“下一步”,在弹出的图1-6所示的对话框中选择“否”,此对话框用于设置站点文件类型。如果要制作动态网页,则应选择“是”,此时将出现一个选择具体动态网页技术的下拉列表框,可选择需要的动态网页技术。

1-6 新建站点对话框(二)

单击“下一步”,弹出如图1-7所示的对话框,因为通常我们都是在本地机器上做好网站,再上传到远程的服务器去。所以选择“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”这一默认选项。

对于选项“您将把文件存储在计算机上的什么位置?”显然,我们应该把制作的网页保存在网站主目录中。因此,这里应该输入(或选择)网站主目录的路径。

当把已经新建好的网站主目录作为DW的站点后,DW就会把以后新建的网页文件默认都保存在该站点目录中,并且站点目录内,网页之间的链接会使用相对链接的方式。

1-7 新建站点对话框(三)

提示:对网站目录和网页文件命名应避免使用中文,尤其对于动态网页或将网页上传到服务器后,使用中文很容易出问题。例如图1-7中站点目录“DEMO”就不是中文。

单击“下一步”,在“您如何连接到远程服务器?”下拉框中选择“无”。

单击“下一步”,弹出站点信息总结的对话框,单击“完成”按钮就完成了一个本地站点的定义。

定义好本地站点之后,DW窗口右侧的“文件”面板(图1-8)就会显示刚才定义的站点的目录结构,可以在此面板中单击鼠标右键,在站点目录内新建文件或子目录,这与通过资源管理器在网站目录中新建文件或目录的效果是一样的。

1-8“文件”面板

如果要修改定义好的站点,只需执行菜单命令“站点管理站点”,选中要修改的站点名,单击“编辑”按钮,就可在站点定义对话框中对原来的设置进行修改。