B/S网络模式(结构)
B是浏览器Brower;S是服务器Server。
HTML简介
静态网页的扩展名:.html和.htm
动态网页的扩展名:.asp、.jsp、.aspx、.php(含有PHP代码和MySQL代码)等
浏览器不能直接识别PHP和MySQL的代码。只能由服务器端的服务器软件Apache来进行解释成HTML代码返回。
1)HTML的概念
HTML(HypertextMarkup Language,超文本标注语言) ,(这是曾经的一道笔记题)
HTML就是一个标准,是一套标记。比如:加粗:<b>广州传智</b>
2)一个HTML文件的结构标记
<html>
<head>
<title>凤凰网首页</title>
</head>
<body>
99%的内容都放在这里
</body>
</html>
<html></html>是网页中最大的一对标记,告诉浏览器如何给我翻译这个文件的内容。<html>中包含两大标记<head>和<body>。
<head></head>中的内容不可见,一般用于特殊功能。
<body></body>是网页的主体内容。这里的内容都是用户可见的。
<title></title>是网页标题,只能填写纯文本。
<meta>标记是<head>的子标记,告诉浏览器网页用什么字符编码来显示。比如:gb2312(简体中文)、utf-8(多国语言)
注意:如果这个<meta>标记,设置的不合格,会造成乱码的问题。(详细的meta明天再讲)
在线代码编辑器
分两大类:一是增强的文本编辑器;二是IDE(集成化的开发环境)
(1)增强的文本编辑器
EditPlus
Notepad++
特点:比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能
(2)IDE
Dreamweaver的安装序列号:WPD800-52838-47232-48635
Zendstudio 收费软件
特点:软件比较大、占用系统资源较多、代码颜色高亮显示、代码自动补齐功能、版本控制、数据库配置等。
(3)Dreamweaver环境的设置
第一步:建立一个站点:站点——管理站点
第二步:设置当前环境的编码,编辑——首选参数(Ctrl+U)
第三步:修改代码中文字的大小:首选参数(Ctrl+U)
第四步:设置默认浏览器:Ctrl+U
新建一个文件,保存,点击浏览器标签,就可以浏览编写的网页!
Editplus的参数设置:工具——参数
Editplus编辑环境的默认编码