深入浅出 HTML制作网页体验其中乐趣
发布时间：2006-10-08 11:28:15 来源：网友世界 网友评论 0 条众所周知，网站制作涉及到了各个方面的知识，包括平面设计、HTML页面制作、CSS样式定义、客户端脚本编写（JavaScrfipt/VBScript）、服务器端脚本编写（Asp/Asp.Net/PHP/JSP）等诸多内容。本期笔者从最基础的讲起，着重介绍怎样制作一个简单的HTML网站，初步体会一下其中的乐趣。
1.这里笔者使用的网页制作工具是Dreamweaver。首先运行Dreamweaver，选择“文件”→“新建”菜单，此时会弹出如图1所示的窗口。
图1
2.在此窗口中的“基本页”标签下有七个选项，我们选择“HTML”项后单击“创建”按钮，创建工作区就会变成空白，这说明HTML页面已经创建成功，单击代码视图就会出现如图2所示的内容。
图2
3.先不要理会这些显示出的HTML页面代码的具体含义，我们首先将“Title无标题文档”改成“网页处女秀”，然后再选择设计视图。点击“菜单”→“插入”→“HTML”→“框架”→“上方”，即在网页的上方插入了一个框架。此时网页就分成了两个框架，即上框架和下框架。我们选择下框架后，选择“菜单”→“插入”→“HTML”→“框架”→“左方”命令，即在网页的左边插入了一个框架。
4.单击“Ctrl＋S”保存各个框架（top.htm，left.htm，right.htm）。然后选择左框架，点击“菜单”→“插入”→“超链接”命令，会出现如图3所示的对话框。在该对话框中输入各个项，其中“文本”是链接显示的文字，“链接”是单击之后跳转到的页面地址，“目标”是在哪个框架里显示。在此我们选择“目标”为mainFrame(即左边框架)，并按照此步骤继续插入超链接。接下来进入右框架(right.htm)的代码视图，在<body></body>里输入<marquee direction="left" align="middle">欢迎光临我的网站!!!</marquee>，这是一个文字特效，可以让文字左右上下移动，其中把direction换成(UP，DOWN，Left，Right)就可以改变文字的移动方向了。
图3
全站资源
- 微软官方入门教程19：轻松掌握Vista系统的快
- 微软2008大冲击，预借Vista SP1力促Vista市
- 在收件箱中获得 Windows Vista 的最新更新
- 微软官方Vista入门教程全集19篇（Vista学院
- Windows Vista 的成功将势不可挡
- 快快抛弃Vista，拥抱XP SP3！你觉得呢？
- 浅谈Vista系统关闭虚拟内存与使用内存盘加速
- 嘿嘿，按下键盘上面的三个键，马上让你的Vi
- Windows Vista的盗版率只有Windows XP的一半
- 3DMark和PCMark Vantage新版将只支持Vista系
阅读排行
- XHTML+CSS:调用样式表
- HTML网页制作技巧汇编
- 网页特效：在任何位置显示html菜单
- HTML小技巧的一些小技巧
- 想得出来？！用HTML给Flash加链接
- 利用HTML优化加快网页速度
- 采用XHTML和CSS设计可重用可换肤网页
- 偷窥HTML与XML之间的秘密
- 用DHTML中的Popup Object跨框架显示菜单
- HTML语言剖析(1)
最新技术文档
- 深入浅出 HTML制作网页体验其中乐趣
- 采用XHTML和CSS设计可重用可换肤网页
- 如何实现HTML页面地址栏参数传递与获取
- 两分钟做个xhtml+css的网站首页
- 两分钟做个xhtml+css的网站首页
- 使用xmldom在服务器端生成静态html页面
- 网页特效：在任何位置显示html菜单
- 用DHTML中的Popup Object跨框架显示菜单
- 网页特效之HTML中树的实现方法
- 标记类语言：与HTML相比XHTML有什么特点
专题教程
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题：清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏