网站建设与网页制作
步骤：1.规划阶段（网站策划）2.设计阶段（页面美工）3.实施阶段（网页制作）
详细流程：1.站点策划2.构思草图3.美工设计4.图形制作5.脚本编程6.图形页面整合7.测试发布
1．创建站点
    创建新站点、添加已完成站点（文件面板→管理站点→新建→命名→定义路径（前者为自定义后者为文件存储路径））
    规划站点结构的原则（分类保存、合理的文件名称（全英文名）、首页名称（index）、本地与远程结构要相同）
    建站点文档（添加文件和文件夹（通过鼠标右键新建）、文件的管理）
二．页面制作
1.  HTML代码的基本结构（头部（head）包含字符集（meta语句）、标题，主体（body））
<html>
<head>
Meta语句，标题
</head>
<body>
......
</body>
</html>
2. 设定meta内容（通用头元素的设置、添加meta元素、设置关键字和描述文字、刷新网页
设置）
插入→HTML→文件头标签→metaislanders→设定meta值不会在浏览器前端显示
插入→HTML→文件头标签→关键字→设定关键字→方便用户搜索到自己的网站
插入→HTML→文件头标签→说明→设定说明语句→对网站的描述，方便用户搜索到自己的网站
插入→HTML→文件头标签→刷新→设定刷新语句→对于网页的更新的操作（尤其网页更新比较快的情况）（刷新当前页面，刷新跳转到其他页面）
3. 设定页面 属性（标题、背景图像、背景、文本颜、边距）
    空白处右键页面属性
添加文本（插入特殊字符、设定文本属性、改变字体和尺寸）
插入特殊字符：插入→文本→插入特殊字符......
设定文本属性：插入→文本→属性插入→属性设置
4. 插入图像（浏览器支持的影像格式：GIF、JPEG、JPG、PNG）
插入→常用→图像（替换文本（鼠标在图片上方悬停时显示的文字））
图像属性设置：选中图片右键属性，图片大小设置好后重新取样；左右对齐，边距设置；
图像编辑（选中图像点击属性在属性面板中编辑图像属性必要时可调用PS软件、Fireworks软件等（调用方法选中图片→右键→编辑以））
5.  图文混排（资源面板包含有站点下所有图像，音频，视频文件等）
插入日期 （插入→常用→日期）
插入水平线（插入→HTML→水平线）（分割线，颜默认灰，设置水平线颜：属性面板→快速颜编辑器）
注释（插入→常用→注释（不会显示））
6. 插入Flash动画（Flash动画、Flash按钮与文字、Flash图片播放器、FlashPaper文件）
插入→常用→flash
Flash设置：属性面板里设置
Flash源代码
<object（对象标记）>ID序列号，插件下载地址，宽度和高度
<param(参数乱世三义大妮子结局是什么)>flash影片路径<param(参数)>显示品质（高或低品质)<param(参数)>......
    <embed>动画嵌入浏览器</emmbed>
</object>
插入flash按钮：插入→常用→按钮
（选择样式，编辑文本，字体，大小，（链接），（目标），背景，另存为(站点media文件夹下)时注意扩展名后缀为.swf）效果鼠标指上按键时变...
插入flash文本：插入→常用→flash文本
（字体，大小，颜，转滚颜，文本，（链接），（目标），（背景），另存为(站点html个人网页完整代码图片media文件夹下)时注意扩展名后缀为.swf）效果鼠标指上文字变的动态文字...
Flash图片播放器：将要播放图片拷贝到站点image文件夹下插入→flash元素→保存后缀.swf→flash元素面板中设置（重新定义imageUVL浏览选择站点目录下要播放的图片，删除imageLink（图片链接），删除imagelink Target（图片链接目标），编辑标题，是否自动播放，播放是否循环等等。存盘预览快捷键：F12）
插入FlashPaper文件（安装flashpaper软件条件下，micro office可以将word，ppt文档转换为flashpaper文件。方法：在Word或者PPT中到并点击flashpaper按钮，选择路径，保存便可以将当前打开的文件转换为flashpaper格式文件）插入→常用→flashpaper
7. 插入Java （Java主要用于互联网，用于做小的特效比如水中倒影的动画效果，网上可以到很多Java程序）
插入JavaApplet元素拷贝文件LINK.CLASS（Java类文件）和GIAL.JPG到diary目录
插入→常用→applet属性面板中设置applet属性（参数，值）
源代码：
<applet>code（表示要嵌入的Java文件），宽，高
<param>参数值标记
</applet>
8. 插入交互图像（翻转图片，导航条）交互图像如：鼠标悬停在图片上时图片发生变化
图像交互：插入→常用→插入图像→鼠标经过图像（状态图，鼠标经过图像。选择预载鼠标经过图像表示页面刚打开时就将两张图都下载下来，这样做的好处是保证浏览时的流畅度）python编程从入门到实践pdf百度云
导航条：插入→常用→插入图像→导航条（可以添加多张交互图片：状态图，鼠标经过图像，按下图片，按下时鼠标经过图像）
源代码：
<script>脚本</script>
9. 插入音视频（音频，视频）
  插入音频：插入→常用→插件（视频文件也是通过插件）
  源代码：
  <p> 宽高 </p>  <p> ... </p>...
  <embed>嵌入浏览器</embed>
10. 插入滚动文字（滚动文字，控制滚动文字）
    插入滚动文字
将光标定位在想要产生滚动效果的文字最前面，将视图拆分到对应源代码的光标位置输入<marquee>在将光标定位到想要产生滚动效果的文字最后面同样到拆分视图中对应光标的位置输入</marquee>。
    语句的格式如下：<marquee>想要滚动的文字</marquee>
设置文字滚动方向
将光标定位在第一个marquee的后面敲一个空格然后输入（或选择）direction在选择lift
语句的格式如下：<marquee direction=”right”>想要滚动的文字</marquee>向右（默认是向左的）
设置文字滚动速度
接着上步设置方向的语句末尾再输入一个空格然后选择scrollamount然后在””中输入速度值，比如3代表中速。
    语句的格式如下：<marquee direction=”right” scrollamount=”3”>想要滚动的文字</marquee> 注：scrollamount表示连续滚动
    source命令是干嘛的另一种语句的格式如下：<marquee scrollamount="30" scrolldelay="500">想要滚动
的文字</marquee> 注：scrolladelay表示间歇滚动，即滚动一会，停一会。此时数字越大会越慢。
设置文字滚动状态-控制滚动状态
脚本交互鼠标经过时滚动停止，鼠标离开时继续滚动。
语句的格式如下：<marquee direction=”right” scrolladelay=”3” onMouseOver”this.stop() onMouseOut”this.start()””>想要滚动的文字</marquee>
11. 网页链接（（绝对路径，相对路径，根路径）内部链接，外部链接，锚链接，Email链接，链接的目标窗口，图像的超级链接，热点）
    绝对路径如：www.baidu 完整的路径有协议，网址等等
相对路径：（不需要完整的写出路径的内容如协议，网址等等）当前文件和链接文件之间的路径关系如：一个目录里有a和b两个页面，要从a页面链接到b页面那么相对路径为b.htm
根路径：（不建议使用）某网页想要链接到根目录下的某个页面a就用根路径\a.htm。这种根路径都是由服务器端解释的，如果在本地使用根路径去打开的时候这个路径是无效的，也容易出错。
内部链接（同一网站内部页面之间的链接——相对路径）
包括图片，文字等都可以创建链接点击小图时在新窗口产生一张大图源代码中blank代表新打开浏览器在图片的属性面板中目标选项中选择。
源代码：
<a href=”boyhood.html” target=”_blank”></a>
外部链接（不同网站页面之间或外部页面之间的链接——绝对路径）
<a href=”www.baidu” target=”_blank”></a>
邮件链接
在链接输入框输入：“mailto：”+“实际的邮件地址”
定义通过链接发送邮件的主题
mailto：2576668974@qq？Subject=读者来信（或者网站的意见和建议等）
这样访客通过点击链接发给自己的邮件都有一个共同的主题以便自己管理邮件。
定义通过链接发送邮件的抄送（功能：将发送到链接所指定邮箱的邮件复制一份发送到给出的抄送邮箱）
mailto：25***74@qq？Subject=读者来信（或者网站的意见和建议等）
&cc=13***87@163
锚点链接
同一个页面当中不同位置的链接（如：返回顶部等）
将光标定位到页首某处，点击插入→常用工具栏→命名锚记（命名如顶部）→确定
源代码：
this love is ours 婚礼
<a name=”top”></a>
图像映射链接（图像映射，热点）
选中图像，图像属性面板左下角地图，热点区域：圆形，矩形椭圆形选中其中一种在图片上画出热点区域，然后在热点属性面板上设置参数。功能：给图片的部分区域创建链接即点击图片上定义好的某片热点区域而访问其他网页。
源代码：
<图像的源代码+usemap=”#map”>
<map name=”Map”><ares shape”circle” coords=”269.69.66” href=”www.***” target”_blank” alte”新版网站”></map>
脚本链接（关闭弹出窗口）
再选中文字的属性面板中的链接选项中输入：Javascript：window.closs（）
效果：看完网页后点击网页末尾的关闭窗口的链接会弹出窗口询问是否关闭窗口。
12.  插入表格（专业化制作页面必备知识）
    应用：web照片画廊
    命令→创建网站相册→设置属性（标题，副标题，其他信息，图片地址选择，画廊存储地址，缩略图大小（是否显示名称）拍几列图片格式，百分比（缩放））

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。