网页设计说明技术方案.pptVIP

网页设计提示ppt 前期准备—如何建立一个html网页文件 1 右击桌面空白处，新建一个文本文档 2 打开该文本文档，输入html代码，如 html head /head body 胡森 /body /html 保存内容并关闭 3 将文本文档后缀名由”txt”改为”html”，双击新建的网页文件，效果如图所示 4 重新编辑网页内容时，可以右击该网页文件，在打开方式中选择记事本，则可编辑网页文件内容 1 网页的基本框架 html head … /head body … /body /html 在这里可以设计网页的标题 在这里可以设计网页的正文内容 这里的内容作为框架是每一个基本的网页所需要包含的内容。查阅书P75，看下html、head、body分别表示什么意思 2 网页标题的设计 title胡森的个人主页/title 根据前面一页ppt的描述，看下这段html代码应该放在哪里？可参考书P74 3 在网页上添加多行文字 p align=left胡森/p p align=right胡森/p p align=center胡森/p 通过align 可以设置该段文字的对齐方式：左对齐、右对齐、居中对齐 4 设置字体格式：大小、字体、颜色 font SIZE=10 FACE=“宋体” COLOR=red 胡森 /font 6 设置表格 table border=1 width=80% cellspacing=0 align=center caption我喜欢的电影 /caption trtdnbsp/tdtdnbsp/td/tr trtdnbsp/tdtdnbsp/td/tr trtdnbsp/tdtdnbsp/td/tr /table 这里，nbsp表示空格 修改border、cellspacing、 width和align的属性值，看看表格有什么不同 宽度占整个网页宽度80% 7 添加超链接 a href=“” 你好/a 点击“你好”则可链接到新浪网 8 不同标记的嵌套问题 （1）某一行字体的设置 pfont…/fontp （2）表格内字体的设置 tdfont…/font/td （3）某一小段文字存在超链接 fonta href=“…”… /a/font