1_网页制作初识

第一章网页制作基本知识通过本部分的学习，应该掌握以下内容：•认识网页•网页执行的原理•网页制作的基本步骤•构成网页的基本要素•制作网页的基本工具•美化网页的基本工具•网页运行的软件支撑环境1.1认识网页1.1.1网页简介HTML：HyperTextMarkupLanguage，超文本标记语言，即通过将特定的标记放置在文本或图片或URL前后，来达到使该段文本或图片或URL以指定方式显示的目的网页就是我们通过网络浏览器看到的网站页面，网页通常都符合HTML的规范。静态网页是在动态网页出现后相对而言的传统采用HTML编写的网页。后缀名为.htm或.html。制作工具是FrontPage、DreamWeaver等所见即所得的工具，也可以是记事本等纯文本工具动态网页指的是采用ASP、PHP、CGI等程序动态生成的页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成并传输到用户的浏览器中。1.2网页执行原理阶段一：收集数据与规划网站结构阶段二：网页制作与测试阶段四：网站的更新与维护并加以推广阶段三：将网站上传至web服务器1.3网页制作基本步骤网页上有什么文字图片动画超链接1.4构成网页的基本要素1.4.1什么是超链接定义：指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。URL：URL（UniformResoureLocator：统一资源定位器）是页的地址。•硬件•网页编辑软件：网页编辑软件可以分成两种，一种是类似记事本，另一种是可视化网页编辑软件（DW）•图像动画处理软件：ps、fw、flash、coreldraw•浏览器软件：IE，360等•网页空间：用来存放网页的存储空间，位于提供相关服务的网络服务器上1.5从事网页设计所需要的软、硬件•html•浏览器端script描述语言：镶嵌在html代码里的小程序•服务器端的script描述语言：目前常见的服务器端script有ASP语言和CGI程度两种。ASP是“ActiveServerPages”的缩写，意思是：动态服务器网页。CGI是CommonGateInterface的缩写，中文翻译为“通用网关接口”。1.5从事网页设计相关的程序语言网页源代码的基本框架•HTML•head•title网页的标题/title•/head•body•网页的主体内容•/body•/HTML常见的标签和代码•ul无序列表ol有序列表li,在Web2.0中与css结合构建网页•tabletrtd内容/td/tr/table•Table:表格，tr：行，td：单元格，内容必须放在单元格内•imgsrc=……/img：图像，src：图像地址•br/换行,在设计视图中shift+enter• 空格，在全角状态下敲空格键，或首选参数内设置•在设计视图中直接回车换行，是段落标记p/p工作环境•工作设置：“设计器”和“编码器”(窗口工作区布局)•三种视图：代码、拆分、设计•文档窗口：“查看”菜单相关辅助的显示隐藏•工具栏的使用：标准、文档•状态栏：标准选择器、选取工作、手型工具、缩放工具、•“插入”工具栏•属性检查器•面板组工作环境设置•文件菜单部分命令•编辑菜单首选参数•修改菜单页面属性