新闻资讯
新闻资讯
当前位置:首页 - 新闻资讯 - 网页设计

网络编辑教程:网站服务器端编程语言

责任编辑:本站 点击:44 发表时间:2020-09-04

  网络编辑教程:网站服务器端编程语言

  之前所介绍的一种语言都是客户端被浏览器解释执行的语言, 对于 些更加复杂的应用, 需要网站建设人员使用服务器端编程语言。

  很多初学者不太理解服务器端编程语言与客户端编程语言的区别,

  今天来解释了这两类编程语言之间的不同之处。

  当客户端用户请求网页时, Web 服务器将使用服务器端程序编译并执行服务器端的脚本, 这些脚本是使用服务器端的编程语言编写的。

  这些服务器端的编程语言将完成必要的业务逻辑处理工作, 比如访问数据库来获取最新的新闻信息, 然后服务器端将结果以HTML、CSS或JavaScript这些客户端浏览器能够理解的语言来呈现。

网络编辑教程

  如何创建一个简单的网页

  到目前为止, 笔者已经创建了一个简单的名为firstpage.htmJ的网页, 为了让大家对网 页创建有个更清楚的认识, 下面创建一个简单的留言本网页, 这个网页允许用户输入留言信息, 在用户单击 “提交” 按钮时, 将留言内容显示在网页上。

  很明显, 手工输入HTML代码是一件低效且容易犯错的工作, 不要说是网站建设的新人, 就是一个具有多年网页设计经验的老手, 也不一定能够一气呵成地写出无错的HTML 代码, 因此在这个示例中选择使用Dreamweaver工具, 如果读者的计算机上没有安装该工 具, 请参考本章1.2节关千Dreamweaver工具的介绍。

  首先打开Dreamweaver工具, 笔者电脑上安装的是DreamweaverCSS, 按照如下所示的步骤完成这个留言板的创建。

  (1)首次启动Dreamweaver时, 会显示Dreamweaver的欢迎页面, 在该页面的新建栏中单击"HTML"链接, 将创建一个新的HTML文件,

  (2)当Dreamweaver创建了一个HTML页面后, 就会自动创建一个基本的HTML代码模板, 如果读者的Dreamweaver当前模式不是设计视图, 请先切换到设计视图, 并在标题标中输入 “留言板 ” 作为网页的标题, 如图1.13所示。

网络编辑教程

  (3)可以看到, 在设计视图窗口中有一个光标键, 首先直接输入一行文本 “欢迎使用 留言本 ” ,然后按一下回车键, Dreamweaver此时会帮助用户添加相应的HTML标记, 用 户暂时可以不用理会Dreamweaver产生的标记代码。

  (4)接下来向设计窗口添加一个表格, 首先单击导航菜单的 “窗口l插入” 菜单项, 或者按Ctrl+F2快捷键, 将在右侧的导航面板中显示一个可以插入元素的工具栏。 在工具栏面板中单击 “表格 ” 按钮, 将弹出如图1.14所示的表格对话框。

  在这里设置表格行和列均为1, 指定表格宽度为 100%, 这样表格可以占满整个页宽。

  其他的保持默认值, 单击 “确定” 按钮将会在设计视图上添加一个表格,

  在表格内部右击鼠标, 从弹出的快捷菜单中选择 “表格I选中表格” ,然后在属性面板窗口指定 Id 为guestTable,

网络编辑教程

  在表格内部单击鼠标,输入一行文本 ” 已经留言的内容” 。

  (5) 在插入面板上单击 “ 常用 ” 按钮下面的小箭头,从弹出的菜单中选择 “表单 ” 工具面板,将显示出所有可供插入的表单按钮,单击“文本区域" 插入按钮。

  在文本区域中, 仅指定ID值为guestNode, 其他的均保留默认值即可,单击 “确定”按钮, Dreamweaver将询问用户是否添加个表单标签,单击 “是 ” 按钮, Dreamweaver

  (6)在文本框的下面, 但是在表单标签的内部, 按回车键,添加一个换行,然后从表单工具栏中选择 “按钮 “ 工具,为按钮指定ID为btnOk, 然后单击“确定“ 按钮,将会在设计面板上看到新添加的 ”提 按钮。 选中该按钮,在 “ 属性 ” 面板中将 “动作“ 复选框勾选 “ 无 ” ,不使用表单的。

  (7)现在留言本的网页界面设计出来了,很简单吧,基本上没有编写行HTML代码。

  接下来需要编写当有人输了留言之后的显示问题。这里需要使用到Javascript脚本,因此不能偷懒,必须在代码视图的标记处添加如下所示的JavaScript代码。


网络编辑教程


  当用户在文本框中输入了信息后, 单击 提交 按钮时, 将首先使用

  document.getElementBy Id获取网页上面的表格对象。然后向表格中插入一行,以便存放用户输入的留言内容,在表格行中插入一个单元格,将用户在文本区域中输入的留言内容写入这个单元格中。

  (8)在完成了这些工作后,将这个JS函数与按钮btnOk进行绑定,在代码编辑器窗口 中找到btnOk的定义位置,添加onClick事件处理器,如下所示。

  现在这个简单的留言本已经做好了, 接下来就可以单击工具栏上的􀀽.按钮, 打开浏览器开始执行了。可以看到当在文本框中输入了留言内容并提交时,会自动显示在表格中, 如图1.20所示。

  虽然这个例子非常简单,而且效果也不是非常精美,但是至少让学习网站的初学者对网

  页设计有了整体的认识,通过对本书各个章节的深入学习,要开发出精美的网站并不是难事。

  好了,今天有关网络编辑教程中的网站服务器端编程语言就介绍到这里,希望对大家在网站学习上有所帮助。


  • 在线咨询
  • 咨询电话
  • 返回顶部
  • 400-699-2238
    13322823721