网站设计与开发培训教程

1、网站设计与开发培训教程1 网站设计根底网站设计根底1 网站设计根底网站设计根底1.1.6 internet地址和域名系统IP：共32位，四个十进制数构成域名地址：字符型*掌握一级域名的含义1.2网站的相关知识1.2.1 网站的分类主页和网页index， default网页的组成要素文字、图像、超级链接和多媒体元素1GIF2JPEG1 网站设计根底网站设计根底 1.3网站的规划 1目标 2类型 3主题内容 4风格 5网页系统树 6网页内容 7技术问题1 网站设计根底网站设计根底 1.4网站的设计 根本原那么10条 设计技巧 1网站的CI形象LOGO，色彩 2确定网站的整体风格 3确定网站的目录结

2、构和命名规那么 4确定网站的链接结构一对一，一对多 5首页的设计 6版面设计防止的问题5点补充：案例赏析补充：案例赏析 1IBM商务商务 2迪斯尼儿童迪斯尼儿童3肯德基快餐肯德基快餐5中国娱乐网娱乐中国娱乐网娱乐 6清华大学教育清华大学教育 7淘宝网购物淘宝网购物2 网站构建根底网站构建根底 2.1网站域名注册 2.2网站空间的获得 2.3 使用Macromedia Dreamweaver构建本地站点 2.4 使用internet信息效劳器创立本地站点2 网站构建根底网站构建根底都是基于IIS3 Dreamweaver MX入门入门 3.1Dreamweaver MX的工作环境 3.2在网页中

3、添加文本和插入对象3 Dreamweaver MX入门入门 3.1Dreamweaver MX的工作环境3 Dreamweaver MX入门入门 3.2在网页中添加文本和插入对象 4 超级链接与图像地图超级链接与图像地图 4.1超级链接概述超级链接概述 4.2创立超级链接创立超级链接 4.3管理链接管理链接 4.4创立图像地图创立图像地图4.1 超级链接概述超级链接概述4.2 创立超级链接创立超级链接命名锚记文档或文件链接 _blank _parent _self _top电子邮件5 表格和样式表表格和样式表 5.4样式表样式表5.4 样式表样式表 CSS是Cascading Style Sh

4、eet 的缩写，译作层叠样式表单。是用于增强控制网页样式并允许将样式信息与网页内容别离的一种标记性语言。 a:link a:visited a:hover a:active6 层、行为和时间轴层、行为和时间轴7框架和表单框架和表单 框架7框架和表单框架和表单 表单附录：个人空间附录：个人空间8 页面布局和模板的应用页面布局和模板的应用 主要涉及两个核心技术 1布局表格：搭框架 2布局单元格：细化 主要掌握两个主要技术： 1模板的建立方式： a)建立空白模板 b将现有网页保存为模板 2可编辑区域的选择从两个方面来深入理解：1模板的意义就是提供一种统一的模式来构建网站，到达批量生产文档的目的。2模

5、板内任何内容和链接的改动，所有使用模板构建的文档都会自动更新 库是从更微观的角度相对模板来定义网页元素，这些元素往往也是被重复利用的。8.4 演示演示 布局表格和布局单元格 模板的建立、保存、使用和更新 库的建立、保存、使用和更新10 HTML语言语言 无标题文档 主题内容 最主要就两个局部：1head(2) body10.2 HTML常用标记常用标记 总的来说有三种方法：总的来说有三种方法： 1文本文本 2文本文本 3文本格式标记1标题标记:标题文本2分段标记:或者是. 常用属性：align=“ left, center, right, justify3换行标记：注意：i是下标，取值范围为：

6、1-6,越小字体越大10.2 HTML常用标记常用标记4水平线标记： 常用属性：align(left,center,right)，color，noshade,size宽度 ,width(长度)5字体标记. 常用属性：face,size(1-7，值越大字号越大),color列表标记1无序列表，用做引导 ; (disc,circle,square)10.2 HTML常用标记常用标记(2)有序列表，用li引导,(A,a,I,I,1)；,(数字)(3)定义列表,条目以为引导，说明用引导10.2.3 图像标记1src2aligh3alt4hight和width例如：10.2 HTML常用标记常用标记 1

7、0.2.5 超链接标记 1文件链接:北京大学 2锚链接： 第一章 链接到第一章 3邮件链接：请多指教 表格标记10.2 HTML常用标记常用标记1表格的相关标记表格的相关标记表格标记：表格标记：表格标题标记：表格标题标记：表格行标记：表格行标记：字段名标记：字段名标记：字段名字段名数据标记：数据标记：数据数据2相关属性相关属性a)Table标记的属性标记的属性10.2 HTML常用标记常用标记1边框粗细:border=，最外围2)边框的宽度：cellspacing=，内部3边框和内容的距离：cellpadding=4表格的宽度 width=#%5表格的背景色bgcolor=6表格的对齐方式al

8、ign=b)Th和td标记的属性1)单元格所跨列数，colspan2)单元格所跨行数，rowspan10.3演示演示 对五种文本格式标记的演示 对三种列表标记的演示 对图像标记的演示 对超链接标记的演示 对表格标记的演示抽查与新任务抽查与新任务抽查抽查1利用利用CSS技术定义链接的表现状态技术定义链接的表现状态要求：不管是初始状态，还是点击后都没有下划线。要求：不管是初始状态，还是点击后都没有下划线。2下拉菜单的实现下拉菜单的实现要求：鼠标放在文字上面层出现，离开时那么消失要求：鼠标放在文字上面层出现，离开时那么消失新任务新任务1网页制作综合实践网页制作综合实践要求：利用布局视图、模板和库完成

9、一个网站初始页面要求：利用布局视图、模板和库完成一个网站初始页面main.html的设置的设置11 VBScript根本语法根本语法11.1 VBScript的根本框架的根本框架*Script代码最好放在head局部中对象对象Document.write(参数参数)Document.lastmodifiedDocument.write(document.lastmodified)11.2.2 window对象对象Alert(“提示信息提示信息)Prompt(“提示信息提示信息,“默认值默认值)11.3 数据类型数据类型 11.4常量常量 Variant是VBScript唯一的数据类型。主要有1

10、3种类型。 *其用于数字上下文中时作为数字处理，用于字符串上下文中时作为字符串处理。 *用“中使其强制转化成为字符串 Const，普通常量字符串常量和数值常量和符号常量预定义符号常量，用户自定义符号常量11.5 变量变量 11.6 运算符运算符 变量名的本卷须知 1第一个字符必须是字母，不能有句点和空格 2长度不能够超过255个字符 3在被声明的作用域内唯一 3不能与系统关键字相同 声明变量的方式：dim,public,private 运算符包括三个种类：算术运算符，比较运算符，逻辑运算符11.7 根本输入根本输入/输出函数输出函数Msgbox(prompt,buttons,title),其B

11、uttons参数Inputbox(prompt,title,default)Input可以输入内容，而msg那么只是提示11.8 数组数组 一维数组的声明：dim a(10) 多为数组的声明：dim a(1,2) 动态数组的声明：dim a(),redim a(25), redim preserve a(30)12 选择和循环语句选择和循环语句12.1 选择语句选择语句12.1.1 ifthenelse语句12.1.2 ifelseifendif语句If.thenelseif.thenelseendif12.1.3 selectcaseSelect case()Case 1Case 2case

12、 else.End select12.2 循环语句循环语句 12.2.1do whileloop语句 12.2.2 doloop while语句 12.2.3 fornextFor v=start to endstepMain bodyexit for.next13过程与事件过程与事件定义：Sub 过程名参数语句组End sub调用：过程名 参数列表Call 过程名参数列表定义：function 过程名参数语句组End function调用：和内部函数一样1function可以带参数，sub不可以2function可以返回值，sub不能3function可以直接使用，而sub那么不可以CALL

13、 文档对象：HTML文档中的每个元素都是一个拥有属性、方法和事件的对象 事件过程：当触发一个文档对象的某个事件时，该对象能够按照某种方式做出响应，但具体的响应过程需要由程序员写脚本代码实现，这种过程为事件过程。 构成：需要用sub定义 控件名称_事件名称作业作业将11-12章的实践指导具体实践，并传到个人空间。时间为下周2之间实验实验11对静态网页遗留问题的解决2对html,VBscript,过程和函数等的练习要求：实现n*n计算与现实n63申请并参加自己的主页模块： a:免费计数器 b:免费留言薄 c:免费聊天室 d:免费论坛实验实验2 ASP根本语法根本语法 Request:form(po

14、st),querystring(get),cookies,收集信息 Response:write,redirect,输出信息 Server:mappath(P213) SessionApplication包含文件include和execute实验：1对request和response的掌握做一个登陆页面，如果正确那么显示欢送，不正确那么返回登陆页面。2execute的掌握在多个页面调用同一个图片ADO对象连接数据库对象连接数据库*ADO是在OLE DB技术的根底上实现，包含3个主要对象：connection,recordset,command.connection三种连接方式(都以access为例)1通过ODBC连接设置好 set cn = server.createobject(adodb.connection) cn.open dsn=a“2通过ODBC连接未设置 strcn = DRIVER=Microsoft Access Driver (*.mdb);DBQ= & Server.MapPath(a.mdb) set cn = server.createobject(adodb.connection) cn.open strcn3通过OLE DB连接建议使用 strcn = provider=Microsoft.