octaspiral.com

English

Lectures

Lecture Notes, Syllabus, and Sample Text Book

stu 2018.10.15 17:30 Views : 747

Syllabus

MSCIS 460 Server Side Web Development Winter 2019 SSU.pdf

 

Sample Seb site:

octaspiral.com/han
------------------------------------------------------------------------

Lecture 2 (1/10/2019)

 

Making about me page

1. Login to the website

www.octaspiral.com/students/sierra/YOURNAME

with your emial as an ID and given PW.

2. Click "GEAR' in right on top to go to the manage page

3. Go to "Menu", Click Menu Editor and Click Main Menu and Click Add Menu Item

Click Widget Page and put "About me" in the Menu name.

Click Confirm in right bottom. Go back to your web site.

4. Click About me 

Click Modify there after click "Insert content by yourself"

5. Edit your "About Me" page.

 

 
------------------------------------------------------------------------

Lecture 3 (1/17/2019)

video: The true history of the internet

 

Making Media page

1. Login to the website

www.octaspiral.com/students/sierra/YOURNAME

with your emial as an ID and given PW.

2. Click "GEAR' in right on top to go to the manage page

3. Go to "Menu", Click Menu Editor and Click Main Menu and

Click Add Menu Item Click Widget Page and

 

Media  Pictures Pics1

                          Pics2

                          Pics3

            Videos   Video1

                          Video2

                          Video3

 

Size : Width "300".

Please get 3 pictures and 3 videos for each menus.

Please explain or get some information for the pictures and videos.

 

For videos

Please go to youtube and click "share" and "embed" so that you can get the <iframe> code.

 

 
------------------------------------------------------------------------

Lecture 4 (1/31/2019)

Layout

 

Please login your webpage !!!! and Click "GEAR' in right on top to go to the manage page

 

Main

Please find "Advanced" --->"Layouts"----> "Gerrard Layout"

Please find "Configure" -----> in the second layout type make sure you have "Main(defult)"

In the very bottom please find "Top menu" and make sure you have "Main menu"

Please click "Save"

 

Left

Please find "Advanced" --->"Layouts"----> "Gerrard Layout"

Please find "insert" and click

Please type "Left" in the Subject box and click "insert"

Please find "Configure" in Left (Very Important !!!!!!)-----

---->in the second layout type make sure you have "Sub Defult (Side Left)"

In the very bottom please find "Top menu" and make sure you have "Main menu"

Please click "Save"

 

Right

Please find "Advanced" --->"Layouts"----> "Gerrard Layout"

Please find "insert" and click

Please type "Right" in the Subject box and click "insert"

Please find "Configure" in Right (Very Important !!!!!!)-----

---->in the second layout type make sure you have "Blog (Side Right)"

In the very bottom please find "Top menu" and make sure you have "Main menu"

Please click "Save"

 

Applying

Please find "Menu"--->"Menu Editor"--->"Welcome Page"--->"Design"--->"Layout"--->"Gerrary Layout"-->"Save"

***If you cannot click layout, please click the right side button in Use site design and make sure you have "OFF"

 

Please apply

Welcom Page--->Gerrard

About me-->Left

Media --> Gerrard

Picture--->Gerrard

Pic1, Pic2, and Pic3 -->Left

Movies--->Gerrard

Movie1, Movie2, and Movie3 -->Right

 

-------------------------------------------------------------------
Lecture 5 (2/14/2019)
 
1. Making Short Cut
 
After login click admin button on the left side of main slide.
Menu--->Menu Editor--->Main menu-->Add Menu Item--->Shortcut--->Shortcut (In the Menu Name)--->
Please input your URL Link (In the URL Link)--->  Confirm
 
Click Shortcut (In the main menu)---> Add menu item--->shortcut-->Type Google (Inthe menu name)
Please intput "http://www.google.com" (in the URL Link)
 
Please make 3 more short cut (in the shortcut)
 
Ex)
Main menu   Shortcut   Google
                                Amazon
                                Sierra
 
2. Link
 
Advanced--->Layouts--->Gerrard Layout--->Configure---->Please find twitter RUL and Facebook URL--->
Please input the URLs.
 
Please do the same thing for "Left" and "Right" layout.
 
 
3. Main Slide setting
Advanced ---> Layouts ---> Gerrard Layout ---> Configure 
Please choose "Main Slide Settings" (in the User Defined)
 
Please use your pictures (You may can download)
Please click "Files" and choose picture and click "Submit"
Please input "Slide Text", "Slide Content" and "Slide Button URL".
 
Note: Please do the "Main Slide Setting" in "Gerrard Layout " Only !!!!!
        Please find GOOD Pictures
 
----------------------------------------------------------------------------------------------------------------------

Lecture 6 (2/21/2019)

 

Login and go to admin (After you login You can find admin button on the left side of main slide)

 

Making Board

 

1.

Admin page --> Menu --> Menu Editor --> Main Menu --> Add Menu Item --> Board

Please input "Board 1" and Confirm. (You can change the name later)

 

2.

Admin page --> Menu --> Menu Editor --> Main Menu --> Add Menu Item --> Board

Please input "Board 2" and Confirm. (You can change the name later)

 

3.

Please apply "Left" layout to the "Board 1" and "Board 2".

 

4.

Advanced --> Widgets --> Please click "Generate Code" In the "Content"

Please select "KSO Content wedget skin" and select in the "Theme"

Please click " Add" --> Select "Board 1" and confirm ---> Find Generate Code in the very bottom and click

Please copy the code in the box ---> Advanced ---> Layouts ---> Gerrard Layout ---> Please click "Configure" in the "Gerrard Layout"

Please find "Default Skin Settings" in the" User Defined"

Please input "Board 1" in the latest title 1 and paste the code in the latest widget 1

 

5.

Advanced --> Widgets --> Please click "Generate Code" In the "Content"

Please select "KSO Content wedget skin" and select in the "Theme"

Please click " Add" --> Select "Board 2" and confirm ---> Find Generate Code in the very bottom and click

Please copy the code in the box ---> Advanced ---> Layouts ---> Gerrard Layout ---> Please click "Configure" in the "Gerrard Layout"

Please find "Default Skin Settings" in the" User Defined"

Please input "Board 2" in the latest title 2 and paste the code in the latest widget 2

 

6.

Please find 3 pictures for small banner, please find about 350 by 150 size.

Make sure the 3 pictures have same size.

Please "select file" in the banner image 1, 2, and 3 and Submit.

 

7. Please make ANY at least 5 EVENTS and/or ANNOUNCEMENT in the Borad 1 and Board 2 

------------------------------------------------------------------------------------------

 

Lecture 7 (2/28/2019)

 

Login and please click admin

 

1. Copyright

Advanced --> Layouts --> Gerrard Layout --> Configure --> User Defined --> Basic Settings

Please take care of "Copyright" section in the very bottom of the page and "Save"

 

2. Teaser, IconBox, and so on

Advanced --> Layouts --> Gerrard Layout --> Configure --> User Defined --> Common Settings

Please take care of title, content, and url in "Teaser", "IconBox", "Section", "Parallax"

 

3.

Advanced --> Layouts --> Gerrard Layout --> Configure --> User Defined --> Default Settings

Please take care of title and content in "Column" in the bottom

 

-------------------------------------------------------------------------------------------------

 
 
 
 
 
 
 
 
 
 
 
 
 
 
Practice Link
http://octaspiral.com/html/han/board_RVFi24
 
Text Book
 
 
 
 
 
Old Syllabus
 
No. Subject Author Date Views
» Lecture Notes, Syllabus, and Sample Text Book file stu 2018.10.15 747