深入学习实录笔记

2014.9.161.成为出色的网页设计师：学习要学的深入；恒心练习；学习最新的 。2.认识网页和网站网页：网页时 Web 站点中使用 html 等标记语言编写的单独文档。网站：网站是一系列网页的整体。3.制作网页和网站的流程制作网站：（1）初始商讨（2）需求分析（3 ）综合内容（4 ）页面布局（5）测试制作网页：（1）整体选题（2）准备材料（3 ）规划页面（4 ）插入素材（5）添加链接（6）页面美化发布站点：（1）申请域名（2）选择主机（3 ）选择硬件（4 ）选择硬件（5）网站推广4.web 标准布局介绍什么是 web 标准：结构（结构化语言 html 和 xhtml），表现(层叠样式表 css)，行为（DOM 和javascript）Css 布局标准举例：使用 css 标准样式后，结构部分与表现部分完全分离。5.网页制作工具：Dreamwever,freehand,psotoshop,fireworks,flash问题：1.关于 css 那个例子2.关于站点布局3.Ajax Spry 4.如何提高自己的审美能力/具备正确的审美能力（艺术）2014.9.196.技术三剑客：Html:身材三种表示方法： 元素体 元素体Css:化妆Css 也是一种语言，无须编译，可直接有浏览器执行；在标准网页设计中，CSs 负责网页内容的表现；Css 文件也是一个文本文件，css 文件必须使用 css 为文件后缀；Javascript 互动运算符，表达式，语句，函数，对象，事件是 javascript 的基本概念；Javascript 可以在客户端完成一些页面，只需要比较简单的数据实现交互，可以减轻服务器的压力（因为基本的数据去到页面后，在此基础上的动作在该页面上就能完成，完全不需要再与服务器发生交互动作）；7.下拉菜单导航栏目 1- 标签定义无序列表。即在有列表的时候使用；如果定义一个有序列表，用体育新闻娱乐新闻电子新闻- 标签定义列表项目。导航栏目 2下拉栏目栏目 1下拉栏目栏目 2下拉栏目栏目 3导航栏目 3下拉栏目栏目 1下拉栏目栏目 2下拉栏目栏目 3要是没有 css 和 javascript，那么菜单就会显示成这个样子。-css-.mainwidth:900px;height:auto;height:auto;border:1px solid #0066FF;/* 样式颜色宽度 */margin:100px auto; padding:20px;font-size:30px;font-family:“新宋体“;background-color: #FFFFFF;/* 外框背景色 */.mmwidth:310px;Civa 是什么，做什么，怎么用margin:0 auto;ulmargin:0;padding:0;#nnborder-right:1px solid #666666;height:24px;width:303px;#nn lifloat:left;width:100px;height:24px;list-style:none;border-top:1px solid #666666;border-left:1px solid #666666;border-bottom:1px solid #666666;background:#996666;#nn a display: block; font-size:12px;text-align:center;line-height:24px;color:#000000;font-weight:bold;text-decoration:none;#nn li ul list-style-type:none;left: -999px;width: 99px;background:#eeeeee; position: absolute; #nn li ul liwidth:99px;height:24px;background:#eeeeee;border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;#nn li ul li afont-size:12px;color:#333333;#nn li ul li a:hoverbackground:#333333;color:#ffffff;#nn li.sfhover ul left: auto-js-问题：1.为什么 360 等无法浏览下下拉菜单？IE 就可以呢？2014.9.221.头部元素 1.文档类型2.编码类型 3.页面标题 4.命名空间 5.meta 标签6. 重定向用户7. 所有链接一个目标8. 9. 样式表，link10. 扩展阅读：百度搜索引擎优化指南 2