吴颜亮WEB实训报告.docVIP

计算机工程学院 实 习 报 告 课程名称:WEB开发基础 学生姓名:吴颜亮 学 号:110131133 指导教师: 顾鑫 戴伟霞 专 业: 计算机科学与技术（微软合作） 班 级: 微软1101 实习时间:2011.06.07——2011.06.10 2011年 06 月 11 日 摘要： 网站是一个标志，每一所学校里的每一个班级每一个人都有自己的特色，都有自己的个性。在这个高度信息化的社会里，建立自己的网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解你，更可让世界了解你，凭藉自己独特的网站，你就可成为教育百花园中一朵鲜艳的花朵。 这次实习，教师与学生、学生与学生之间的交流有了全新的方式。 个人网站能够提供学习的平台，提高教学效率，能实现教育资源的合理分配，软件园是最佳的教学研究室。 有效地利用Internet来学习参考，给学生带来了一片新天地，各种优秀学习材料、相关学习论坛、网络教材、各科素材、多媒体课件制作等内容为老师和学生提供了极佳的平台。 训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、素材等方式收集所需的dreamweaver开发网站学习资料、图像资料、flash 动画和网页特效等。 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。 培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。 训练和培养团队协作精神和共同开发网站的综合能力。 关键字：网站；Dreamweaver；软件园；实习 目 录 1 Web开发基础 1.1 HTML基本概念 1.2 HTML基本标记 1.3 HTML的特点 2.1 CSS的基本概念 2.2 CSS的使用 2.3 CSS的特点 3.1 Javascript的概念 3.2 Javascript的基本语法 3.3 Javascript的特点 2 软件园实习训练 1 Web开发基础 Web开发基础是集HTML语言，CSS样式还有Javastript语言为一体的适合初学者看的一本关于网页开发的书籍。 HTML基本概念 HTML的英文全称是Hyper Text Markup Language。译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。 一个完整的HTML文件的基本结构如下： html head …… /head body …… /body /html 开头对应，结束对应/ 1.2 HTML基本标记 头部标记——head 标题标记——title 元信息标记——meta 基地网址标记——base 页面主体标记——body 页面注释标记——!-- -- 标题文字的建立 文字格式标记 段落标记 水平线标记 其他标记 无序列表的设计 有序列表的设计 列表的高级应用 超文本的建立 内部链接 书签链接 外部链接 添加图像——img 设置图像属性 图像的超链接 设置动态文字 设置背景音乐 添加多媒体文件 建立表格 设置表格属性 表格的边框 设置表格背景